/*
Theme Name: frontendgmbh-child
Description: frontendgmbh-child ÄNADERUNGEN 2021.04
Author: Tawan Arun 
Author URI: https://www.idfabrik.com
Template: frontendgmbh
Version: 1.0
Text Domain:  frontend
*/


:root {
	/* var(--variable) */
	--ua-gelb: #fff500;
	--ua-rosa: #ef86a2;
	--ua-blau: #00b1ff;
	--ua-gruen: #00baa4;
	--ua-petrol: #005967; /* #005967;  #003fb4 */ 
	--ua-violett: #ad32ff;
}
.text-ua-violett {color: var(--ua-violett) !important;}
.bg-ua-violett {background-color:  var(--ua-violett) !important;}
.bg-ua-gruen {background-color: var(--ua-gruen) !important;}
.text-ua-gruen {color: var(--ua-gruen) !important;}
.bg-ua-rosa {background-color: var(--ua-rosa) !important;}
.text-ua-rosa {color:  var(--ua-rosa) !important;}
.bg-ua-petrol {background-color: var(--ua-petrol) !important;}
.text-ua-petrol {color: var(--ua-petrol) !important;}
.bg-ua-gelb {background-color: var(--ua-gelb) !important;}
.text-ua-gelb {color: var(--ua-gelb) !important;}
.bg-ua-blau {background-color: var(--ua-blau) !important;}
.bg-ua-schwarz {background-color: #000 !important;}


.text-ua-blau {color: var(--ua-blau) !important;}
.text-black {color: #000 !important;}
.text-black-childs > * {color: #000 !important;}
.text-white {color: #fff !important;}
.text-white-childs > * {color: #fff !important;}

.page-id-10 .post-date,
.page-id-28 .post-date,
.page-id-1240 .post-date {
    display: none;
}

/* interlignage bloc info titre */
.page-id-8 h4 {
    line-height: 100%;
}
/* sa marche pas sur toute les page autrement ! */
.widget_inner h4 {
    line-height: 100%;
}

/* taille du logo insta */

.image.wp-image-4466.attachment-full.size-full {
    width: 50px;
}

/*Lightbox Hintergrund auf weiß*/ 
.subsection .post-entry .post-gallery-container  {
    background-color: #fff !important;
}

/****** only desktop 2021 ***** */
@media only screen and (min-width:991px) {
/*.mobile_logo {display: none;} */
#mobile_logo {display: none;}
.dstp_logo{display: block;}
}


/*h1 auf 52px statt 48px */
.page-builder .page-content h1 {
    font-size: 52px;
}

/* title veranstaltungen */
.page-builder .page-content .section-title h2 {
    font-size: 52px;
    }



/* bouton M E N U */

.page-builder .page-menu-right .widgets-left-menu .close {
    background: white;
    padding-left: 20px;
    padding-top: 20px;
    margin-left: -10px;
    margin-top: 0px;
    padding-bottom: 20px;
}






/* hauteur ligne */
.page-builder .page-content .section-title {
    height: 90px;
}


.page-builder .page-menu-right ul li a {

  /*  margin-right: -45px;*/
    margin-top: 0px;
    background-color: unset !important;
}






/* typo txt alles */
body {
    font-size: 1.1em;
    line-height: 120%;
}

h1, h2 {}

/* alle LINKS im text */
.subsection .post-entry .post-entry-right .post-content-container .post-content p a,
.subsection .post-entry .post-entry-right .post-content-container .post-intro p a,
.open-post-content {
    color: #000;  font-size: 1.15em;  letter-spacing: .1pt;   /*line-height: 1.55em; */   font-family: "Times New Roman", Times, serif;
    /*text-decoration: underline;*/
}


/*ROSA ef86a2 */

/* bloc video war zu breit */
#app-container {
    max-width: 95%;
}
section #app-container {
  max-width: 95%;
}

/* info newsletter
.checkbox-inline {
    font-size: 0.7em;
line-height: 1.2em;
}
*/
.nl2go-widget {
    background-color: yellow;
    font-size: 0.7em;
    line-height: 1.3em;
}



/* home hide sonderausstellungen veranstaltungen */
.page-id-8 #sonderausstellungen {display: none;}
.page-id-8 #veranstaltungen {display: none;}
.page-id-8 #on-tour {display: none;}

.page-id-10 #temporary-exhibitions {display: none;}
.page-id-10 #temporary-exhibitions-preview {display: none;}
.page-id-10 #events {display: none;}
.page-id-10 #on-tour {display: none;}





/*footer menu not show */
.footer-menu {display: block; }
.footer-menu ul li a:hover {
    color: #000;
}


/* fonc blanc menu droite*/
.page-builder .page-menu-right ul {
    background: #fff;
}

/* ligne MENU right */

.page-builder .page-menu-right ul {
    border-top-style: solid;
     border-top-width: 2.6px; 

}

/* line right neben English
.menu-item-wpml-ls-3-en, .menu-item-wpml-ls-3-de {
border-right-style: solid;
 border-right-width: 2.6px; 
}
 */
.page-builder .page-menu-right ul li a, .page-builder .page-menu-right ul li a:hover {
    line-height: 20px;
    border-right-style: solid;
    border-right-width: 2.6px;
    padding-right: 11px;
}

.page-builder .page-menu-right ul li:nth-child(3) a{ border-right-style: none; }


.page-builder .page-menu-right ul li a, .page-builder .page-menu-right ul li a:hover {
    line-height: 30px;
}

/* Bouton English */

.wpml-ls-native {

}




/* veranstaltungen hide archive */
#veranstaltungen .section-title a {display: none;}

/* reset position logo */
/* logo immer sichbar */
/* header img.scrolled  */

header img, header img.scrolled {
    display: inline-block;
    margin: 3px;
    vertical-align: top;
    max-height: unset;
    max-width: 166px;

    position: fixed;
    left: 10px;
    bottom: 10px;
/*    z-index: 9999;   */
}

/* cache logo bloc info*/ 
.page-builder .page-menu-right .widgets-left-menu {
    background-color: unset;

}



header img.scrolled {
/*
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    */
}




header img{
/*
max-height: unset;
position: unset;
margin-top: unset;
display: unset;
margin: unset;
vertical-align: unset;
max-height: unset;
position: fixed;
left: 10px;
bottom: 10px
z-index: 9999;

max-height: 100px;
*/

}





/* PAGE Führungen & Workshops */  

.page-id-2262 .page-content h1  ,
.page-id-26 .page-content h1 {
    color: #fff;
    font-family: "Times New Roman", Times, serif;
    background-color: #ef86a2;
    padding-top: 8px;
    margin-top: 12px;
    height: 175px;
    transform: rotate(0.8deg);
    line-height: 100%;
    /*padding-left: 1%;*/
}

#veranstaltungen .section-title h2,
#events .section-title h2 {
    margin-top: -6px;}


#school-projects .section-title ,
#guidedtours .section-title ,
#fuehrungen .section-title ,
#workshops .section-title ,
#schuelerprojekte .section-title ,
#sommerschule .section-title 
{
    background-color:#ef86a2;
    color: #fff ;
}





.page-builder .page-content .section-title h2 { /*padding-left: 1%; line-height: 1.4em; */ margin-top: 2px; }



#beeskowartarchive h2 ,
#heritage h2 ,
#history h2 ,
#internships h2 ,
#fundingandpartners h2 ,
#insights h2 ,
#loan-enquiries h2 ,
#library h2 ,
#research h2 ,
#publications h2 ,
#fuehrungen h2 ,
#workshops h2 ,
#schuelerprojekte h2 ,
#sommerschule h2 ,
#dauerausstellung h2 ,
#sonderausstellungen h2,
#schaudepot h2,
#on-tour h2,
#geschichte h2,
#flaechendenkmal-eisenhuettenstadt h2,
#kunstarchiv-beeskow h2,
#team h2,
#praktika h2,
#foerderer h2, 
#einblick h2, #soundcollage h2, #digital h2, #leihanfragen h2, #bibliothek h2, #forschung h2, #publikationen h2 ,
#permanent-exhibition h2, #temporary-exhibitions h2  , #guidedtours h2 ,   #school-projects h2
{ /*font-size: 1.6em; padding-left: 1%; line-height: 1.4em; */ }


.page-builder .page-content .section-title a {
    color: #fff;
   }



/* PAGE SAMLUNG */
.page-id-5534 .page-content .section-title ,
.page-id-3184 .page-content .section-title ,
.page-id-1240 .page-content h1 ,
.page-id-28 .page-content h1 {
    color: #fff;
    font-family: "Times New Roman", Times, serif;
    background-color: #009ee3;
    padding-top: 6px;
    margin-top: 12px;
    height: 175px;
    transform: rotate(0.8deg);
    padding-left: 2px;
}


#einblick .section-title h2 ,
#insights .section-title ,
#einblickbeeskow .section-title ,
#loan-enquiries .section-title ,
#library .section-title ,
#research .section-title ,
#publications .section-title ,
#einblick .section-title ,
#soundcollage .section-title ,
#digital .section-title ,
#leihanfragen .section-title ,
#bibliothek .section-title ,
#forschung .section-title ,
#publikationen .section-title ,
#sachgruppen .section-title
{
    background-color: #009ee3;
    color: #fff ;
}

/* tous les titres H2 de la page sammling*/
.page-id-28 .page-builder .page-content .section-title {
  background-color: #009ee3;
}

.page-id-30 .page-content h1 { display: none; }



/* PAGE UBER UNS ! */
.postid-2762 .page-content h1,
.postid-2442 .page-content h1,
#about-us .section-title  ,
#ueber-uns .section-title  {
    color: #fff;
    font-family: "Times New Roman", Times, serif;
    background-color: #005967;
    padding-top: 16px;
    margin-top: 12px;
    height: 175px;
    transform: rotate(0.8deg);
    padding-left: 1%;
}




#beeskowartarchive .section-title ,
#heritage .section-title ,
#history .section-title ,
#internships .section-title ,
#fundingandpartners .section-title ,
#geschichte .section-title ,
#flaechendenkmal-eisenhuettenstadt .section-title ,
#kunstarchiv-beeskow .section-title ,
#team .section-title ,
#praktika .section-title ,
#foerderer .section-title {
    background-color: #005967;
    color: #fff ;
}




