/*tinyhouseclassic*/
:root {

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

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

}

@media only screen and (orientation : portrait){ 
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;

left: 12vw;

}


.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){ 









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









}