body {

width:100vw;

}



div,p,a{

outline:none 0px;

}


#footer {
display: block;
background-color: rgba(73,51,15,1);
position: relative;
padding: 1vw 0px 0.6vw 0px;
}

#footertext {
display: flex;
position: relative;
justify-content: space-between;
align-items:flex-start;
width: 86vw;
left: 7vw;
}


.footerspalte{

display: flex;
flex-direction:column;
justify-content: space-between;

}





.footerspalte, .footerspalte a, .footerspalte li, .footerspalte h2, .footerspalte h3, .footerspalte p, footerspalte > *{



}



.footerspalte h1{



}














.footertextbox{



}



#footertext #spalte1{



}



#spalte2 {



}

#spalte3 {



}

#spalte4 {



}



#footertext a, #footertext p{



}

.datenschutz p, #werbungslisten ul, #werbungslisten li, .adresstext, .adresstext p{
font-size:1.4vw;
font-family:"AncizarSans-Thin";
color:var(--footertextfarbe);
}

#werbedings h1 {
font-family: "Montserrat";
font-weight: 500;
font-size: 1.3vw;
color: rgba(227,221,203,1);
}

#werbungslisten {
display: flex;
justify-content: space-between;
gap: 2vw;
}

#datenschutz {
display: flex;
position: relative;
flex-direction: row-reverse;
align-items: center;
justify-content: flex-start;
}

#datenschutz::after{
content:"";
position:absolute;
height:0.1vw;
width:71%;
bottom:20%;
left:4.9vw;
background-color:rgba(255,255,255,1);
}

.inlinemiticon {
display: flex;
align-items: center;
font-size: 1vw;
width: 3vw;
cursor: pointer;
margin-left: 1.8vw;
}

.datenschutzicon {
left: -11.7vw;
position: relative;
}

.logofootericon {
width: 14vw;
}

#servicenavicontainer {
display: flex;
flex-direction: column;
position: relative;
justify-content: space-between;
height: auto;
margin:-1.5vw 0px 1.5vw 0px;
}

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

.servicenavizelle {
flex-shrink: 0;
width: 3vw;
height: 3vw;
margin-right:2.5vw;
display: flex;

}

.footerservicnaviicon {
width: 220%;
cursor: pointer;
}


.datenschutz img {
    width: 100%;
    height: 3em;
}

.seitenname {

color: var(--normaltext);

font-family: Roboto;

font-weight: normal;

font-size: 1.8vw;

margin-left: 4vw;

}



#mainbox{

width:100vw;

position:absolute;

left: 0vw;

}



/*.einzelseite.typ2 #content {

    position: relative;

    width: 100%;

}*/



h1{

}



h2{

}



h3{

}



h4{

}



h5{

}



h6{

color:rgba(121,150,0,1);

font-family: Roboto-LightItalic;

font-size:1.7vw;

}



p{

}



ul{

}



li{

margin-left:-1em;

}



a{

}



.listenbutton{

display:inline;

}





#iphonebox {

display: inline;
position: fixed;
top: 0px;
height: calc(100vh);
left: 0vw;
width: 100vw;
overflow-y: scroll;
overflow-x: hidden;
z-index: 0;

}



/*.typ2 #iphonebox{

top: 11.5vw;

}*/



#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{

position: absolute;

top: 3vw;

left: 90vw;

width: 5vw;

height: 5vw;

display: none;

}

	

.listenstrichli{

position:absolute;

width:100%;

height:10%;

background-color:rgba(1,8,26,0.9);

}

	

#listenstrichli1{

top:0px;

}

#listenstrichli2{

top:45%;

}

#listenstrichli3{

top:90%;

}





#menu{



}



#menukasten {

display: inline-flex;

position: fixed;

top: 4vw;

left: 42vw;

z-index: 12;

}



.navicontainers{

position: relative;

display: inline;

margin-left: 0.8vw;

}




.hauptitem {

display: flex;

margin: 0px 2.1vw 0px 1.5vw;

}



.hauptitem:hover .icon{

border:solid 0.1vw rgba(249,146,11,1);

background-color:rgba(249,185,100,0.6);

}





.hauptitem a{

position: relative;

top: 0px;

left: 0px;

font-size: 1.7vw;

}

.abgescrollt .hauptitem a{
color:var(--menuscrollt);
}

.abgescrollt .aktiv .hauptitem a{
color:var(--menuaktivscrollt);
}





.icon {

width: 4.8vw;

height: 4.8vw;

position: relative;

left: -1vw;

}

.icon.untermenu {

width: 4.7vw;

height: 4.7vw;

position: relative;

left: initial;

margin-right: 1vw;

border: solid 0.1vw rgba(255,189,82,1);

flex-shrink: 0;

border-radius: 1.4vw;

padding: 0.3vw;

display:flex;

justify-content:center;

align-items:center;
display:none;

}











.untermenuitem {

display: flex;
align-items: center;
margin-bottom: 0px;
background-color: rgba(73,51,15,0.8);
width: 14vw;
padding-bottom: 1vw;

}



.farbig{

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

}



.aktiv .farbig{

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

}



.hingergrundig{

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

}



.iconimg{

width: 80%;

margin: auto;

}



.pluszeichen {

position: absolute;

top: 3.5vw;

left: 50%;

height: 3vw;

width: 3vw;
display:none;
}



.popups {

position: absolute;
left: -1.5vw;
top: 0px;
transform-origin: top;
width: auto;
padding: 0px;
background-color: rgba(255,255,255,0.8);
z-index: -1;
}



.popup {

display: inline-block;
width: 100%;
border-bottom: 0px none transparent;
transform-origin-x: top;
background-color: initial;
padding: 0px 1vw 0px 1vw;
color: rgba(255,255,255,1);
font-family: RobotoCondensed-Light;
font-size: 1.6vw;
position:relative;
top:-1.5vw;
}