/* PAGE AUSTELLUNG  GRUN !!*/
/*  
.page-id-2471  .section-title h2, 
.page-id-2692 .section-title-special,

*/

/* cas special ¨*/
.page-id-2471 .section-title .section-title-special,
.page-id-2692 .section-title .section-title-special {
    background-color: #00aa96 !important;
    height: 175px !important;
}

.page-id-2692 .section-title,
.page-id-2471 .section-title {
     background-color: #00aa96 !important;
     color: #fff;
     padding: 3px 0 0 3px;
    margin-bottom: 10px;
    }

.page-id-4998 .page-content h1,
.page-id-4993 .page-content h1,
.page-id-2471 .section-title.section-title-special,
.page-id-322  .page-content h1,
.page-id-320  .page-content h1,
.page-id-316 .page-content h1,
.page-id-314 .page-content h1,
.page-id-1662 .page-content .section-title ,
.page-id-223 .page-content h1,
.page-id-1217 .page-content h1 {
    color: #fff;
    font-family: "Times New Roman", Times, serif;
    background-color: #00aa96; /* vert */
    padding-top: 8px;
    margin-top: 12px;
    height: 175px;
    transform: rotate(0.8deg);
    margin-bottom: 18px;
}

/* co-uleur lila */

.page-id-4998 .page-content h1,
.page-id-4993 .page-content h1,
.page-id-320  .page-content h1,
.page-id-322  .page-content h1,
.page-id-320  .page-content h1,
.page-id-314 .page-content h1 ,
.page-id-316 .page-content h1 
{ background-color: #ad32ff;
color: #fff;}

/* page oublié http://localhost/alltagskultur-ddr/en/virtuelle-sonderausstellung/ */

/*.page-id-2692 .section-title {
background-color: #ad32ff !important;
color: #fff ;
}
*/
.page-template-template-default .page-content > :not(.footer-menu) a {
    color: #000;
}

/* alles grun !! */
#dauerausstellung .section-title, 
#sonderausstellungen .section-title,
#schaudepot .section-title,
#sonderausstellungen  .section-title a,
#sonderausstellung-aktuell .subsection-title,
#sonderausstellung-archiv .subsection-title,
#sonderausstellung-vorschau .subsection-title,
#opendepot .section-title ,
#on-tour .section-title ,
#permanent-exhibition .section-title,
#temporary-exhibitions .section-title,
#temporary-exhibitions-preview .subsection-title ,
#temporary-exhibitions-archive .subsection-title 

  {
    background-color: #00aa96; /* GRUN */
    color: #fff;
    /*margin-top: 17px;*/
}




 /* Holzhey: added for small image-sizes */
.open-post-gallery {
	width: 100%;
}

/* sous-titres BU, en dessous des images */
.open-post-gallery .open-post-gallery-caption {
    background-color: #fff;
    font-family: "Times New Roman", Times, serif;
    color: #000;
    padding-right: 10px;
    font-size: 0.8em;
    font-weight: normal;
    left: 0px;
    line-height: 1;
    margin-bottom: 0;
}

.open-post-gallery img {
    max-width: 100%;
    margin-bottom: 10px;
	width: 100%; /* Holzhey: added for small image-sizes */
}


/* COULEUR Titre de section AKTUEL */
.page-builder .page-content .section-title.section-title-special {
    background-color: #ad32ff;
    color: #fff;
}


/* typo Titre de section AKTUEL */
.page-id-10 .page-builder .page-content .section-title h2,
.page-id-8 .page-builder .page-content .section-title h2 {
font-size: 2.4em;
padding-left: 0;
line-height: 0.7em;
}
/*
.page-builder .page-content .subsection-title h3 {
    font-size: 1.4em;
    line-height: 1.4em;
     padding-left: 1% ;
}
*/



/* Home 2021 */
.home_bloc_main {
	/*background-color:#fff; width: 100%; height: 710px;  padding-bottom: 15px; */
	width: 100%;  
	height: 92px;
	position: relative;
	padding-top: 66%;
}

.home_bloc_left {
    width: 50.5%;
    float: left;
    position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}

.home_bloc_right {
    width: 48%;
    float: left;
    margin-left: 2%;
    position: absolute;
   top: 0;
   left: 50%;
   bottom: 0;
   right: 0;

}

.home_bloc_leer_01 {
	width: 100%;
	float: left;
	height: 0px;
	position: relative;
	padding-top: 45%/*0*/;
	background-color: #ad32ff;
	margin-top: 15px;
	transform: rotate(-0.8deg);
}

.home_bloc_leer_02 {
width: 100%;  
float: left;
height: 30px;
position: relative;
padding-top: 12%;
background-color: #ad32ff;
   transform: rotate(0.8deg);
}

.home_bloc_text {
	width: 100%;
	float: left;
	height: 30px;
	position: relative;
	padding-top: 80%/*57%*/;
	background-color: #ad32ff;
}

.home_text {
	font-size: 2.7em;
	line-height: 0.9em;
	height: 400px;
	font-family: "Times New Roman", Times, serif;
	color: #fff;
	padding:2%;
	font-weight: normal;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.home_text_2 {
	font-size: 2.7em;
	line-height: 0.9em;
	font-family: "Times New Roman", Times, serif;
	color: #fff;
	padding:2%;
	font-weight: normal;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
    left: 42px;
}

@media only screen and (max-width:1300px) {
	.home_text, .home_text_2 {font-size: 2.1em;}
}

.home_bild {
width: 100%;
float: left;
height: 0px;
	max-height:100%;
position: relative;
padding-top: 101.00%;
margin-left: 35px;
}

.home_bild img {
	height: 100%;
	width: auto;
	max-width: unset;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	max-height: 105%;
	object-fit: cover;
}

/* START: strange inline overrides moved outside of the db-entry of page-ID 8 (Holzhey, Ron) */
.title_liechtenstein {
	font-family: 'Monument Grotesk Regular', sans-serif; font-size: 4vmax;
	line-height: 105%;
	color:#fff;
}

.home_bloc_left_bottom {
	background-color: #ad32ff;
	transform: rotate(0.8deg);
	margin-top: 20px;
	float: left;
	width: 100%;
	height: 39%;
}
.home_bloc_left_bottom .text-only {
	display: block;
	padding: 2%;
	font-size: 2.5vmax;
	line-height: 105%;
}

.home_bloc_left_bottom a {
	position:absolute;
	bottom: 4px;
	left: 4px; color: #fff; 
	text-decoration:none;
	font-family: 'Monument Grotesk Regular', sans-serif;
	font-size: 4vmax;
	line-height: 105%;
}

.home_bloc_leer_01{
	background-color: #ad32ff;
}

.home_bloc_leer_02 {
    width: 100%;
    float: left;
    height: 115px;
    position: relative;
    padding-top: 0%;
    transform: rotate(0.8deg);
    text-align: left;
}

.home_text {
    height: 250px;
}

.home_bloc_leer_01 {
    padding-top: 0;
}

.home_bild {height: 2%; /*  background: #eeedee;  */}

.home_bloc_main {padding-top:56%; } /*68%*/

.home_link a, .text_folgen_sie_uns {
	font-family: 'Monument Grotesk Regular', sans-serif;
	color: #fff;
	font-size: 2.5vmax;
	padding-left: 0.5em;
	text-decoration: none;
	position: relative;
}

.text_folgen_sie_uns { margin-top:10px; padding-top: 0; }

@media only screen and (max-width:400px) {
.icone_img {width: 20px;}
}

@media only screen and (min-width:768px) {
.home_bloc_left_bottom {height: 41%;}
}

@media only screen and (min-width:1000px) {
	.home_text, .home_text_2 {
	/* font-size: 2.8em; 
	letter-spacing: 0.01em;
	line-height: 1em;
	*/
	}
}

.home_bloc_text {
	padding-top: 58%;
}
/* END: strange inline overrides moved outside of the db-entry of page-ID 8 (Holzhey, Ron) */



/* Underline statt Farbe */
.page-builder .page-menu-left ul li a:hover, .page-builder .page-menu-left ul li a.active {
    color: #000;
    text-decoration: underline;
    text-decoration-thickness: 2.2px;
}



/* taille texte MENU */
.page-builder .page-menu-left ul li a { /*font-size: 1.2em;*/  }
.page-builder .page-menu-left {margin-top: 20px;}

/* marge generale du haut */
.page-content {margin-top: 5px;}

header h1 {
    color: #000;
    font-size: 2.9em;
    margin-top: 10px;
}


/* desactive la bare organge de la home */
.home .page-builder .page-content h1 {
    display: none;
}

#veranstaltungen .subsection-title {
    background-color: #ffed00; /*  Gelb 2021 */
}
/*
#veranstaltungen .subsection-title h3 {
    font-size: 1.8em;
}
*/

/* titre rotate + couleur */
.page-id-2056 .section-title,
#veranstaltungen .section-title,
#events .section-title {
    background-color: #ffed00 !important; /*  Gelb 2021 */
    font-family: "Times New Roman", Times, serif;
    padding-top: 16px;
    margin-top: 12px;
    height: 175px;
    font-size: 48px;
    transform: rotate(0.8deg);
}


