/*modelle*/
:root {

--iphonemenuicons:rgba(180,207,95,1);

--normalschrift:rgba(8, 8, 7, 1);

}


body {

width:100vw;

}


body, div, a, li, ul, textarea, input, p {

font-family: "Montserrat";

color: var(--normalschrift);

font-weight: normal;

}

b, strong{
font-family: "Montserrat";
font-weight: 700;
}


.copy {

font-family: Roboto;

font-size: 5vw;

color: var(--normalschrift);

padding: 0.5vw 0px 1vw 0px;

margin-left: 35vw;

}



#middlebox {

position: relative;

}



#linksseitenleiste {

display: none;

}



#footer {

margin: calc(5vw + 2em) auto 0px auto;

padding: 0px;

width: 100vw;

position: relative;

background-color: var(--footerfarbe);





}



#logform {

display: none;

}



#footertext {

display: flex;

flex-direction: column;

position: relative;

padding-right: initial;

}



#spalte1 {

position: absolute;
top:0px;
width: 30vw;
}



#spalte2, #spalte3 {

margin-top: initial;

z-index: 1000;

}



#spalte2 {

width: 90%;
position: relative;
left: 0%;
text-align: right;
margin-bottom: -4vw;
top: 3vw;


}



#spalte3 {

width: 100%;

position: relative;

display: flex;

flex-direction: column;

align-items: flex-start;

}

#spalte4{
display:none;
}

.inlinemiticon {
display: flex !important;
align-items: center;
}



.footerspalte p, .footerspalte a, .footerspalte li, .footerspalte h1, .footerspalte h2, .footerspalte h3, .footerspalte h4, .footerspalte h5, .footerspalte h6{ 

color:var(--footertextfarbe);

font-size: 5.5vw;

}

.datenschutz p, #werbungslisten ul, #werbungslisten li, .adresstext, .adresstext p, .adresstext a{
font-size:6vw;
font-family:"AncizarSans-Thin";
color:var(--footertextfarbe);
padding:0px;
margin:0px;
}


#servicenavicontainer {
    display: flex;
    flex-direction: column;
    width: 100vw;
    left: 0px;
    position: relative;
    justify-content: center;
    align-items: center;
}

.servicenavireihe {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
margin-bottom: -2vw;
}

.servicenavizelle {
flex-shrink: 0;
width: 30vw;
height: 25vw;
margin-right: -2vw;
display: flex;
left: -1vw;
position: relative;
}



#datenschutz {
display: flex;
position: relative;
margin: 2vw 0px 0px 6vw;
}

#datenschutzicon{
width:13vw;
}

#logofooter {
width: 80%;
position: relative;
margin-top: 3vw;
left: 25%;
}



#mainbox{

width:100vw;

position:absolute;

left: 0vw;

}



h1{

font-size:8vw;

}



h2{

font-weight:normal;

font-size:7vw;

font-family:Roboto-Light;

}



h3{

}



.hinterlegt h3{

font-family: Roboto-Light !important;

color:rgba(124, 124, 111, 1) !important;

}



h4{

font-family: Roboto-Light !important;

color: var(--h1farbe);

font-weight: normal !important;

}







p{

}



ul{

}



li{

}



a{

}



.listenbutton{

display:inline;

}





#iphonebox{

display:inline;

position:fixed;

top: 16vw;

height:calc(var(--apphoehe) - 16vw);

left:0vw;

width:100vw;

overflow-y: scroll;

z-index: 0;

-webkit-overflow-scrolling:touch;

overflow-x:hidden;

}



.servicenaviblock {
width: 16vw;
left: 57vw;
position: absolute;
top: -1vw;
display: flex;
flex-direction: column;
height: 16vw;
justify-content: space-between;
z-index: 2;
}


.servicenaviitem.serviceelement {

height: 16vw;

width: 16vw;

}



.serviceicon {
width: 180%;
height: 180%;
display: flex;
border-radius: 50%;
}



.serviceicon svg {

display: block;

width: 100%;

margin: auto;

}



#listenbildli{

-webkit-transform: scale(1,1);

-ms-transform: scale(1,1);

-moz-transform: scale(1,1);

-o-transform: scale(1,1);

transform: scale(1,1);

position: relative;

height: 100%;

width: 100%;

top: 0px;

}



#hamburger, #triggerkreuz {

position: absolute;
top: 4.9vw;
left: 86.5vw;
width: 7vw;
height: 7vw;

}

#triggerkreuz {
z-index:20;
}	

.listenstrichli{

position: absolute;

border-radius:1vw;

width: 100%;

height: 10%;
}

.listenstrichli{
background-color: rgba(101, 88, 63, 1);
}

.fakestrichli{
background-color: rgba(255, 255, 255, 1);
}

	

#listenstrichli1, #fakestrichli1{

top:0px;

}

#listenstrichli2, #fakestrichli2{

top:44%;

}

#listenstrichli3, #fakestrichli3{

top:88%;

}