.popup:last-child {



}





.untermenuitem:hover .untericonfarbe {

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

}



.untermenuitem:hover .icon.untermenu{

border: solid 0.1vw rgba(251,171,52,1);

background-color:rgba(249,185,101,1);

}





.untermenuitem:hover .popup{

color:var(--menubildhover);

cursor:default;

}



.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;

}

.untenplaziert {
position: absolute;
display: inline;
left: 62vw;
bottom: -1.5vw;
}

.untenplaziert .hauptitem {
display: flex;
margin: 0px 2.1vw 0px 1.5vw;
align-items: center;
flex-direction: row-reverse;
}

.untenplaziert .hauptitem .icon {
background-color: initial;
border: solid 0.07vw white;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
position: relative;
width: 5.3vw;
height: 5.3vw;
}

.untenplaziert .hauptitem a {
position: relative;
top: 0.4vw;
left: 0px;
font-size: 1.6vw;
margin-right: 2.5vw;
}


#header{

position: fixed;

height: 8vw;

width: 100vw;

top: 0px;

z-index:10;
transition: background-color 2s;
}

#header.abgescrollt{
background-color:rgba(249,249,249,0.95);
}



#logo {
position: absolute;
width: 14.8vw;
left: 2vw;
top: 2.5vw;
}

.abgescrollt #logo{

}




.logobild{

position: absolute;

width: 100%;

}







#ganzheit{

font-size: 2.5vw;

position: absolute;

top: 3.9vw;

left: 19.5vw;

letter-spacing: -0.02em;

white-space: nowrap;

font-weight: bold;

}



#servicenavi {

position: absolute;

left: 82vw;

top: 6.5vw;

height: auto;

display: flex;

width: 15vw;

justify-content: space-evenly;
display: none;
}



.servicenaviitem.serviceelement {

height: 4.5vw;

width: 4.5vw;

}



.serviceicon {

width: 100%;

height: 100%;

background-color: initial;

border-top: none 0px;

display: flex;

border-radius: 50%;

}



.serviceicon svg{

display: block;

width: 100%;

margin: auto;

}



.medaillephone {

display: none;

}





.medaillepc {

height: 6vw;

width: 6vw;

position: absolute;

top: -3vw;

left: 92vw;

z-index: 3;

cursor: pointer;

opacity: initial;

}





#headerbild {
display: flex;
width: 100vw;
height: calc(100vh - 6.8vw);
overflow: hidden;
z-index: 2;
margin: 0px;
align-items: center;
max-height: var(--maxbildhoehe);

}



#headerbildbox {
top: 0px;
width: 100%;
height: auto;
display: flex;
position: absolute;
max-height: calc(100vh - 6vw);
align-items: center;
}





#headerbildbild{

width: 100%;

position: relative;

left: 0%;

top: 0px;

}



.homeinhalt #headerbild {

display: flex;

width: 100vw;

height: calc(100vh - 10vw);

overflow: hidden;

z-index: 2;

margin: 0px;

align-items: center;

max-height: var(--maxbildhoehe);

min-height: 47vw;

}



.homeinhalt #headerbildbox {

width: 100%;

height: auto;

display: block;

position: absolute;

max-height: calc(100vh - 12vw);

min-height: var(-maxbildhoehe);

}





.homeinhalt #headerbildbild{

width: 100%;

position: relative;

left: 0%;

top: 0px;

}



.uebermichinhalt #headerbildbild {

width: 92%;

position: relative;

left: 4%;

top: 0px;

}



.uebermichinhalt #headerbildbox {

width: 100%;

height: auto;

display: block;

position: absolute;

max-height: calc(100vh - 20vw);

}



.kurseinhalt #headerbildbild {

width: 130%;

position: relative;

left: 0px;

top: -14vh !important;

}



.headersticky{

position: -webkit-sticky;

position:sticky;

top: var(--stickystop);

}



.headerrelativ{

position: relative;

top: 0vw;

}



#hauptbild{

height: 26vw;

width: 100vw;

left: 0vw;

z-index: 200;

}



#hauptbildbox{

position: absolute;

width: 100vw;

height: 26vw;

overflow: hidden;

}



.hauptbildbild{

width: 100%;

position: absolute;

left: 0vw;

top: 0vw;

}



.nichtsbild, .keinbild{

display:none;

}



#hauptbildbanner{

position: absolute;

background-color: rgba(199, 178, 153, 0.4);

width: 100vw;

display: flex;

bottom: 0px;

}



.bannersticky{

position:relative;

position: -webkit-sticky;

position:sticky;

top: 2vw;

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

padding-top: 1vw;

z-index:1;

}



.handylayout{

display:none;

}



#titellinks {
display: flex;
position: absolute;
padding: 0px;
width: 48vw;
flex-direction: column;
text-align: center;
align-items: center;
bottom: 4vw;
left: 17.5vw;
}

.typ2 #titellinks {
bottom: 2vw;
left: 2vw;
}


#headertitelmiticonblock {
display: flex;
position: relative;
align-items: flex-start;
justify-content: space-between;
width: 100%;
flex-direction: column;
height: 31vw;
max-height: 45vh;
margin: 0px 0px 3.3vw 0px;
}

.hauptdritttitel, .drittheadertitel {
font-family: "Castoro";
color: var(--titellinksh1);
font-size: 2.5vw;
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: inline-block;
transform: scaleY(1.06);
margin: 0px;
padding: 0px;
font-weight: 100;
}

.modelleinhalt #headertitelmiticonblock {
position: absolute !important;
top: calc((30vw) - var(--maxbildhoehe));
left: 32vw;
}


.ruckfuhrunginhalt #headertitelmiticonblock {

display: flex;

position: relative;

