@charset "UTF-8";
/*

Theme Name: unleassh Theme 2026 v1.1.0

Theme URL: https://unleashh.org

Description: Elevating Artist fluency – body, mind & nervous system

Author: DB/M - Designbüro Michel, dbm.ac

Version: 1.1.0

*/
@import url("css/external/flickity.css");
@import url("css/fonts/fonts.css?ver=1.1.2");
@import url("css/logo/logo.css");
@import url("css/logo/kimiko-logo.css");
@import url("css/icons/icon.css");

@import url("css/menus/navibar.css?ver=1.0.7");
@import url("css/menus/menu-main.css?ver=1.0.1");
@import url("css/menus/menu-slide.css?ver=1.0.3");
@import url("css/menus/menu-footer.css?ver=1.0.2");


@import url("css/buttons/menu-side-btn.css");
@import url("css/footer/footer.css");


@import url("css/buttons/block-switch-btn.css");
@import url("css/buttons/block-element-plus-btn.css?ver=1.0.2");
@import url("css/buttons/block-element-minus-btn.css?ver=1.0.2");

@import url("css/single-template/single-artist.css?ver=1.0.3");
@import url("css/single-template/single-ticket.css");

@import url("css/page-template/page-warenkorb-drop.css");
@import url("css/page-template/page-warenkorb.css");
@import url("css/page-template/page-versanddaten.css");
@import url("css/page-template/page-kasse.css");
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* Animation */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
.rotate.triggeredCSS3    {transform : rotate(360deg); }
.scale.triggeredCSS3     {transform : scale(1); opacity: 1;}
.slideIn.triggeredCSS3 { opacity: 1;}
/* STANDARTS */

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */

.ani{
	transform : scale(0.8);
	opacity: 0.9;
    transition: 0.8s;
}

.ani2{
	transform : scale(1);
	opacity: 0.2;
    transition: 2s;
}




/* [Claude 2026-08-17] .unloadedPage/.loadedPage ausgebaut (auskommentiert, NICHT geloescht) -
   Verdacht, dass der Opacity-0-Start von #PageContent (siehe home.php etc.) dafuer sorgt, dass
   Safari Hintergrund-Videos (Content Slider/Grid) nicht automatisch startet, da der Browser die
   Autoplay-Entscheidung offenbar trifft, waehrend der Container noch unsichtbar ist.
   Schnell wieder aktivieren: die beiden Regeln unten einfach aus dem Kommentar loesen. Die
   HTML-Klasse "unloadedPage" steht weiterhin unveraendert in home.php/index.php/post-artist.php/
   single.php/Warenkorb*.php/Kasse.php/Versanddaten.php/Order-Success.php/Order-Error.php, und
   js/code.js toggelt die Klassen weiterhin - beides bewusst unangetastet gelassen, damit die
   Reaktivierung nur diese eine Stelle hier betrifft.
.unloadedPage {
	opacity: 0;
	-webkit-transition: opacity 1.9s linear;
	-moz-transition: opacity 1.9s linear;
	-ms-transition: opacity 1.9s linear;
	-o-transition: opacity 1.9s linear;
	transition: opacity 1.9s linear;

}

.loadedPage {
	opacity: 1;
	-webkit-transition: opacity 1.9s linear;
	-moz-transition: opacity 1.9s linear;
	-ms-transition: opacity 1.9s linear;
	-o-transition: opacity 1.9s linear;
	transition: opacity 1.9s linear;
}
*/
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* Parallaxe */

.parallax_scroll{
}

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* STANDARTS */

*, *::after, *::before {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}


a{
	position: relative;
	width: auto;
 	text-shadow: none;
    text-decoration: none;
	cursor: pointer;
}


.upperCase{
	text-transform:uppercase;
}
.center{
	
  display: flex;
  align-items: center;
  justify-content: center;
}
.centerV{
	
  display: flex;
  align-items: center;
}

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* Img & Video Sizer */


img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    display: block;
    position: 50% 50%;
}

video {
	position: relative;
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
	width: 100%;
	height: 100%;
  /* Make video to at least 100% wide and tall */
  	min-width: 100%; 
	max-height: 100%;
  
	object-fit: cover;
	
	object-position: center center;
  	/* Center the video */
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%,-50%);
}

.elastic-video {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
	
	  /* Make video to at least 100% wide and tall */
  	min-width: 100%; 
	max-height: 100%;
	 width: 100%;
	
  height: 100%;
}

.elastic-video iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	object-fit: cover;
}


/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */

/* Body Elements */

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */


body,
html {
    max-width: 100%;
	height: auto;
   /* min-height: 100vh;
   mobile viewport bug fix */
 /*  min-height: -webkit-fill-available;*/
    padding: 0;
    margin: 0 !important;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;

}

.PageWrap{
	position: relative;
	margin-left:auto;
	margin-right: auto;
	height: 100%;
}


section{
	position: relative;
	margin: 0;
	margin-left:auto;
	margin-right: auto;
	padding: 0;
	width: 100%;
	height:100%;
}


#PageContent{
	position: relative;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	/*min-height: 100vh;*/
	padding:0;
	z-index: 1;
}



/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */

@media screen and (max-width: 956px) {
#footer.active .ani2{
	opacity: 0 !important;
}

#footer.active .slideIn.triggeredCSS3 { opacity: 0 !important;}
	
/*	
#PageContent.active{
	display: none;
	overflow: hidden;
	height: 0vh !important;
	min-height: 0vh !important;
	
}*/

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
	
}
@media screen and (max-width: 720px) {
/*
#PageContent.active{
	display: none;
	overflow: hidden;
	height: 0vh !important;
	min-height: 0vh !important;
	
}*/
.PartnerModul{
	
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	
	padding-top: 25vw;
	padding-bottom: 25vw;
}
	
	
.PartnerElmModul{
	
	grid-column-gap: 10%;
}
.PartnerLogoBox{
	
	position: relative;
	width: 40%;
	height: 12.5vw;
	
	background-color: transparent;
}
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */

}