.obergerotiert {

-webkit-transform: rotate(45deg) translate(5.5vw,2.5vw) scale(1,1);

-moz-transform: rotate(45deg) translate(5.5vw,2.5vw) scale(1,1);

-ms-transform: rotate(45deg) translate(5.5vw,2.5vw) scale(1,1);

-o-transform: rotate(45deg) translate(5.5vw,2.5vw) scale(1,1);

transform: rotate(45deg) translate(1vw,0vw) scale(1,1);
transform-origin: left top;

}

	

.untergerotiert {

-webkit-transform: rotate(-45deg) translate(5.5vw,-2.5vw) scale(1,1);

-moz-transform: rotate(-45deg) translate(5.5vw,-2.5vw) scale(1,1);

-ms-transform: rotate(-45deg) translate(5.5vw,-2.5vw) scale(1,1);

-o-transform: rotate(-45deg) translate(5.5vw,-2.5vw) scale(1,1);

transform: rotate(-45deg) translate(1vw,0vw) scale(1,1);
transform-origin: left bottom;

}

	

.geunrotiert{

	-webkit-transform:rotate(0deg) translateY(0vh) scale(1,1);

	-moz-transform:rotate(0deg) translateY(0vh) scale(1,1);

	-ms-transform:rotate(0deg) translateY(0vh) scale(1,1);

	-O-transform:rotate(0deg) translateY(0vh) scale(1,1);

	transform:rotate(0deg) translateY(0vh) scale(1,1);

	}







#menu{

position:fixed;

-webkit-transform: scale(1,0);

-ms-transform: scale(1,0);

-moz-transform: scale(1,0);

-o-transform: scale(1,0);

transform: scale(1,0);

-webkit-user-select: none;

top: 0vw;

transform-origin:top;

width: 100vw;

background-color: rgba(73,51,15,1);

height: calc(100vh);

overflow-x: hidden;

overflow-y: scroll;

-webkit-overflow-scrolling: touch;

display:flex;

align-items:var(--flexalign);

left:0px;

z-index:10;

}



#menukasten{

margin: 0px 0px 0px 0px;

transform-origin-x: center;

transform-origin-y: top;

width: 100%;

position: relative;

display:block;

margin-top:0px;

padding-bottom: 26vh;
left:1vw;

}







.navicontainers {

top: 0vw;

width: 100%;

position: relative;

font-size: 4vw;

font-weight: bold;

word-wrap: break-word;

overflow-wrap: break-word;
margin: 0px 0px 3vw 0px;
}

.navicontainer1{

margin-top:6vw;

}



.navicontainers .hauptitem{

position: relative;
margin-left: 2vw;
display: flex;
align-items: center;

}

.untermenuitem {
display: inline-flex;
align-items: center;
position: relative;
margin: 0px 0px 3vw 0px;
}

.hauptitem{

z-index:1000;

}





.hauptitem a, .aktiv .hauptitem a{

position: relative;
left: 4vw;
font-size: 5vw;
color: rgba(255,255,255,1);
font-family: "Montserrat";
font-weight: 300;

}







.plusoffen .mitunternavi {


}



.aktiv .hauptitem a, .aktiv.popup{

color: var(--phonaktivfarbe);

}



/*.aktiv .hauptitem a::after, .aktiv.popup::after, .aktiv.popup:after {

content: "";

display: block;

width: 100%;

height: 0.5vw;

background-color: var(--h2farbe);

border-radius: 0.1vw;

margin-top: 0.2em;

margin-left: 0px;

}



.aktiv.popup::after, .aktiv.popup:after {

position:absolute;

width:40%;

}*/

.hauptitem .icon {
background-color: var(--titellinksh1);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}

.hauptitem .icon svg {
width: 90%;
display: block;
height: 90%;
margin:initial;
}

#nachhaltigkeitkopie .hauptitem .icon svg {
width: 102%;
height: 102%;
}

.iconfarbe {
stroke:var(--phoneiconfarbe);
}

.iconflaeche{
fill:var(--phoneiconfarbe);
}

.icon.untermenu img{
height:100%;
width: initial;
}

.icon.untermenu.aktiv::after, .icon.untermenu.aktiv:after {
content: "";
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0);
position: absolute;
left: 0px;
top: 0px;
width: 10vw;
border-radius: 50%;
}

.aktiv .iconfarbe {
stroke: var(--phonaktivfarbe);
}

.aktiv .iconflaeche {
fill: var(--phonaktivfarbe);
}


.untericonfarbe {

fill: rgba(164,196,28,1);

}



.icon.untermenu.aktiv .untericonfarbe{

fill: rgba(255,255,255,0.5);

}



.icon{

background-color: var(--h1farbe);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
width:10vw;
height:10vw;
}

.icon.untermenu{
padding:0px;
border: 0 none transparent !important; 
}

.unsehbar{
display:block;
visibility:hidden;
}

.hauptitem .icon.aktiv{

border: solid 0.4vw var(--phonaktivfarbe);
background-color: initial;

}

.icon.untermenu.aktiv{


} 