align-items: center;

justify-content: center;

width: 110%;

margin-top: 2vw;



left: 1vw;

}



.bannertext h2{

font-family: Roboto-Light;

color: rgba(53,137,157,1);

font-weight: 800;

background-color: rgba(228,240,243,.7);

font-size: 3.5vw;

padding: 1vw 1vw 0.6vw 1vw;

border: white solid 0.1vw;

position: absolute;

left:0px;

}



.bannertext h2 a{



}



.headertitel1{

top:0px;

}



.headertitel2{

bottom:4vw;

left:-10vw !important;

}



#headertitel2icon {

width: 5.5vw;

height: 5.5vw;

padding: 0.2vw;

left: -2vw;

top: -1vw;

flex-shrink: 0;

}



.curriculuminhalt #headertitel2icon svg {

width: 95%;

position: relative;

top: -0.15vw;

}



.ruckfuhrunginhalt #headertitel2icon svg, .lenormandkarteninhalt #headertitel2icon svg{

width:90%;

}



.homeinhalt #headerbildbanner::before, .homeinhalt #headerbildbanner:before {

content: "";

display: block;

background-image: url('../headerimg/binggeliheader.jpg');

background-repeat: no-repeat;

background-size: 180%;

background-position: 70% 0%;

width: 14vw;

height: 14vw;

position: absolute;

bottom: 2vw;

left: -28vw;

border-radius: 50%;

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

}



/*.einzelseite.typ2 #welcheseite{

position:absolute;

display:none;

}*/



/*.einzelseite.typ2 #header{

border-bottom:var(--menugruen) solid 1.5vw;



}*/



/*.einzelseite.typ2 #headerbild {

position: relative;

top: 1.5vw;

display: flex;

width: 100vw;

height: initial;

overflow: hidden;

z-index: 2;

margin: 0px;

align-items: initial;

max-height: var(--maxbildhoehe);

flex-direction: column-reverse;

}*/



/*.einzelseite.typ2 #headerbildbanner{

display:block;

margin:-1.5vw auto;

}*/



/*.einzelseite.typ2.editiermodus #headerbildbanner{

display: block;

margin: 5vw auto;

}*/



.typ1 .hauptuntertitel.pclayout, .typ3 .hauptuntertitel.pclayout {

margin: 2vw auto;

}



.einzelseite.typ2 .hauptuntertitel.pclayout, .typ1 .hauptuntertitel.pclayout, .typ3 .hauptuntertitel.pclayout{

background-color: initial;
font-size: 6vw;
padding: 0px;
border: initial;
position: relative;
left: 0px;
margin: 0px;
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: inline-block;
transform: scaleY(1.08);
transform-origin: center;
line-height: 1.27;
letter-spacing: 0.01em;
color:var(--titellinksh1);
font-family:"Castoro";
}

.modelleinhalt .hauptuntertitel.pclayout.untertitelmodelle {
font-size: 5.3vw;
letter-spacing: 0.04em;
}


/*.einzelseite.typ2 .bannertext h2{

color:var(--h1farbe);

}*/



/*.einzelseite.typ2.editiermodus .gesamttitel {

position: absolute;

top: 2vw;

left: 14vw;

width: 72vw;

height: 4vw;

margin: auto;

display: block;

}*/



/*.einzelseite.typ2.editiermodus .gesamttitel h1 {

background-color: initial;

font-size: 3.5vw;

padding: 0px;

border: initial;

position: relative;

left: 0px;

text-align: center;

z-index: 10;

color:var(--h1farbe);

}*/



/*.einzelseite.typ2.editiermodus .bannertext h2{

display:none;

}*/





/*.einzelseite.typ2 #headerbildbox {

top: 0px;

width: 50vw;

height: 32vw;

display: block;

position: relative;

margin-left: 0px;

padding: 0px;

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

overflow:hidden;

z-index:-1;

}*/



/*.einzelseite.typ2 #titellinks {

display: block;

left: 2vw;

width: 50vw;

float:left;

}*/



.hauptbildbanner {

position: relative;

}



.typ1 #titellinks, .typ2 #titellinks, .typ3 #titellinks{

text-align: initial;

width: 60vw;

}

.typ2 #titellinks, .typ3 #titellinks {
bottom: 4vw;
left: 3vw;
width:60vw;
}

.typ2 #headertitelmiticonblock, .typ3 #headertitelmiticonblock {
height: 25vw;
}

.typ2 .untenplaziert, .typ3 .untenplaziert {
left: 76vw;
}





.einzelseite.typ2 .hauptheadertitel, .typ1 .hauptheadertitel, .typ3 .hauptheadertitel {

text-align: left;

font-size: 2.3vw;

color: var(--titellinksh2);

z-index: 1;

font-family:"AncizarSans-Thin" !important;
font-weight: 100;
}



.typ1 .hauptheadertitel, .typ2 .hauptheadertitel, .typ3 .hauptheadertitel {

position: relative;
margin: 0px;

}



.editiertitel{

padding-left:initial !important;

}



/*.einzelseite.typ2 .hauptbildbanner {

width: 60vw;

}*/





/*.einzelseite.typ2 .hauptheadertitel {

margin-top: -4vw;

font-size: 1.5vw;

white-space:nowrap;

padding: 0.55vw 0px;

color: white;

font-family: Roboto-Thin;

background-color: rgba(143,208,224,0.7);

border-top: rgba(255,255,255,0.5) solid 0.2vw;

border-bottom: rgba(255,255,255,0.5) solid 0.2vw;

margin-left: 0.27%;

width: 100%;

}*/