/* desactive le lien unique archive EN
#events h2 {display: none;}
 */

 #veranstaltungen .section-title a,  #events .section-title a {
    display: inline;
    color: black;
    font-family: 'Monument Grotesk Regular', sans-serif;
    font-size: 0.4em !important;
}

/* cas particulier titre */
#events .section-title a{color: #000;     padding-top: 16px;
    margin-top: 12px;}

/* fond bloc information */
.page-builder .page-menu-right .widgets {
    background-color: #ad32ff; /* violet */
}



/* V. EN */
#events-archive .subsection-title  {  background-color: #ffed00; /*  Gelb 2021 */}
#events .subsection-title  {  background-color: #ffed00; /*  Gelb 2021 */}

/* fond blanc du bloc menu information */
.page-builder .page-menu-right ul li:nth-child(3) a {
    background-color: #fff;
    /*font-size: 1.2em; */
    margin-right: 0px;
}

/* FARBE Newsletter bloc in widget wp-admin/admin.php?page=n2go-api */

/* bloc info n.1 */
.widget-left {
    background-color: white;
    margin-top: 10px;
    transform: rotate(0.5deg);
    padding: 5px;
    margin-left: -20px;
    width: calc(33% - 40px) !important;
}

/* bloc info n.2 */
.widget-mid {
    background-color: white;
    margin-top: 10px !important;
    transform: rotate(-0.6deg);
    padding: 5px;
    margin-left: 30px !important;
    width: calc(33% - 40px) !important;
}