/*.icon.untermenu{

background-color: var(--aktivemenuicons);

width: 10vw;

height: 10vw;

margin-top:1vw !important

}*/



/*.hauptitem .icon.aktiv, .icon.aktiv {

background-color:var(--graumenuicons) ;

}*/



.navicontainer1 .hauptitem .icon{

margin-top:1vw !important;

}



#headertitel1icon{

display:none;

}



.farbig{

fill:rgba(255,255,255,1);

}



.hingergrundig{

fill:rgba(44,131,197,1);

}



.iconimg{

width: 100%;

max-width: 100%;

max-height: 100%;

}



.pluszeichen {

position: relative;
font-weight: bold;
width: 7vw;
height: 7vw;
transform: rotate(0deg);
margin-left: 6vw;

}



.pluszeichenfarbe{

fill: rgba(255, 255, 255, 1);

}



.aktiv .pluszeichenfarbe{

fill:rgba(189,211,55,9.1);

stroke:rgba(121,155,16,9.1);

stroke-width:4;

}



.geoeffnet {

transform: rotate(90deg);

left: 1vw;
top: 0.6vw;

}

.aktiv .pluszeichen.geoeffnet {
display: none;
}

.popups {

background-color: initial;
position: relative;
left: 38vw;
transform-origin: top;
top: 4vw;

}

.aktiv .popups.offen {
left: 20vw;
top: 3vw;
}

.zu{
top:0px;
height:0px;
}

.popups a {

position: relative;
width: 80vw;
left: 4vw;
font-family: "Montserrat";
font-weight: 300;
display: block;
font-size: 5vw;
color: rgba(255,255,255,1);
}



.transform{

transition: -webkit-transform 0.5s;

transition: -ms-transform 0.5s;

transition: -moz-transform 0.5s;

transition: -o-transform 0.5s;

transition: transform 0.5s;

}



.medaillephone {

display: block;

position: sticky;

width: 20vw;

height: 20vw;

top: calc(var(--apphoehe) - 46vw);

right: 2vw;
display: none;
}



.medaillepc{

display:none;

}



#header{

position:fixed;

height: 16vw;

width:100vw;

top:0px;

z-index:2;

}



#header::after {

content: "";

display: block;

height: 0.5vw;

width: 100%;

position: relative;

top: 100%;

left: 0px;

background-color: rgba(101,88,63,1);

}



#logo {

position: absolute;

height: 14vw;
width: 35vw;

left: 2vw;

top: 2vw;

overflow: hidden;

z-index:2;

}



.logobild{

width: 100%;

position: absolute;

top: 0px;

left: 0px;

}





#hauptbild, .keinbild, .bildbutton{

display:none;

}



.headersticky{

position: -webkit-sticky;

position: sticky;

top: calc(87vw - 100vh);

}



.headerrelativ{

position: relative;

top: 0vw;

}



#headerbild {

height: calc(var(--apphoehe) - 30vw - var(--headertitelhoehe));

width: 100vw;

left: 0vw;

z-index: 200;

background-color: rgba(255,255,255,1);

position: relative;

top: 0px;

}



#headerbild.typunterseite{

height: initial;

position: relative;

top: 0px;

}



#headerbildbox {

display: flex;

justify-content: center;

position: relative;

width: 100vw;

height: 100%;

left: 0px;

overflow: hidden;

}



.unterbannertext #headerbildbox {

display: flex;

justify-content: center;

position: relative;

width: 94vw;

height: calc(100vh - 88vw);

left: 0px;

overflow: hidden;

z-index: 200;

}



.headerbildbild {
width: 160%;
margin-left: -20%;
object-fit: cover;
}



.verschieben {

margin-left: 23vw;

}

.iphoneheaderbild{

position:relative;

0

}


.schmetterling {

margin-left: -5vw;

}



.kurshandbild{

margin-left: 50vw;

margin-top: -30vw;

}



#headerbildbanner{

display:none;

}



#headerbildbanneriphone {
position: sticky;
background-color: rgba(191,150,44,1);
width: 94vw;
padding-top: 0px;
padding-right: 3vw;
padding-bottom: 0px;
padding-left: 3vw;
font-weight: normal;
left: 0px;
font-family: "AncizarSans-Light";
color: white;
font-size: 3.5vw;
top: 0px;
z-index: 200;
border-bottom-right-radius: 8vw;
}



.typunterseite #headerbildbanneriphone{

display:none;

}



#welcheseite {

z-index:220;

}



.zurueckgehen{

position: -webkit-sticky;

position: sticky;

top: 9.6vw;

}



.toptitellink a {

position: absolute;

background-color: rgba(180,207,95,1);

width: 88vw;

bottom: 0px;

padding-top: 0px;

padding-right: 3vw;

padding-bottom: 0px;

padding-left: 3vw;

font-weight: 800;

left: 3vw;

font-family: Roboto-Thin;

color: white;

font-size: 8vw;

}



.headertitel1 {

margin: 0px;
color:var(--titellinksh2);

}



