body {
width:100vw;
}


#footer {
display: flex;
background: var(--menugruen) content-box;;
position: relative;
clear: both;
border-bottom: var(--aktivemenuicons) solid 1.8vw;
padding-bottom: 0.6vw;
}

#footertext{
display: flex;
flex-direction: column;
position:relative;
left: 40vw;
width: 58vw;
padding:1vw 0px;
}

.footerspalte{
display: flex;
justify-content: flex-end;
}


.footerspalte, .footerspalte a, .footerspalte li, .footerspalte h2, .footerspalte h3, .footerspalte p, footerspalte > *{
font-family:Roboto-thin;
font-size:2.5vw;
}

.footerspalte h1{

}






.footertextbox{

}

#footertext #spalte1{
position: absolute;
width: 36vw;
left: -38vw;
background-image: url('../kleinbilder/logo_footer.svg');
height: 100%;
background-repeat: no-repeat;
background-position: 0% 10%;
}

#spalte2 {
margin-bottom: -8vw;
}
#spalte3 {
margin-top: 4vw;
margin-bottom: -2vw;
}

#footertext a, #footertext p{
color:var(--normalschrift);
}

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

p{
}

ul{
}

li{
margin-left:-1em;
}

a{
}

.listenbutton{
display:inline;
}


#iphonebox{
display: inline;
position: fixed;
top: 10vw;
height: calc(100vh - 10vw);
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: 1vw;
left: 34vw;
z-index:12;
}


.navicontainers{
position: relative;
display: inline;
margin-left: 0.8vw;
}

.hauptitem{
display: flex;
margin: 0px 2.1vw 0px 0.7vw;
}

.hauptitem a{
position: relative;
top: 1.2vw;
left: 0px;
font-size: 1.5vw;
}


.icon {
width: 4vw;
height: 4vw;
position: relative;
left:-1vw;
}

.icon.untermenu{
display:none;
}

.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:4.5vw;
left:0px;
height:4vw;
width:4vw;
}

.popups{
position: absolute;
left: -60%;
top: 0px;
transform-origin: top;
width: auto;
padding: 6vw 0px 0px 0px;
background-color: rgba(255,255,255,0);
z-index: -1;
}

.popup{
display: flex;
width:100%;
border-bottom: white solid 0.18vw;
transform-origin: top;
background-color: rgba(182,233,242,0.8);
padding: 0.9vw 0px 0.9vw 2vw;
color:rgba(13,122,140,1);
font-family:Roboto-Light;
font-size:1.7vw;
}

.popup:last-child {
border-bottom: none 0px !important;
}



.aktiv.popup{
color:white;
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;
}



#header{
position: fixed;
height: 10vw;
width: 100vw;
top: 0px;
z-index:10;
}

#logo{
position: absolute;
height: 7.3vw;
width: 28vw;
left: 3vw;
top: 0.5vw;
}

.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: 80vw;
top: 6.9vw;
height: auto;
display: flex;
width: 15vw;
justify-content: space-evenly;
}

.servicenaviitem.serviceelement {
height: 3.8vw;
width: 3.8vw;
}

.serviceicon {
width: 100%;
height: 100%;
background-color: white;
border: var(--aktivemenuicons) solid 0.15vw;
display: flex;
border-radius:50%;
}

.serviceicon svg{
display: block;
width: 80%;
margin: auto;
}

.medaillephone {
display: none;
}


.medaillepc{
height: 6vw;
width: 6vw;
position: absolute;
top: 0.5vw;
left: 93vw;
z-index: 3;
cursor: pointer;
opacity: 0.7;
}



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

#headerbildbox {
top:0px;
width: 100%;
height: auto;
display: block;
position: absolute;
max-height: calc(100vh - 12vw);
}


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

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

.bildbutton{
visibility:hidden;
}

#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: relative;
padding: 0px 4vw;
width: 48vw;
flex-direction: column;
text-align: center;
}

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

.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 .bannertext h2, .typ1 .hauptuntertitel.pclayout, .typ3 .hauptuntertitel.pclayout{
background-color: initial;
font-size: 3.5vw;
padding: 0px;
border: initial;
position: relative;
left: 0px;
}

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

.typ1 #titellinks, .typ3 #titellinks {
text-align: initial;
width: 92vw;
}


.einzelseite.typ2 .hauptuntertitel.pclayout, .typ1 .hauptheadertitel, .typ3 .hauptheadertitel{
text-align: left;
font-size: 3.5vw;
color: var(--grauschrift);
z-index: 1;
font-family: Roboto-Light !important;
font-weight: 800 !important;
}

.typ1 .hauptheadertitel, .typ3 .hauptheadertitel {
width: 40vw;
position:relative;
}

.einzelseite.typ2 .hauptbildbanner {
width: 60vw;
}