/*.typ1 .hauptuntertitel.pclayout::after, .typ1 .hauptuntertitel.pclayout:after, .typ2 .hauptuntertitel.pclayout::after, .typ2 .hauptuntertitel.pclayout:after, .typ3 .hauptuntertitel.pclayout::after, .typ3 .hauptuntertitel.pclayout:after {

content: "";

display: block;

height: 0.1vw;

border: none 0px;

width: 50%;

left: 25%;

position: relative;

background-color: rgba(25,171,52,1);

margin-top: 2vw;

}*/



/*.einzelseite.typ2.editiermodus .gesamttitel h1::after, .einzelseite.typ2.editiermodus .gesamttitel h1:after{

width: 30%;

position: absolute;

top: 4.5vw;

left: 35%;

}*/











.titellinks h1{

font-size: 3vw;

}



.homeinhalt #titellinks .hauptheadertitel {

display: none;

}



.trennlinie{

width: 25%;

height: 0.5px;

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

border: none 0px;

margin: 1vw auto 1vw auto;

}



#sprachen {
position: absolute;
left: 94vw;
top: 4.15vw;
display: flex;
}

.abgescrollt #sprachen{

}



.sprachbutton.ausgegraut{
color:rgba(96,96,96,1);
}



.textbox {

height: auto;

display: block;

position: relative;

min-height: calc(100vh - 7.5vw);
width: 86vw;
left: 7vw;

}



.editiermodus .textbox{

margin: 2vw 0px 6vw 0px;

}



.textboxtext h1, #google h1{
font-family: "Montserrat";
color: var(--h1farbe);
font-weight: normal;
font-size: 2.5vw;
padding: 1vw 0px 0px 0px;
text-align: center;

}











.hauptseitenbox.keinwidget #textboxinhalt div, .hauptseitenbox.keinwidget #eingabebox div{

width:29%;

margin:0px 1.5%;

float:left;

}



.typ1 .textboxinhalt, .typ2 .textboxinhalt{

width: 100%;

position: relative;



}



.typ1 .textboxinhalt2, .typ2 .textboxinhalt2{

width: 100%;

position: relative;

}



li.userinput, .textboxtext li {

margin: 0.3vw 0px;

}



/*.einzelseite.typ2 .textboxinhalt0 {

display: block;

width: 34vw;

float: right;

font-family: Roboto;

}*/



/*.einzelseite.typ2 .iphonetextbox {

display: none;

}*/



/*.einzelseite.typ2 .textboxinhalt {

float: left;

width: 48vw;

padding: 0px 0vw;

font-family: Roboto;

}*/



/*.einzelseite.typ2 .textboxinhalt2 {

clear: both;

width: 100%;

padding: 0px 0px;

font-family: Roboto;

}*/





.textbild{ 

width:100%;
margin-top: 1vw;
}



.textbild img {

width: 100%;

}



.textbild .bildlegende {

font-weight: lighter;

position: relative;

font-family: Roboto-ThinItalic;

font-size: 1.2vw;

top: -1vw;

}



.kleinbild{

width:50%;

}



.linksbild{

margin:0px 70% 0px 0px;

}



.rechtsbild{

margin:0px 0px 0px 70%;

}



.mittebild{

margin:0px auto;

}



.typ1 .textboxinhalt0, .typ2 .textboxinhalt0 {

width: 100%;

position: relative;


}



.editiermodus .textboxinhalt0{



}



.textboxinhalt0 p, .textboxinhalt0 li, .textboxinhalt0 ul, .textboxinhalt p, .textboxinhalt li, .textboxinhalt ul, .textboxinhalt2 p, .textboxinhalt2 li, .textboxinhalt2 ul, .textboxtext > *, .textboxtext h5, .textboxtext h6 {

font-family: "Montserrat";

font-size: 1.4vw;

color: var(--normalschrift);

}



.textkasten.hinterlegt ul {

margin-left: 1vw;

}







.textboxtext h2, .formularfelder h2{

color:var(--h2farbe);

font-family:Roboto-Light;

font-size:2.3vw;

text-align:center;

}



.widgettitel{

color: var(--kastenfarbe);

font-family: Roboto-Light;

font-size: 2.3vw;

}



.textboxtext ul{

margin-left:2vw;

}



.textboxtext h3 {
font-size: 2vw;
font-family: "Montserrat";
color: rgba(172,122,37,1);
text-align: center;
font-weight: 500;
}


.textboxtext h4{

font-family: Roboto-Light;

color: var(--h1farbe);

font-weight: 600;

font-size:1.8vw;

text-align:center;

}



.textboxtext a{

color: var(--textlinkfarbe);

font-family: "Montserrat";
font-weight:normal;
}







.textkasten.hinterlegt {

border: rgba(163,161,157,1) solid 0.2vw;

padding: 0px 1vw;

background-color: rgba(237,235,230,1);

}



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

color: var(--normalschrift);

}



.hinterlegt h1{

color:var(--h1farbe);

}



.hinterlegt a{



}  



#eingabebox {

margin: 4vw 3vw 1.5vw 0vw;

font-size: 1.2vw;



}



#eingabebox h1, #eingabebox h2, #eingabebox h3, #eingabebox a{

font-size: 1.2vw;

}



.unterseitentext #textboxinhalt{

margin-top:-2.3vw;

}



#seitentitel{

position: absolute;

left: 3vw;

top:26vw;

}



#linksseitenleiste {

display: flex;

position: -webkit-sticky;

position: sticky;

width: 10vw;

top: 6vw;

overflow: hidden;

left: 4vw;

margin-top: -4vw;

height:calc(100vh - 21.5vw);

margin-bottom: 22vw;
display:none;
}



.seitenleistenbild {

object-fit: cover;

}



.navibackground{



}



.widgetblock {

display: flex;
width: 86vw;
flex-wrap: wrap;
justify-content: space-between;
left: 0px;
position: relative;

}



.widget {

width: 42vw;
border: 0px none transparent;
min-height: 30vw;
margin: 0px;
display: flex;
padding: 0px;
cursor: pointer;
position: relative;
}