.bannertext h1, .bannertext h1 a{

font-weight: normal;

color: rgba(255,255,255,1);

font-size:8vw;

padding: 0px;

margin: auto auto;

font-style: italic;

}



.trennlinie{

width: 65%;

height: 1px;

background-color: rgba(247,105,55,1);

border: none 0px;

}



.hauptbildbanner {

display: none;

width: 94vw;

position: relative;

margin: 0vw auto;

align-items: center;

flex-direction: column;

}



#titellinks {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
margin-top: 14vw;
}



#headertitelmiticonblock {

display: flex;

flex-direction: column;

align-items: center;

}



#headertitel2icon{

border-radius: 50%;

display: flex;

width: 24vw;

height: 24vw;

position: relative;

padding: 0.4vw;

border: solid 0.6vw rgba(121,140,74,1);

left:initial;

}



.curriculuminhalt #headertitel2icon svg {

width: 92%;

position: relative;

top: -0.8vw;

left:0.2vw;

}


.hauptbildbanner .linksspaltig{

width:100%;

text-align:center;

}



.hauptkasten {

position: relative;

width: 25vw;

height: 23.25vw;

}



/*.hauptbildbanner.bannertext h1, .hauptbildbanner.bannertext h1 a{

font-weight: normal;

color: rgba(44,131,197,1);

font-size: 8.6vw;

font-style: normal;

}*/



.hauptheadertitel {

font-size: 8vw;

color: var(--h2farbe);

z-index: 1;

font-family: "Roboto" !important;

max-width: 90%;

text-align: center;
margin: 4vw 0px 2vw 0px;
}



.hauptdritttitel{
font-family: "AncizarSans-Regular";
color: var(--h1farbe);
font-weight: 100;
font-size: 8vw;
text-align: center;
margin: 1vw auto;
max-width:90%;
}







/*.typ2 .hauptuntertitel.pclayout::after {

display:none;

}*/



/*.typ2 .hauptuntertitel.pclayout{

text-align: left;

font-size: 7vw;

color: var(--h2farbe);

z-index: 1;

font-family: Roboto-Light !important;

font-weight: 800 !important;

max-width: 95%;

margin: 4vw auto 1vw auto;

}*/



/*.typ2 .zurueckgehen {

display: block;

}*/



/*.typ2 #headerbildbanneriphone {

display: flex;

position: relative;

background-color: initial;

padding: 15vw 0px 0px 0px;

max-width: 78%;

align-items: center;

}*/



/*.typ2 #headertitel1icon {

display: flex;

width: 11vw;

height: 11vw;

background-color: var(--graumenuicons);

border-radius: 50%;

position: relative;

padding: 1.5vw;

margin-left: 2vw;

}*/



/*.typ2 #headertitel1icon svg {

display: inline-block;

width: 100%;

height: 100%;

flex-shrink: 0;

}*/



/*.typ2 .hauptbildbanner {

margin: 8vw auto 0px auto;

}*/



/*.typ2 .hauptheadertitel {

display: none;

}*/



/*.typ2 .headertitel1 {

font-family: Roboto-Light;

color: var(--h1farbe);

font-weight: 800;

font-size: 10vw;

position: relative;

margin: 0px auto 0px auto;

display: inline-block;

padding: 0px;

}*/



/*.typ2 .headertitel1::after {

content: "";

display: block;

width: 100%;

height: 0.3vw;

background-color: var(--h2farbe);

border-radius: 0.1vw;

margin-top: 0.3em;

margin-left: 0px;

}*/



/*.typ2 #headerbildbox {

position: relative;

width: 95%;

margin: auto;

display: flex;

height: 65vw;

transform: rotate(-2.5deg);

border: var(--h3farbe) solid 0.3vw;

}*/



/*.typ2 #headerbildbild {

width: 100%;

position: initial;

object-fit: cover;

margin-left: initial;

height: initial;

}*/



/*.typ2 .textbox {

width: 90vw;

margin: 0px 6vw;

font-size: 6vw;

font-weight: lighter;

}*/



/*.typ2 .textboxtext h3 {

margin: 1vw 0px;

font-size: 6vw;

font-family: Roboto-Medium;

color: var(--grauschrift);

font-weight: 100;

line-height: 1.2em;

}*/



/*.typ2 .textbild{

width: 94vw;

margin-left: -3vw;

}*/



/*.typ2 .textkasten{

margin-left: -3vw;

}*/



#sprachen{

position: absolute;

left: 80vw;

top: 25vw;
display:none;
}



.sprachbutton{

float: left;

margin-right: 3vw;

}



.textbox {

width: 100vw;
margin: calc(var(--titelinkshoehe) + 6vw)  auto 0px auto;
font-size: 5.6vw;
font-weight: lighter;
position: relative;

}



.textboxtext {
width: 100%;
font-size: 5.6vw;
margin: auto;
max-width: 82vw;
}



.textboxtext h1, #google h1 {

font-size: 8vw;

text-align: center;

}