.widget-right {
    background-color: white;
    margin-top: 10px !important;
    transform: rotate(0.9deg);
    padding: 5px;
    margin-left: 20px !important;
    width: calc(33% - 40px) !important;
}


.page-builder .page-menu-right .widgets h4 {
 
    margin: 10px 0 20px;

}

/* cache la supperposition blanche */
.page-builder .page-menu-right .close-widgets {
    width: 42px;
}
/*
.page-builder .page-menu-right .widgets {
    width: 100vw;
}
*/

/* boutton de fermeture */

.page-builder .page-menu-right .close-widgets {
    background-color: #fff;
    height: 430px;
    background-repeat: no-repeat;
    padding: 0px;
}

/* Titre info en blanc */
.page-builder .page-menu-right .widgets h3 {
    color: #fff;
}





/* BT English */
.page-builder .page-menu-right ul li:first-child a {
    background-color: #fff;
    width: 128px;
    font-size: 1.2em; 
}

.page-builder .page-menu-right ul li:nth-child(2) a {
visibility: hidden;
}



/* marge menu */
.page-menu-left {
    margin-left: 8px;
}


/* debug marche titre uber uns */
.page-builder .page-content section#ueber-uns .section-title h2 {
    line-height: 18px;
    margin-left: -3px;
}