.letzteswidget {

margin: 0px auto 1.6vw auto;

}



.widgettitel {
font-family: "Castoro";
color: var(--titellinksh1);
font-size: 4vw;
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: 2vw;
left: 3vw;
text-align: left;
}

.geloggt .wigettitel{
top:6vw;
}


.widgetbildkasten {

position: absolute;
width: 100%;
margin: auto;
display: flex;
height: auto;
}



.widgetbild {

width: 100%;

position: relative;

object-fit: cover;

}



.teiltext {

width: 80%;

font-family: Roboto-Thin;

font-size: 1.7vw;

color: rgba(97,97,96,1);

flex-shrink: 0;
display:none
}

.teiltext.lang{

display:none;

}


.mehrbutton {

position: relative;
display: inline-flex;
height: 1.2vw;
padding: 1vw;
width: 12vw;
border-radius: 1vw;
margin-right: 2vw;
border: 0.06em solid rgba(355,255,255,1);
justify-content: center;
align-items:center;
background-color: rgba(244, 203, 86, 0.7);
font-size: 1.7vw;
color: rgba(255,255,255,1);
font-weight: normal;
text-wrap: nowrap !important;
white-space: nowrap;
font-family: "AncizarSans-Light";

}



.mehrbuttondiv {

position: absolute;
bottom:0vw;
left:0vw;

}



.querbox {
display: flex;
align-items: flex-end;
justify-content: space-between;
height: auto;
width: auto;
position: absolute;
bottom: 4vw;
left: 25.8vw;
}



.zu, .offen{

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

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

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

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

transform: scale(1,0);

}



.navicontainers:hover .popups, .navicontainers:hover .popup{

-webkit-transform: scale(1,1) translate(0px,2vw);

-ms-transform: scale(1,1) translate(0px,2vw);

-moz-transform: scale(1,1) translate(0px,2vw);

-o-transform: scale(1,1) translate(0px,2vw);

transform: scale(1,1) translate(0px,2vw);

}



.navicontainers:hover .pluszeichen{

-webkit-transform: translate(0px,2vw);

-ms-transform: translate(0px,2vw);

-moz-transform: translate(0px,2vw);

-o-transform: translate(0px,2vw);

transform: translate(0px,2vw);

}



.navicontainers:hover .pluszeichenfarbe{

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

}



.navicontainers.aktiv :hover .pluszeichenfarbe{

fill: var(--graumenuicons);

}



#headerbildbanner, .beitragsheader #headerbildbanner, #headerbildbanneriphone{

display:none;

}



.homeinhalt #headerbildbanner{

display:block;

position:absolute;

top: 0px;

left: 30vw;

height:100%;

width:66vw;

}



.beitragsheader.headersticky{

position:relative;

top:inherit;

float:left;

margin: 6vw 1vw 1vw 6vw;

}



.beitragsheader{

width:35vw;



}



.beitragsheader .headerbildbild{

width:100%;

}



.unterseitentext {

padding: 3vw;

background-color: initial;

width: 88vw;

margin: 0px auto;

position: relative;

display: block;

}





#textboxinhalt a{

color: rgba(172,201,2,1);

}

#textboxkontakt {
position:relative;
left: 4vw;
width: 92vw;
}

h2.kontakth2, .zwemanneh2{
color: var(--normalschrift);
font-size: 2vw;
font-family: "Montserrat";
font-weight: 300;
position:relative;
}



.kontaktbody{
width: 92vw;
position: relative;
left: 0px;
display:flex;
justify-content: space-between;
}

#kontaktaufnahme {
width: 42vw;
position: relative;
left: 0px;
display:flex;
flex-direction:column;
flex-shrink:0;
}

.berstaetigungstext {
width: 42vw;
position: relative;
left: 0px;
}

#zwemanneblock {
position: relative;
width: 46vw;
display: flex;
flex-direction: column;
flex-shrink: 0;
align-items: flex-start;
}

.maablock {
position: relative;
display: flex;
flex-direction: column;
margin-bottom: 0.2vw;
}

.mannsbiud {
width: 15vw;
height: 15vw;
display: flex;
align-items: start;
justify-content:flex-start;
overflow: hidden;
flex-shrink: 0;
}

.mannedetail {
display: flex;
align-items:start;
gap:2vw;
}



.manneh3 {
font-weight: 500;
font-size: 1em;
margin: 0px 0px 1vw 0px;
}

.mannelink {
display: block;
position: relative;
height: 2.9vw;
margin-top:1vw;
}

.mannebutton a{
color: white;
font-family: "AncizarSans-Light";
font-size: 1.6vw;
cursor: pointer;
background-color: var(--kontaktbuttonfarbe);
text-align: center;
margin: 1vw 0px 1vw 10vw;
padding: 0.5vw 0px;
display: block;
width: 12vw;
position: absolute;
bottom: 0.3vw;
right: 0.5vw;
border-radius: 0.8vw;
padding: 0.2vw;
color:rgba(255,255,255,1);
}

.mannelink .bildlegende{
font-weight: normal;
position: relative;
font-family: "AncizarSans-Regular";
font-size: 1vw;
top: initial;
display: block;
color:rgba(73,51,15,1);
text-align:initial;
margin-left:0px;
hyphens: initial;
width:15vw;
text-align:center;
}


.editiermodus .kontaktbody {
background-color: lightgray;
width: 92vw;
margin-top: 0.5vw;
max-height: 40vw;
}

#formulare {
display: flex;
justify-content: space-between;
}

#kontaktformularmachen {
display: flex;
flex-direction: column;
gap: 1vw;
width: 35vw;
}


