@font-face {font-family: TitilliumWeb;src: url(Titillium_Web/TitilliumWeb-Regular.ttf);}
@font-face {font-family: TitilliumWebBold;src: url(Titillium_Web/TitilliumWeb-Bold.ttf);}
  
body{ font-family: 'TitilliumWeb'!important;font-size: 1.17vw;font-weight: normal; letter-spacing: 0.5px;line-height:1.33; margin:0;padding:0;}
*{box-sizing: border-box;}
.testing{border: 1px solid red;}
[class*="Zeile"]::after {  content: "";  clear: both;  display: table;}
[class*="Spalte"] {  float: left; }

/* v01 bis v29 : gleiches Format für Desktop und Laptop */
.v01-HintergrundFarbe{background-color:#E0EBEB}
.v02-KopfZeile{max-height:5.6%; width:100%; background-color:white; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); z-index:1000;position: -webkit-sticky;position: sticky;top: 0;}
.v03-CursorAlsPointer{cursor:pointer}
.v04-KopfSpalte2_4Rechts{width:6.8%; padding:1.4% 0.75% 0 0;}
.v11-SchriftNichtFett{font-family: 'TitilliumWeb'!important}
.x12-EinfacheZeile{}
.v13-UeberlagerungZentriert{width:100%;position:absolute;display: block;    justify-content: center;}/*was flex*/
.v14-FarbeInhalt{background:white}
.v15-BildEinpassen{width:100%;object-fit:contain}
.v15-LeerzeileOben{padding-top:6%;max-height:6%}
.v16-PortraitZeile{padding: 3.7%  0 2.3% 0}
.v17-Aufzaehlung{padding-left:1em;margin-top:0;list-style: "-  " outside;}
.v19-FussZeile{min-height:8.4vh; padding:2.5%; 0% 2.5% 0%;width:100%; font-family: 'TitilliumWeb';font-size: 1vw;font-weight: normal;letter-spacing: 0px; line-height:1.5; max-height:22%}
.v20-OverviewZeile{padding-bottom:5.6%}
.v21-ButtonLinksRechts{width:5%!important;object-fit:contain;padding-bottom:1%;cursor:pointer}
.v22-ButtonNachOben{padding-bottom:5.5%;width:3.2%;object-fit:contain;cursor:pointer}
.v23-ProjektBild:hover .v24-ProjektBild_Titel{opacity: 1}
.v23-ProjektBild{position:relative}
.v25-Reserve{display:none}

/* Formate in Formatvarianten: V30 bis v76 */
@media (min-width: 601px){
/* Formatvarianten DESKTOP */
.v18-AufzaehlungsItem{margin-bottom:3%}
	.v24-ProjektBild_Titel{bottom: 0;  left: 0;  position: relative;  width: 100%;  color: black;  font-size: 1vw; padding: 20px;  text-align: left; min-height:6.9vw}
.v30-NurLaptop {display:none!important}
.v31-KopfSpalte1Links{width:75%; padding:0.6% 6% 0.6% 30.5%;}
.v32-KopfMenu-Button {font-family: 'TitilliumWeb';font-size: 0.9vw; border-radius: 25px;border: 1px solid black;background-color:white;padding:2px 1px 3px 1px;cursor:pointer;font-weight:bold;width:95%;}  
.v32-KopfMenu-Button:hover {background-color:gray}
.v33-KopfMenu-ButtonAngeklickt {background-color:black;color:white}
.v42-WillkommenBild {width:100%;object-fit:cover; text-align:center; position:relative}
.v43-WillkommenText{position:absolute;top:8%; font-family: 'TitilliumWebBold';font-size: 2.73vw;letter-spacing:0.5px;line-height:1.25;color:white;text-align:center}
.v45-AnimierterPunkt {margin-top:14.3%; width:54.5%!important; padding-left:45.5%; object-fit:contain}
.v46-TitelSpalte1{width:30.3%;float:left;padding:0.8% 0% 0% 13.8%}
.v47-TitelSpalte2{width:7.1%;float:left;padding-right:1.5%}
.v48-TitelSpalte3{width:33.2%;float:left}
.v49-BildAugen{width:100%;padding-top:7%}
.v50-TitelSpalte4{width:22%;float:right;padding-top:0.8%}
.v51-TitelEbene1{font-family: 'TitilliumWebBold';font-size: 1.95vw;letter-spacing:0.5px}
.v52-TitelEbene1-Zusatz{font-family: 'TitilliumWeb';font-size: 1.95vw;letter-spacing:0.5px}
.v54-LeerzeileUnten{padding-bottom:10%;}
.v55-ButtonLinksRechtsOben_Text{font-size:0.86vw;font-weight:900}
.v56-ProjektBilderZeile{margin:0.78%}
.v57-ProjektBilderSpalte{padding:0.4%;width:25%;float:left}
.v60-DetailSpalte1{width:74.67%;padding: 0% 3.77% 0% 13.75%}
.v61-DetailSpalte2{width:21.55%}
.v62-TitelEbene2{font-family: 'TitilliumWebBold';font-size: 1.17vw;letter-spacing:0.5px;line-height:1.5;}
.v66-PortraitBildSpalte{width:37.4%;float:left;padding:0 2.3% 0 19.8%}
.v67-PortraitTextSpalte{width:39%;float:left;font-family: 'TitilliumWeb'; font-size: 1vw}
.v69-KontaktAdressSpalte1{width:56.5%;padding:0 1% 0 37.4%}
.v70-KontaktAdressSpalte2{width:14.1%;}
.v72-KontaktSpaltePlanBild{width:74%;padding: 2% 0% 0% 26%}
.v73-TextImpressum{padding-right:8%;font-size:1vw}
.v74-FussSpalte1{width:52.55%; padding-left:37.42%;}
.v75-FussSpalte2{width:18.09%}
.v76-FussSpalte3{width:18.09%}
.v77-KopfLogo {width:80%}
.v78-Spacer {width:10%; max-height:5px}
	.v99-fett{font-family: 'TitilliumWebBold';font-size: 1.1vw}

/* Ende Formatvarianten DESKTOP */
}