/****** MOBILE 2021 ***** */
@media only screen and (max-width:991px) {

    .page-builder .page-content h1 {
    font-size: 24px !important;
    line-height: 110%;
    }


    .page-builder .page-content .section-title h2 {
    font-size: 24px !important;
    line-height: 110%;
    }


    #dauerausstellung .section-title, #sonderausstellungen .section-title, #sonderausstellungen .section-title a, #sonderausstellung-aktuell .subsection-title, #sonderausstellung-archiv .subsection-title, #sonderausstellung-vorschau .subsection-title, #on-tour .section-title, #permanent-exhibition .section-title, #temporary-exhibitions .section-title, #temporary-exhibitions-preview .subsection-title, 
    #temporary-exhibitions-archive .subsection-title
    {height: 63px;}

    .page-builder .page-content .section-title {
    height: 63px;
    }

   .page-builder .page-content .section-title.section-title-special {
    background-color: #ad32ff;
    color: #fff;
    font-size: 12px;
    }


   body {/*background-color: yellow;*/}
   header h1 {display: none;}

       header img, header img.scrolled {
      top: 10px;
        max-width: 100px;
      
    }


  header .header-mobile-menu {
    display: none;
    line-height: 1.2;
    padding-bottom: 10px;
    max-height: calc(100vh - 46px);
    overflow-y: auto;
    z-index: 400;
    position: absolute;
    background: #fff;
    }


   .page-builder {
    padding-top: 72px;
    }

    header .header-mobile .mobile-lang-switcher:hover , header .header-mobile .mobile-lang-switcher { background-color: unset; }


    .home_text {
    font-size: 1.23em;
       line-height: 1.15;
    }

    .home_bloc_main {
    width: 98%;
    left: 1%;
    right: 1%;
    margin-bottom: 20px;
    }

    .section-title { 
/*    max-width: 97%;
    margin-left: 1%;*/
    }

     #ueber-uns .section-title  ,
        #veranstaltungen .section-title  ,
        .page-id-223 .page-content h1, 
        .page-id-26 .page-content h1, 
        .page-id-28 .page-content h1, 
        .page-id-1217 .page-content h1 { max-width: 97%;
        margin-left: 1%; }


    /* algemein */
        .section-title, .subsection-title  { max-width: 97%;
        margin-left: 1%; }



    .mobile_logo{display: block;}
    .dstp_logo{display: none;}

    .subsection .post-entry .post-meta h3.post-title {margin-bottom: 5px; }


    #ueber-uns h2 {
        margin-top: -7px;
    }


    .page-builder {
    padding-top: 60px;
    }

    header img, header img.scrolled {
    top: 10px;
    max-width: 70px;
    }




    .page-builder .page-content .section-title.in-view {
    /*
        position: unset;
        top: unset;
        z-index: unset;
        width: unset;
    */
   
    }

    .page-builder .page-content .section-title.in-view {
        position: relative;
        top: 0;
        z-index: 1;
        width: 97%
    }

    .page-builder .page-content .section-title.in-view + * {
    padding-top: 0px;
}

    
    header .header-mobile-menu {
        position: absolute;
        background-color:unset;
        max-height: 100vh;
      width: 220px;
         height: 100vh;
		top: 69px;

       
    }


    header .header-mobile-menu .widgets-mobile {
        display: none;
        position: absolute;
        width: 100vw;
        height: 100vh;
        /*
        width: 200%;
        height: 40%;
        */
        max-height: 100vh;
        left: 0;
        top: 0;
        
        padding: 0px;
        background-color: #c7064f;
        overflow: auto;
    }


    header .header-mobile-menu ul {
 
    }




} /* fin mobile */