.usermachbutton, .userbildeinfuegebutton, #kontaktmachenbutton {
font-family: "AncizarSans-Light";
font-size: 1.6vw;
cursor: pointer;
background-color: var(--kontaktbuttonfarbe);
text-align: center;
margin: 1vw 0px 1vw 0px;
display: block;
width: 12vw;
position: relative;
border-radius: 0.8vw;
padding: 0.2vw;
color: rgba(255,255,255,1);
}

.kontaktzeile {
display:flex;
align-items:center;
gap:1vw;
}

.benutzerkasten input, .benutzerkasten textarea, .kontaktzeile input{
font-family: "AncizarSans-Regular";
font-size: 1.5vw;
color: var(--normalschrift);
padding: 0.3vw 0px 0.3vw 1vw;
text-align: left;
display: block;
border: var(--footerfarbe) solid 0.5px;
font-weight:300;
position:relative;
}

.checkbox {
-webkit-appearance: initial;
-moz-appearance: initial;
appearance: initial;
width: 1vw;
height:1vw;
position:relative;
}

.checkbox:checked{
/*background-color:var(--footerfarbe);*/
}

.checkbox:checked:before{
content:"*";
font-size:2vw;
position:absolute;
top:-0.3vw;
left:0.1vw;
}

#kontaktfelderheader{
display:flex;
align-items:center;
justify-content:space-between;
gap:1vw;
}

.nummernfeld {
width: 3vw;
position: relative;
}

.pluszeichenkontakt{
cursor:pointer;
font-size: 2vw;
font-weight: bold;
}

#benutzerformular{
position:relative;
}

.benutzerkasten{
width: 50vw;
display: flex;
flex-direction: column;
position: relative;
margin-bottom:5vw;
background-color:rgba(237,235,230,1);
}

.benutzerkasten label{
display:block;
width: 10vw;
}

.inputzeile{
display:flex;
align-items:center;
gap:1vw;
position:relative;
}

.inputzeile.vieltext{
align-items:flex-start;
}

.inputzeile.vieltext textarea{
min-height:5vw;
}

.inputzeile.letzte{
margin-top:-2vw;
}

.inputzeile.kurz{
justify-content:space-between;
}

.inputzeile.kurz input{
width:5vw;
}

#benutzerformular {
width: 50vw;
display: flex;
flex-direction: column;
position: relative;
}

.benutzerbild{
width:10vw;
height:10vw;
overflow:hidden;
}

.fakeformular {

opacity: 0.5;

}



#nichteditierbar {

position: absolute;

top: 16vw;

transform: rotate(-45deg);

}



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



.formularfelder h2{



}



.formularinputs{

display: inline-flex !important;

align-items: center;

font-family:"Montserrat";

font-weight: 300;

font-size: 1.8vw;

color: var(--normalschrift);

margin: -0.6vw 0px -0.6vw 1vw;

width: 92%;

position:relative;
margin-top:1vw;
}





.formularinputs input, .formularinputs textarea {
-webkit-border-radius: 1vw;
-moz-border-radius: 1vw;
border-radius: 1vw;
font-family: "Montserrat";
font-size: 1.5vw;
color: var(--normalschrift);
padding: 0.3vw 0px 0.3vw 1vw;
text-align: left;
display: block;
border: var(--footerfarbe) solid 0.5px;
font-weight:300;
width:12vw;
}



.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,  .formularinputs input:hover, .formularinputs textarea:hover{

 border-width:2px;

}



.drueber{

 border-width:2px !important;

}



.formularinputs p, .formularinputs button{

font-family: "AncizarSans-Light";
font-weight: 300;
font-size: 1.4vw;
color: var(--normalschrift);

}



.staerndli{

font-family:"Montserrat";
font-weight:normal;
}



.formularinputs button{

background-color:rgba(181,147,68,1);

color:var(--footertextfarbe);

/*font-weight:lighter;*/

}



.textareafeld {
position: absolute;
top: 1vw;
left: 25vw;
flex-direction: column;
align-items: flex-start;
width:15.5vw;
}

.textareafeld .inputvortext {
display: block;
text-align: center;
padding: 0px;
margin: 0px;
width: 100%;
margin-bottom: 1vw;
}

.textareafeld .textarea{

display: block;

height: 20vw;

margin: 0px;

text-align: left;
width:91%;
}



.anderesfeld {

display: block;

}



.inputvortext{

display:block;

width:9vw;

}



#erwuenscht{
font-size: 1.2vw;
font-weight: 500;
color: var(--normalschrift);
position: absolute;
bottom: 0vw;
left: 1.5vw;

}



.kontaktbutton {
color: white;
font-family: "AncizarSans-Light";
font-size: 1.6vw;
cursor: pointer;
background-color: var(--kontaktbuttonfarbe);
text-align: center;
margin: 1vw 0px 1vw 10vw;
padding: 0.5vw 0px;
display: block;
width: 7vw;
position: absolute;
bottom: 0.3vw;
left: 24.4vw;
border-radius: 0.8vw;
padding: 0.2vw;
}





.kontaktbutton:hover{

border:solid 0.2vw var(--footerfarbe);

}



h2.bitteausfuellen{

color: var(--h2farbe);

font-family: "Montserrat";
font-weight:normal;
font-size: 2vw;

}


/*.kontaktbutton::after, kontaktbutton:after{

content: "";

display: block;

width: 1em;

height: 1em;

background-image: url('../kleinbilder/pluszeichen.png');

background-repeat: no-repeat;

background-size: 100%;

background-position: center;

transform: rotate(-90deg);

position: relative;

left: calc(100% + 0.5em);

top: -1.1em;

}*/



.bidwechseln {

position: absolute;
z-index: 5000;
color: var(--footertextfarbe);
font-family: Roboto-Light;
font-size: 1.6vw;
font-weight: 600;
cursor: pointer;
background-color: var(--footerfarbe);
text-align: center;
left: 4vw;
top: 12vw;
padding: 0.5vw 0px;
display: block;
width: 12vw;
border: var(--footertextfarbe) solid 0.1vw;

}