.hauptuntertitel{
font-family: "AncizarSans-Regular";
color: var(--h1farbe);
font-size: 9vw;
text-align: center;
margin:0px;
max-width:90%;
}

li.userinput, .textboxtext li {
margin: 0px;
padding: 0px;
}


/*.textboxtext h1::after, #google h1::after {

content: "";

display: block;

width: 65%;

height: 1px;

background-color: rgba(247,105,55,1);

border: none 0px;

margin: 3vw auto;

}*/



.textboxtext a {
color: var(--textlinkfarbe);
font-family:"Montserrat";
font-weight:normal;
}



.textboxtext h2 {
font-size: 7vw;
font-family: Roboto-Light;
color: var(--h2farbe);
text-align: center;
text-align-last: initial;
hyphens: initial;
}


.textboxtext h3 {
font-size: 6vw;
font-family: "Montserrat";
color: var(--h3farbe);
text-align: center;
font-weight: 500;
}

.textboxtext h4 {

font-family: Roboto-Light;

color: var(--h1farbe);

font-size: 5.6vw;

text-align: center;

}



.ersteseiteoberbox {

display: flex;

width: 96%;

position: relative;

align-items: center;

flex-direction:column;

margin:0px auto;

}



p.leadtext {

display: block;

margin: 4vw auto 0px auto;

font-family: Roboto-LightItalic;

color: var(--leadtextfarbe);

}



.leadtext::before {

content: "«";

}



.leadtext::after {

content: "»";

}



.textbild {
width: 100%;
margin: 5vw 0px;
}



.textboxtext img{

width:100%;

}



.rundbild {

border-radius: 50%;

width: 70vw !important;

height: 70Vw;

flex-shrink: 0;

border: var(--aktivemenuicons) solid 2vw;

margin:auto;

}



.bildlegende {

font-weight: lighter;

font-style: italic;

font-size: 4vw;

margin: 1vw 0px 1vw 0vw;

max-width: 92vw;

}



.textkasten{

width:84vw;

padding:4vw;

border-radius:initial;

margin: 0vw 0px 4vw 0px;

}


.hinterlegt {
border: rgba(163,161,157,1) solid 0.1vw;
background-color: rgba(245, 243, 237, 1);
}

.textkasten {
width: 100%;
padding: 4vw;
border-radius: initial;
margin: 4vw auto;
position: relative;
}

li .textkasten{
left:-4vw;
}



.hinterlegt p, hinterlegt h2, .hinterlegt h3, .hinterlegt h4, .hinterlegt h5, .hinterlegt h6, .hinterlegt li, .hinterlegt div {

color: var(--normalschrift);

}



#textboxinhalt2kontakt{

position:relative;



}



#kontaktbody, #berstaetigungstext{
position: relative;
width: 84vw;
left: 4vw;
max-width: 84vw;
}

.formularfelder{
margin: 0px 0px 0px 0px;
font-family: "Montserrat";
font-weight: 300;
font-size: 5.5vw;
color: var(--normalschrift);
width: 100%;
padding: 6vw 4vw;
border: 0px none transparent;
position: relative;
background-color: rgba(237,235,230,1);
}

.formularinputs{

margin: 0px 0px 0px 0px;
display:flex;
align-items:center;
justify-content:space-between;
}

.formularinputs p{
font-family: "AncizarSans-Light";
font-weight: 300;
font-size: 6vw;
color: var(--normalschrift);
-moz-text-align-last: left !important;
text-align-last: left !important;
text-align: left !important;
-webkit-hyphens: initial !important;
-ms-hyphens: initial !important;
hyphens: initial !important;
white-space:nowrap;
}

.formularinputs button {


}

#bitteausfuellen {

font-size: 6vw;

color: var(--h2farbe);

margin:2vw;

}



.inputvortext {

display: block;
width: 50vw;

}









.formularinputs input, .formularinputs textarea {

-webkit-border-radius: 2vw;
-moz-border-radius: 2vw;
border-radius: 2vw;
font-family: "Montserrat";
font-size: 5.5vw;
color: var(--normalschrift);
padding: 1vw 0px 1vw 1vw;
text-align: left;
display: block;
border: var(--footerfarbe) solid 0.5px;
font-weight: 300;
width: 40vw;
margin-right:5vw;
}

.textareafeld{
flex-direction:column;
justify-content:center;
}

.formularinputs textarea {
width:80vw;
height:50vw;
}

.formularinputs input::-webkit-input-placeholder, .formularinputs textarea::-webkit-input-placeholder{

color:var(--grauschrift);

}



.formularinputs input::-moz-placeholder, .formularinputs textarea::-moz-placeholder, .formularinputs input:-ms-input-placeholder, .formularinputs textarea:-ms-input-placeholder{

color:var(--grauschrift);

}



.formularinputs input::placeholder, .formularinputs textarea::placeholder{

color:var(--grauschrift);

}



.formularinputs input.error, .formularinputs textarea.error {

color:var(--h2farbe);

}



.formularinputs input:focus, .formularinputs textarea:focus{

 border-width:2px;

}