/* kleine mobile */
@media only screen and (max-width:463px) {
    .home_text {
        font-size: 1.1em;
    }
}



@media only screen and (max-width:376px) {
    .home_text {
        font-size: 0.85em;
    }
}

/* kleine mobile */
@media only screen and (max-width:321px) {
    .home_text {
        font-size: 0.6em;
    }
}
   
/* Sehr kleine mobile */
@media only screen and (max-width:216px) {
    .home_text {
        font-size: 0.4em;
    }
}





header .header-mobile-menu .widgets-mobile {
    background-color: #ad32ff;
}
#menu-item-120 { display: none;}


header .header-mobile-menu .widgets-mobile {
background-color: #unset;
}

header .header-mobile-menu ul li {

    background-color: #fff;

width: 451px;
}


header .header-mobile-menu ul li a:hover {
    color: #000;
}



/* TITRE SECTION DIGITALE*/
    .page-id-5534 .page-content .section-title, .page-id-5534 .page-content .section-title, .page-id-5534 .page-content h1, .page-id-5534 .page-content h1 {
    color: #fff;
    font-family: "Times New Roman", Times, serif;
    background-color: #ad32ff;
    padding-top: 6px;
    margin-top: 12px;
    height: 175px;
    transform: rotate(0.8deg);
    padding-left: 2px;
    }
    #digital .section-title {display: none;}