.typunterseite .bidwechseln {

top: 2vw;

left: 6vw;

visibility: visible;

}







.mce-floatpanel.mce-fixed {

position: fixed;

top: 16vw !important;

}



/*

:root {

--googleheight:30vw;

}



#google{

width: 42vw;

top:-2vw;

position: absolute;

display: flex;

flex-direction:column;

left: 52vw;

}



#google iframe{

width:100%;

height: var(--googleheight);

}



.kontakttextinhalt div:nth-child(2) {

  margin-left:-6vw !important;

}



.kontakttextinhalt2{

margin:calc(var(--googleheight) + 5vw) 0px 0px 0px;

width:42vw;

}



*/



#loginerscheinbutton{

color: white;

font-family: Roboto-Light;

font-size: 1.6vw;

font-weight:600;

cursor:pointer;

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

text-align:center;

padding:0.5vw 0px;

opacity:0;

width:12vw;

border: rgba(255,255,255,1) solid 0.1vw;

position: absolute;

bottom: -2.6vw;

left: 0.5vw;

}



#absender2, #absender{

color: var(--footertextfarbe);
font-family: Roboto-Light;
font-size: 1.6vw;
font-weight: 600;
cursor: pointer;
background-color: var(--footerfarbe);
text-align: center;
padding: 0.5vw 0px;
width: 12vw;
border: var(--footertextfarbe) solid 0.1vw;
position: absolute;
bottom: -2.6vw;
left: 0.5vw;

}



#absender{

position:relative;

bottom:initial;

left:initial;

margin:1vw auto;

}





#loginerscheinbutton:hover {

opacity:1 !important;

}



#logintable{

display: block;
z-index:10;

}



#logintable .tablecell {

position: relative;

text-align: center;

}



#logintable input {

margin:0px auto;

}



.login {

margin: calc(var(--apphoehe) - 70vh) 0px 0px 30vw;

position: fixed;

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

padding: 10vw;

border: 0.5px solid var(--raemlifaarbe);

left: 0px;

top: 0px;

}



.logbuttons{

margin: 0vw 0px 0px 0vw;

position: absolute;

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

padding: 0px;

border: 0px none;

border-radius: 0px;

}



#closebutton, .closebutton{

position:absolute;

top:0px;

right:0px;

width:2em;

height:2em;

border-radius:1em;

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

display: block;

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

border: solid 0.12vw rgba(96,96,96,0.7);

border-radius: 1em;

text-align: center;

cursor: pointer;

}



#neuseitentitel{

margin:1vw auto;

}



#eingeloggt {
position: absolute;
color: rgba(193, 7, 7, 1);
bottom: 1vw;
left: 2vw;
}






#copyright{

margin: 0.2vw 0px -0.2vw 83vw;

}



#copyright a{

color: var(--normalschrift) !important;

font-size: 1.4vw;

}



.ersteseiteoberbox {

display: flex;

width: 100%;

position: relative;

align-items: center;

}



.rundbild {

border-radius: 50%;

width: 25vw;

height: 25Vw;

flex-shrink: 0;

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

}



p.leadtext {

display: block;

margin-left: 4vw;

font-size: 2.4vw;

font-family: Roboto-LightItalic;

color:var(--leadtextfarbe);

}



.leadtext::before {

content: "«";

}



.leadtext::after {

content: "»";

}



/*Widgeteditor*/



.pfilibox {

display: flex;

width: 100%;

justify-content: center;
background-color: rgba(255,255,255,0.5);
z-index: 2;
height: 5vw;

}



.clickdecker{

width:100%;

height:100%;

font-size:2vw;

font-weight:800;

font-family:Roboto-light

}



#widgeteinfuegeformular {

z-index: 30;

position: absolute;

background: white;

top: 30vh;

left: 40vw;

padding: 5vw;

border: solid 0.1vw var(--raemlifaarbe);

}



#widgeteinfuegeformular label {

display: block;

margin: 0px auto;

position: relative;

text-align: center;

}



.eingabesenden{

color: white;

font-family: Roboto-Light;

font-size: 1.6vw;

font-weight:600;

cursor:pointer;

background-color:var(--aktivemenuicons);

text-align:center;

margin:0px auto;

padding:0.5vw 0px;

display:block;

width:12vw;

border:var(--leadtextfarbe) solid 0.1vw;

}



.plusbutton {

font-size: 2vw;

width: inherit;

border: var(--raemlifaarbe) solid 0.15vw;

margin: auto;

padding: 0px 1vw;

font-weight: 800;

background-color: rgba(247,247,247,1);
font-family: "AncizarSans-Light";
white-space: nowrap;
border-radius: 0.55em;

}



.iphonetextbox{

display:none;

}



#startseitentext {

position: absolute;

top: calc(var(--maxbildhoehe) * (0.3));

z-index: 30000000;

left: 20vw;

}



#storyspeichern {

position: relative;

z-index: 5000;

color: white;

font-family: Roboto-Light;

font-size: 1.6vw;

font-weight: 600;

cursor: pointer;

background-color: var(--aktivemenuicons);

text-align: center;

left: 0px;

top: 1vw;

padding: 0.5vw 0px;

display: block;

width: 14vw;

border: var(--leadtextfarbe) solid 0.1vw;

}



.starseiteneditorform {

color: var(--leadtextfarbe);

}



#storytext {

height: 5em;

}



#cursoranzeige {

position: relative;

display: block;

color: black;

left: 24vw;

top: calc(-2vw - 1em);

}



#animationsbox {

margin-left: 6.1vw;

margin-bottom: -2vw;