#kontaktaufnahme .kontakth2 {
margin: 0px 0px 6vw 0px;
text-align: center;
color: var(--normalschrift);
font-size: 7vw;
font-family: "Montserrat";
font-weight: 300;
position: relative;
}






#erwuenscht {
font-size:3vw;
color: var(--normalschrift);
text-align:center;
}



.kontaktbutton {

color: white;

font-family: "AncizarSans-Light";

font-size: 6vw;

cursor: pointer;

background-color: var(--kontaktbuttonfarbe);

text-align: center;

margin: 1vw auto 6vw auto;

padding: 1vw 6vw;

display: block;
position:relative;
border-radius: 5vw;
}


#google{

width: 94vw;

height: 100vw;

position: relative;

display: flex;

flex-direction: column;

margin: 4vh auto 2vh auto;

}



#google iframe{

width:100%;

height:100%;

}



#google .kontakth2 {

margin-bottom: 4vw;

}







.hinterlegt > *,.hinterlegt li{

color: var(--normalschrift);

}





#seitentitel{

position:relative;

left: 3vw;

max-width:96vw;

}



.titellink, #seitentitel h1{

font-size: 8vw;

font-weight: normal;

color: #877717;

}





.navicontainers{



}



.navibackground{



}



.adresstext{

font-size: 5vw;

font-weight: normal;

}



.copyright{

font-size: 5vw;

font-weight: normal;

}



.adresstext h2{

margin:0px;

padding:0px;

font-weight: bold;

}



.widgetblock {
position: relative;
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 2vw;
}



.widget {

width: 96%;
margin: 0px auto 9vw auto;
display: block;
padding: 0px;
cursor: pointer;
position: relative;



}





/*.widgettitel {

padding: 1vw 0px;

margin: 5vw 0px 0px 0px;

text-align: center;

color: var(--kastenfarbe);

font-family: Roboto-Light;

font-size: 9vw;

}*/





.widgetbildkasten {

position: relative;

width: 96%;

margin: 0px auto 0px auto;

display: flex;
}

.widget .widgetbildkasten {
position: relative;
width: 100%;
margin: 0px auto -6vw auto;
display: flex;
}



.widgetbild {

width: 100%;

position: relative;

object-fit: cover;

}

.widget .widgettitel {
font-family: "Castoro";
color: var(--titellinksh1);
font-size: 11vw;
text-shadow: -0.5px -0.5px 0 rgba(29, 29, 27, 1),  
0.5px -0.5px 0 rgba(29, 29, 27, 1),
-0.5px  0.5px 0 rgba(29, 29, 27, 1),
0.5px  0.5px 0 rgba(29, 29, 27, 1);
display: block;
transform: scaleY(1.06);
margin: 0px;
padding: 0px;
font-weight: 100;
position: absolute;
top: 8vw;
left: 8vw;
text-align:left;
}

.querbox {

display: flex;
align-items: center;
justify-content: flex-end;
width: 50vw;
padding: 0px;
position: absolute;
top: 51vw;
left: 42vw;

}



.teiltext{

width: 80%;

font-family: Roboto-Thin;

font-size: 5.6vw;

color: var(--normalschrift);

flex-shrink: 0;
display:none;

}







.teiltext.lang{

display:none;

}



.mehrbuttondiv {

position: relative;
flex-shrink: 0;
width: 50vw;

}



.mehrbutton {

position: relative;
display: inline-flex;
height: 9vw;
padding: 1vw;
width: 50vw;
border-radius: 2vw;
margin-right: 0px;
border: 0.1vw solid rgba(355,255,255,1);
justify-content: center;
align-items: center;
background-color: rgba(244, 203, 86, 0.5);
font-size: 6vw;
color: rgba(255,255,255,1);
font-weight: normal;
text-wrap: nowrap !important;
white-space: nowrap;
font-family: "AncizarSans-Light";
}



.offen{

-webkit-transform: scale(1,1);

-ms-transform: scale(1,1);

-moz-transform: scale(1,1);

-o-transform: scale(1,1);

transform: scale(1,1);

}



.zu{

-webkit-transform: scale(1,0);

-ms-transform: scale(1,0);

-moz-transform: scale(1,0);

-o-transform: scale(1,0);

transform: scale(1,0);

max-height:10vw;

overflow:hidden;

}



#logintable{

display:none;

}





#loginerscheinbutton{

display:none;

}



.unterseitentext .textboxalle{

display:none;

}

.vortextbox0 {
height: auto;
position: relative;
margin: 5vw 0px 17vw 0px;
top: 12vw;
}

.galleriebild {
flex: 0 0 90vw;
}

.galleriebild img{
width: calc(100% - 0.6vw);
}

.textboxwidgetblock {
margin: 0px auto;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width:82vw;
}

.textboxwidget {
display: flex;
align-items: center;
flex-direction: column;
width: 100%;
justify-content: center;
margin: 0px 7vw 5vw 7vw;
position: relative;
}

.textbox p {
text-align: justify;
-moz-text-align-last: left;
text-align-last: left;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-spacing: 0.02em;
}