@media (max-width: 600px) {
/* Formatvarianten MOBILE */
  .v24-ProjektBild_Titel{bottom: 0;  left: 0;  position: relative;  width: 100%;  color: black;  font-size: 4vw; padding: 20px;  text-align: left; min-height:6.9vw}
  .v30-NurDesktop {display:none!important} 
  .v31-KopfSpalte1Links{width:88%; padding: 0% 0% 0.5% 2.32%;object-fit:contain}
 
	.v32-KopfMenu-Button{margin-left:6.32%!important;font-size:4.5vw!important;border-radius: 25px;border: 1px solid black;background-color:white;padding:2px 1px 3px 1px;cursor:pointer;text-align:center;width:50%;font-family: 'TitilliumWebBold';cursor:pointer}
  .v34-NavHamburger{float:right!important; display:inline-block;padding:2%;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
 .v18-AufzaehlungsItem{margin-bottom:3%;font-size:4vw}
	.v35-NavMenu{height:100%;width:90%;;margin-left:10%;background-color:#B1CACF;position:fixed!important;z-index:1;overflow:auto}
  .v36-NavMenu-Animate{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
  .v41-TitelMenuText{padding-left:6.32%!important;font-size:4.5vw!important}
  .v41-TitelMenuTextClose{padding-left:6.32%!important;font-size:4.5vw!important;cursor:pointer}
  .v42-WillkommenBild {width:100%; max-height:750px;  text-align:center; position:relative}
  .v43-WillkommenText{position:absolute;top:20%;font-family: 'TitilliumWebBold';font-size: 7.1vw;letter-spacing:0.5px;line-height:1.25;color:white;text-align:center}
  .v44-TextAlsBlock{display:block!important}
  .v45-AnimierterPunkt {margin-top:42%; width:58%!important; padding-left:42%; object-fit:contain} /*16%* wars*/
  .v46-TitelSpalte1{width:50%;float:left;padding:0.8% 0% 0% 7%}
  .v47-TitelSpalte2{width:28%;float:left;padding:0 3% 0 7%} 
  .v48-TitelSpalte3{width:72%;padding-left:0%;float:left}
  .v49-BildAugen{width:100%;padding-top:10%}
  .v50-TitelSpalte4{width:50%;float:right;padding:0.8% 7% 0 0;text-align:right}
  .v51-TitelEbene1{font-family: 'TitilliumWebBold';font-size: 6vw;letter-spacing:0.5px}
  .v52-TitelEbene1-Zusatz{font-family: 'TitilliumWeb'; font-size:6vw;letter-spacing:0.5px}
  .v54-LeerzeileUnten{padding-bottom:10%;}
  .v55-ButtonLinksRechtsOben_Text{font-size:3vw;font-weight:900}
  .v56-ProjektBilderZeile{}
  .v57-ProjektBilderSpalte{width:100%!important;padding:1.3% 7% 1.3% 7%}
  .v60-DetailSpalte1{width:100%;padding: 0% 7% 0% 7%}
  .v61-DetailSpalte2{width:100%;padding:4% 8% 4% 28%}
  .v62-TitelEbene2{font-family: 'TitilliumWebBold';font-size: 4.3vw;letter-spacing:0.5px;line-height:1.5;} 
  .v66-PortraitBildSpalte{width:100%;float:left;padding:0 20% 0 28%}
  .v67-PortraitTextSpalte{width:100%;padding:0 8% 0 28%}
  .v69-KontaktAdressSpalte1{width:100%;padding:0 1% 0 28%}
  .v70-KontaktAdressSpalte2{width:100%;padding:0 1% 0 28%}
  .v72-KontaktSpaltePlanBild{width:100%;padding: 2% 0% 0% 0%}
  .v73-TextImpressum{padding-right:8%;font-size:4vw}
  .v74-FussSpalte1Laptop{width:100%;text-align:center;font-size:4vw}
  .v77-KopfLogo {width:110%;padding-top:4px}
  .v78-Spacer {width:0%; max-height:5px}
	.v99-fett{font-family: 'TitilliumWebBold';font-size: 4.1vw}
/* ENDE Formatvarianten MOBILE */
}