.typ1 .hauptheadertitel::after, .typ3 .hauptheadertitel::after {
content: "";
width: 6vw;
height: 6vw;
display: block;
background-image: url('../kleinbilder/kindererziehung.svg');
background-repeat: no-repeat;
position: absolute;
top: 0px;
left: 103%;
border-radius: 50%;
background-position: 0% 100%;
}

.rugelae::after{
animation-name: rugele;
animation-duration: 4s;
transform-origin: bottom center;
animation-iteration-count: 2;
animation-timing-function: linear;
}


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



.einzelseite.typ2 .headertitel1:after, .einzelseite.typ2.editiermodus .gesamttitel h1:after, .einzelseite.typ2 .headertitel1::after , .einzelseite.typ2.editiermodus .gesamttitel h1::after, .typ1 .hauptuntertitel.pclayout::after, .typ1 .hauptuntertitel.pclayout:after, .typ3 .hauptuntertitel.pclayout::after, .typ3 .hauptuntertitel.pclayout:after{
content: "";
display: block;
height: 0.2vw;
border: none 0px;
width: 90%;
left: 5%;
position: relative;
background-color: var(--menugruen);
margin-top: 0.8vw;
}

.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: 1px;
background-color: rgba(247,105,55,1);
border: none 0px;
margin: 1vw auto 1vw auto;
}

#sprachen{
position: absolute;
left: 92vw;
top: 10.5vw;
}

.sprachbutton{
float: left;
margin-right: 1.8vw;
}

.textbox {
margin: 1vw 0px 6vw 0px;
height: auto;
display: inline-block;
position:relative;
}

.textboxtext h1, #google h1{
font-family: Roboto-Light;
color: var(--h1farbe);
font-weight: 800;
font-size:3.5vw;
padding: 1vw 0px 0px 0px;
text-align:left;
}





.hauptseitenbox.keinwidget #textboxinhalt div, .hauptseitenbox.keinwidget #eingabebox div{
width:29%;
margin:0px 1.5%;
float:left;
}

.textboxinhalt{
float: left;
width: 48vw;
padding:0px 4vw;
}

.textboxinhalt2{
float: right;
width: 32vw;
padding:0px 4vw;
}

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

.textbild img {
width: 100%;
}

.textbild .bildlegende{ 
font-style: 0px !important;
font-weight: lighter;
position: relative;
font-family:Roboto-ThinItalic;
font-size:1.2vw;
}

.kleinbild{
width:50%;
}

.linksbild{
margin:0px 70% 0px 0px;
}

.rechtsbild{
margin:0px 0px 0px 70%;
}

.mittebild{
margin:0px auto;
}

.typ1 .textboxinhalt0 {
width: 92vw;
position: relative;
left: 4vw;
}

.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: Roboto-thin;
font-weight: normal;
font-size: 2.1vw;
color: var(--normalschrift);
}

.textkasten.hinterlegt ul {
margin-left: 1vw;
}



.widgettitel, .textboxtext h2, .formularfelder h2{
color:var(--h2farbe);
font-family:Roboto-Light;
font-size:2.3vw;
}

.textboxtext ul{
margin-left:2vw;
}

.textboxtext h3{
font-size: 2.1vw;
font-family: Roboto-Medium;
color:var(--grauschrift);
}



.textboxtext h4{
font-family: Roboto-Light;
color: var(--h1farbe);
font-weight: 600;
font-size:2.3vw;
}



.textkasten.hinterlegt {
border: var(--raemlifaarbe) solid 0.2vw;
padding: 0px 1vw;
}

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



.navibackground{

}

.widgetblock {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: center;
}

.widget{
width: 29.1vw;
border: var(--raemlifaarbe) solid 0.15vw;
float: left;
min-height: 18.65vw;
margin: 0px 0.4vw 1.5vw 0px;
display: flex;
padding: 3vw 1vw 1vw 1vw;
cursor: pointer;
flex-direction: column;
}



.widgettitel {
padding: 1vw 0px;
margin: 1vw 0px 0px 0px;
text-align: center;
}

.widgettitel::after, .widgettitel:after{
content: "";
display: block;
height: 0.15vw;
border: none 0px;
width: 20%;
left: 40%;
position: relative;
background-color: var(--menugruen);
margin-top: 0.8vw;
}

.widgetbildkasten {
position: relative;
width: 90%;
margin: auto;
display: flex;
height: 15vw;
transform: rotate(-4deg);
border: var(--h3farbe) solid 0.1vw;
}

.widgetbild {
width: 100%;
position: relative;
object-fit: cover;
}

.teiltext{
width: 70%;
font-family: Roboto-Thin;
font-size: 1.7vw;
}
.mehrbutton::after{
content:"...";
}

.teiltext.lang{
display:none;
}


.mehrbutton {
display: block;
position: relative;
background-color: var(--aktivemenuicons);
width: 6.1vw;
font-size: 2vw;
padding: 0.3vw 0.2vw;
color: white;
font-family: Roboto-Light;
}