.textboxwidget p, .textboxwidget div {
text-align: justify;
-moz-text-align-last: left;
text-align-last: left;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-spacing: 0.02em;
}



.textboxwidgetbildkasten {
margin: 6vw auto;
display: flex;
width: 50vw;
height: 100%;
justify-content: space-between;
align-items: center;
}

.textboxwidgetbildkasten .textbild{
margin-top:0px;
}


.textboxwidgetbildkasten .textbild {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
gap: 2vw;
position: relative;
left: -2vw;
}

.textboxwidgetbildkasten .textbild img {
width: 18vw;
display: block;
}

.textboxwidgetbildkasten .textbild .bildlegende {
font-weight: normal;
position: relative;
font-family: "AncizarSans-Thin";
font-size: 7vw;
top: initial;
display: inline-block;
color: rgba(73,51,15,1);
text-align: initial;
hyphens: initial;
font-style: normal;
line-height: 1em;
padding: 2vw 0px 0px 0px;
}

h3.textboxwidgeth3 {
margin: 6vw 0px 6vw 0px;
font-size: 6vw;
}

.haticon .textboxwidget.spalten3::after {
content: "";
width: 100vw;
position: absolute;
height: 35vw;
background-color: rgba(252,247,241,1);
top: 0px;
z-index: -3;
}

.textboxwidget ul {
position: relative;
left: -4vw;
margin: 2vw 0px 0px 0px;
}

.textboxwidget li {
margin: 0px 0px 0px 0px;
}

.alleinstehendeicons {
    background-color: rgba(252,247,241,1);
    width: 100vw;
    flex-direction: row;
    flex-wrap: wrap;
    left: -9vw;
    margin-bottom: 10vw;
	top: 5vw;
}

.alleinstehendeicons .textbild {
    position: relative;
    flex-direction: column;
    height: auto;
    width: 30vw;
}
.alleinstehendeicons .textboxwidgetbildkasten {
    width: 30%;
}
.alleinstehendeicons .textboxwidget {
    width: 30vw;
}

#CTA{
display:none;
}

#nachhaltigkeitkopie {
position: absolute;
top:calc(20vw + var(--headertitelhoehe) - var(--apphoehe));
left: 80vw;
}

#nachhaltigkeitkopie .hauptitem .icon{
width: 14vw;
height: 14vw;
border: solid 1px rgba(255,255,255,1);
}

#nachhaltigkeitkopie .nachhaltikeitsicon.hintergrund {
fill: rgba(255,255,255,1);
}

.compilayout{
display:none;
}


/*////////////////////////////////////////////////////////////*/



:root {

--vouha:calc(var(--apphoehe) / 100);

--querversatz:calc(var(--vouha) * 28);

}



@media only screen and (orientation : landscape){ 





#header {

position: fixed;

height: var(--querversatz);

width: 100vw;

top: 0px;

z-index:3;

}



#header::after {

content: "";

display: block;

height: 1vw;

width: 94%;

position: absolute;

top: var(--querversatz);

left: 3%;

background-color: rgba(247,211,63,1);

}



#logo {

position: absolute;

height: calc(var(--querversatz) + (8 * var(--vouha)));

width: calc(var(--querversatz) + (8 * var(--vouha)));

left: calc(100vw -);

top: 2vw;

overflow: hidden;

z-index: 100;

left: 3%;

}



textboxtext h1, .hauptuntertitel {

font-size: calc(13 * var(--vouha));

text-align: center;



}



.hauptuntertitel{

margin-top: calc(2 * var(--vouha));

}



.hauptheadertitel, h2, .textbox h2{

font-size: calc(12 * var(--vouha));

}



#hamburger {

position: absolute;

top: 4vw;

left: 88vw;

width: 12vh;

height: 12vh;

}



#iphonebox {

display: inline;

position: fixed;

top: var(--querversatz);

height: calc(var(--apphoehe) - var(--querversatz));

left: 0vw;

width: 100vw;

overflow-y: scroll;

z-index: 0;

-webkit-overflow-scrolling: touch;

overflow-x: hidden;

}



#headerbild {

height: calc(var(--apphoehe) - (2 * var(--querversatz)) - var(--headertitelhoehe) + (10 * var(--vouha)));

width: 100vw;

left: 0vw;

z-index: 200;

background-color: rgba(255,255,255,1);

position: relative;

top: 0px;

}



.headersticky{

position: -webkit-sticky;

position: sticky;

top: var(--querversatz);

}



.zurueckgehen {

position: -webkit-sticky;

position: sticky;

top: 10vh;

}



#headerbildbanneriphone {

position: sticky;

background-color: rgba(247,211,63,1);

width: 88vw;

bottom: 0px;

padding-top: 0px;

padding-right: 3vw;

padding-bottom: 0px;

padding-left: 3vw;

font-weight: 500;

left: 3vw;

font-family: Roboto-Light;

color: white;

font-size: calc(10 * var(--vouha));

top: 0px;