margin-top: 1vw;

}

li.linkskeinabstand {
margin-left: calc(-2vw - 42px) !important;
}

/*gallerie*/

#gallerieneuername {
position: relative;
height: 2vw;
border: solid 0.5px var(--menuscrollt);
}

#gallerieneuelemente{
z-index:10;
background-color: rgba(249,249,249,0.95);
}

.gallerieheader {
display: flex;
justify-content: space-between;
align-items: center;
}

.galleriebild{
flex: 0 0 49%; 
box-sizing: border-box;
}

.geloggt.statisch {
width: 90vw;
margin: 1vw auto;
border: solid 0.5px var(--raemlifaarbe);
padding: 0px 2vw 2vw 2vw;
border-radius: 2vw;
}

.geloggt .galleriebild{
flex: 0 0 100%;
display: flex;
border: solid 0.5px var(--raemlifaarbe);
padding-left: 2vw;
}

.bilder.eingabeelemente{
width: 80%;
display: flex;
flex-wrap: wrap;
}

.geloggt .galleriebild img{
width:100%;
}

.geloggt .bildnamen {
width: 80%;
height:2vw;
margin: 0px 4em;
border: solid 0.1vw rgba(0,0,0,0.5);
position: relative;
top: 4vw;
}

.geloggt .position1 .bildnamen{
top: 3vw;
}


.geloggt .bildbutton {
width: 8em;
margin: 0.5vw 0px 0px 2vw;
font: inherit;
font-size: 1.5vw;
border: var(--raemlifaarbe) solid 0.15vw;
padding: 0px 1vw;
font-weight: 800;
background-color: rgba(247,247,247,1);
display: flex;
color: inherit;
cursor: pointer;
outline: inherit;
height: 3vw;
font-family: "AncizarSans-Light";
white-space: nowrap;
border-radius: 0.55em;
align-items: center;
justify-content: center;
}

.geloggt .bildnamen::before {
content: "Name";
margin-left: -3.5em;
margin-right:1em;
}

.gallerietitel {
width: 30vw;
height: 2vw;
font-size: 2vw;
font-weight: bold;
margin: 0px 0px 0px 2vw;
border: solid 0.1vw rgba(0,0,0,0.5);
position: relative;
padding:0px;
}


.geloggt .bildlink {
top: 1vw !important;
}

.geloggt .bildlink::before {
content: "Link";
margin-left: -3.5em;
margin-right:1.5em;
}

.statisch {
display: flex;
width: 90vw;
flex-wrap: wrap;
position: relative;
justify-content: center;
gap: 1.3vw;
left:-2vw;
margin-top:2vw;
}

.vorpfili {
transform: rotate(-90deg);
font-size: 3em;
position: relative;
transform-origin: 15%  50%;
width: 0.5em;
height: 1em;
cursor:pointer;
}

.ufepfili {
top: 1.5vw !important;
}

.galerieunter {
position: relative;
margin-left: 0px;
margin-bottom: 2vw;
}

.bildergalerietitel {
color:var(--menuscrollt);
}



.galleriename {
position: absolute;
top: 0px;
}

#neugallerieelemente {
position: relative;
margin: 2vw auto;
width: 18vw;
}

.einzelbildbildbox {
display: flex;
width:20vw;
flex-direction:column;
}

#CTA {
position: relative;
width: 100%;
height: 3vw;
display:flex;
justify-content:flex-start;
align-items:center;
}

.ctabutton{
position: relative;
display: inline-flex;
height: 1.2vw;
padding: 1vw;
width: 12vw;
border-radius: 1vw;
margin-right: 2vw;
border: 0.06em solid rgba(355,255,255,1);
justify-content: center;
align-items:center;
}

.ctabuttontext {
font-size: 1.7vw;
color: rgba(255,255,255,1);
font-weight: normal;
text-wrap: nowrap !important;
white-space: nowrap;
font-family: "AncizarSans-Light";
}

.typpenbutton {
background-color: var(--typpenbutton);
}

.beratungabutton{
background-color: var(--beratungabutton);
}

.textboxwidgetblock {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
margin-top:-1vw;
}

.textboxwidget.spalten4 {
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-around;
width: 21vw;
}

.textboxwidget.spalten3 {
display: flex;
align-items: center;
flex-direction: column;
width: 25vw;
}

.textboxwidget.spalten2 {
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-around;
width: 40vw;
}

.textboxwidgetbildkasten {
display: flex;
width: 20vw;
height: 8vw;
justify-content: center;
align-items: center;
}

.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;
}

.textboxwidget li{
text-align:initial;
}

.spalten3 .textboxwidgetbildkasten {
display: flex;
width: 20vw;
height: 8vw;
justify-content: space-around;
align-items: center;
}

.textboxwidgetblockheader {
width: 100%;
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 2vw;
}

.textboxwidget ul {
margin: initial;
padding: initial;
position: relative;
left: 1em;
width: calc(100% - 1em);
}

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

.textboxwidgetbildkasten .textbild {
display: flex;
align-items: center;
justify-content: center;
width: 15vw;
}

.textboxwidgetbildkasten .textbild .bildlegende {
font-weight: normal;
position: relative;
font-family: "AncizarSans-Thin";
font-size: 1.5vw;
top: initial;
display: block;
color:rgba(73,51,15,1);
text-align:initial;
margin-left:1vw;
hyphens: initial;
}

.haticon::before {
content: "";
width: 100vw;
height: 8vw;
position: absolute;
background-color: rgba(252,247,241,1);
z-index: -5;
top: 0px;
left: -7vw;
}

.hauptitem .icon.unsehbar, .icon.untermenu.unsehbar, .unsehbar{
display:none;
}

.hauptitem .icon{
display:none;
}

#triggerkreuz{
display:none;
}

.nuriphone{
display:none;
}