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;
flex-wrap: wrap;

}

.datenschutz {
    flex-basis: 100%;
    flex-shrink: 0;
    margin-bottom: -3.5vw;
}

.inlinemiticon {
    display: inline-flex;
    flex-shrink: 0;
    width: 100%;
    justify-content: flex-end;
    max-height: 1em;
    align-items: center;
}

#datenschutzicon {
    height: 1.5em;
    margin-top: 1vw;
    margin-right:0.3em;
}

#footertext a, #footertext p{

color:var(--normalschrift);

}

.datenschutz a, .datenschutz p {
    font-size: 0.8em;
    color:rgba(16,168,221,1) !important;
}

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

font-size:2.3vw;
margin: 1.1em 0px 0px 0px;

}







.textkasten.hinterlegt {

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

padding: 0px 1vw;

}



.hinterlegt p, .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;

}

#eingang {
position: absolute;
width: 35%;
bottom:-7vw;
left: 3.5vw;
z-index:-1;
}



#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 -0.2vw 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);

}

.typ2 #copyright {
margin-bottom: 2vw;
}