z-index: 3;

}



.headertitel1{

font-size: calc(10 * var(--vouha)) !important;

}



.toptitellink a {

position: absolute;

background-color: rgba(180,207,95,1);

width: 88vw;

bottom: 0px;

padding-top: 0px;

padding-right: 3vw;

padding-bottom: 0px;

padding-left: 3vw;

font-weight: 800;

left: 3vw;

font-family: Roboto-Thin;

color: white;

font-size: 8vh;

}



.servicenaviblock {

width: 16vh;

left: 87%;

position: relative;

top: 24vh;

display: flex;

flex-direction: column-reverse;

height: 32vh;

justify-content: space-between;

}



.servicenaviitem.serviceelement {

height: 14vh;

width: 14vh;

}



.obergerotiert {

-webkit-transform: rotate(45deg) translate(5vh,2.5vh) scale(1.5,1);

-moz-transform: rotate(45deg) translate(5vh,2.5vh) scale(1.5,1);

-ms-transform: rotate(45deg) translate(5vh,2.5vh) scale(1.5,1);

-o-transform: rotate(45deg) translate(5vh,2.5vh) scale(1.5,1);

transform: rotate(45deg) translate(5vh,2.5vh) scale(1.5,1);

}

	

.untergerotiert {

-webkit-transform: rotate(-45deg) translate(5vh,-2.5vh) scale(1.5,1);

-moz-transform: rotate(-45deg) translate(5vh,-2.5vh) scale(1.5,1);

-ms-transform: rotate(-45deg) translate(5vh,-2.5vh) scale(1.5,1);

-o-transform: rotate(-45deg) translate(5vh,-2.5vh) scale(1.5,1);

transform: rotate(-45deg) translate(5vh,-2.5vh) scale(1.5,1);

}



#menu {

position: fixed;

-webkit-transform: scale(1,0);

-ms-transform: scale(1,0);

-moz-transform: scale(1,0);

-o-transform: scale(1,0);

transform: scale(1,0);

-webkit-user-select: none;

top: 0px;

transform-origin: top;

width: 100vw;

height: calc(100%);

background-color: rgba(164,196,28,1);

overflow-x: hidden;

overflow-y: scroll;

-webkit-overflow-scrolling: touch;

display: flex;

align-items: var(--flexalign);

left: 0px;

}



#menukasten{

transform-origin: top;

}



.menuoffen #logo{

display:none;

}



#header.menuoffen{

width:20vw;

left:80vw;

}



#header.menuoffen::after {

height: 0px;

}



.menuoffen #hamburger{

left:8vw;

}



.medaillephone {

position: sticky;

width: 24vh;

height: 24vh;

top: calc(var(--apphoehe) - 26vh);

right: 2vh;

}



.icon{

width: 12vh;

height: 12vh;

}



.hauptitem .icon {

background-color: white;

border-radius: 30%;

display: flex;

position: relative;

max-width: 12vw;

overflow: hidden;

}



.hauptitem a, .aktiv .hauptitem a {

position: absolute;

top: 2vw;

left: 24vh;

font-size: 6.5vh;

color: var(--blaumenuschrift);

font-weight: lighter;

}



.aktiv .hauptitem a, .aktiv.popup {

color: rgba(11,130,36,1);

}



.icon.untermenu{

left: -5vh;

}



.mitunternavi {

left: 25vh !important;

}



.pluszeichen {

position: absolute;

top: 1vh;

left: 34vw;

font-weight: bold;

width: 12vh;

height: 12vh;

transform: rotate(-90deg);

}



.geoeffnet {

transform: rotate(90deg);

left: 30vw;

top:2vh;

}



.popups {

background-color: initial;

position:absolute;

left: 39vw;

transform-origin: top;

clear: both;

top: calc(0px - var(--popupversatz));

z-index: 1000;

padding: 1vh 0px 1vh calc(10 * var(--vouha));

}





.popups a {

position: relative;

width: 35vw;

margin-top: -16vh;

left: 13vh;

}



.popup {

position: relative;

display: block;

left: 0px;

top: 5.3vh;

margin-bottom: 2vw;

font-size: 6.5vh;

font-weight: normal;

color: var(--blaumenuschrift);

transform-origin: left;

font-family: Roboto-Light;

}



.hauptitem {

max-width: 30%;

}



.hauptitem .icon.aktiv, .icon.aktiv {

background-color: var(--graumenuicons);

}



.textboxtext p, .textboxtext a, .textboxtext li, .textboxtext span, .textboxtext strong, .textboxtext b{

font-size: calc(10 * var(--vouha));

}



.bildlegende, .bildlegende p{

font-size: calc(6 * var(--vouha)) !important;

}

#datenschutz {

top: -7.3em;
left: 5vw;
}

.datenschutz img{
height:3em;
}

.copy {

font-family: Roboto;

font-size: calc(8 * var(--vouha));

color: var(--normalschrift);

padding: 0.5vw 0px 1vw 0px;

margin-left: calc(100vw - (105 * var(--vouha)));

}



}