.querbox {
display: flex;
align-items: flex-end;
justify-content:space-between;
}

.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(143,208,224,0.4);
}

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

h2.kontakth2{
color:var(--h1farbe);
font-size:2.4vw;
}

.kontaktbody, berstaetigungstext {
width: 40vw;
float: left;
margin: -2vw 4vw 0px 4vw;
}

.editiermodus .kontaktbody {
background-color: lightgray;
width:42vw;
margin-top:0.5vw;
}

.fakeformular {
opacity: 0.5;
}

#nichteditierbar {
position: absolute;
top: 16vw;
transform: rotate(-45deg);
}

.formularfelder{
margin:0px 0px 0px 0px;
font-family: Roboto-thin;
font-weight: normal;
font-size: 2.1vw;
color: var(--normalschrift);
width: 100%;
padding: 0px 1vw;
border: var(--leadtextfarbe) solid 1px;
}

.formularfelder h2{

}

.formularinputs{
display: inline-flex;
align-items: center;
font-family: Roboto-thin;
font-weight: normal;
font-size: 1.8vw;
color: var(--normalschrift);
margin: -0.6vw 0px -0.6vw 1vw;
width: 92%;
}

.formularinputs input, .formularinputs textarea {
font-family: Roboto-Light;
font-weight: normal;
font-size: 1.8vw;
color: var(--normalschrift);
padding: 0.3vw 0px 0.3vw 1vw;
text-align: left;
display:block;
border: var(--leadtextfarbe) solid 1px;
}

.formularinputs input::-webkit-input-placeholder, .formularinputs textarea::-webkit-input-placeholder{
color:var(--menugruen);
}

.formularinputs input::-moz-placeholder, .formularinputs textarea::-moz-placeholder, .formularinputs input:-ms-input-placeholder, .formularinputs textarea:-ms-input-placeholder{
color:var(--menugruen);
}

.formularinputs input::placeholder, .formularinputs textarea::placeholder{
color:var(--menugruen);
}

.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: Roboto-Thin;
font-weight: normal;
font-size: 1.5vw;
color: var(--leadtextfarbe);
}

.staerndli{
font-family:Tahoma;
}

.formularinputs button{
background-color:rgba(44,131,197,0.7);
color:rgba(255,255,255,1);
/*font-weight:lighter;*/
}

.textareafeld {
font-family: Roboto-thin;
font-weight: normal;
font-size: 1.8vw;
color: var(--normalschrift);
align-items: baseline;
width: 92%;
margin:1.5vw 0px 0px 1vw;
}


.textareafeld .inputvortext{
display: block;
text-align: left;
}

.textareafeld .textarea{
display: block;
height: 4em;
margin: 0px;
text-align: left;
}

.anderesfeld {
display: block;
}

.inputvortext{
display:block;
width:10vw;
}

#erwuenscht{
margin:0.2vw 0px 0px 10vw;
font-size:1.2vw;
font-weight:600;
color:var(--normalschrift);
}

.kontaktbutton {
color: white;
font-family: Roboto-Light;
font-size: 1.6vw;
font-weight:600;
cursor:pointer;
background-color:var(--aktivemenuicons);
text-align:center;
margin:1vw 0px 1vw 10vw;
padding:0.5vw 0px;
display:block;
width:12vw;
border:var(--leadtextfarbe) solid 0.1vw;
}

.kontaktbutton:hover{
border-width:0.2vw;
}

h2.bitteausfuellen{
color: var(--h2farbe);
font-family: Roboto-Thin;
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: white;
font-family: Roboto-Light;
font-size: 1.6vw;
font-weight:600;
cursor:pointer;
background-color:var(--aktivemenuicons);
text-align:center;
left:4vw;
top:12vw;
padding:0.5vw 0px;
display:block;
width:12vw;
border:var(--leadtextfarbe) 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:var(--aktivemenuicons);
text-align:center;
padding:0.5vw 0px;
opacity:0;
width:12vw;
border:var(--leadtextfarbe) solid 0.1vw;
position: absolute;
bottom: -2.6vw;
left: 0.5vw;
}

#absender2, #absender{
color: white;
font-family: Roboto-Light;
font-size: 1.6vw;
font-weight:600;
cursor:pointer;
background-color:var(--aktivemenuicons);
text-align:center;
padding:0.5vw 0px;
width:12vw;
border:var(--leadtextfarbe) 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;
}

#logintable .tablecell {
position: relative;
text-align: center;
}

#logintable input {
margin:0px auto;
}

.login{
margin: -34vw 0px 0px 40vw;
position: absolute;
background-color: rgba(255,255,255,1);
padding: 10vw;
border: 1px solid var(--raemlifaarbe);
}

.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(247,105,55,1);
top:-1vw;
}


#copyright{
margin: 0.2vw 0px 10vw 83vw;
}

#copyright a{
color: var(normalschrift);
font-size: 1.2vw;
}

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

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

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