body {

width:100vw;

}



div,p,a{

outline:none 0px;

}



#footer {

display: flex;

background-color: rgba(114,170,20,1);

position: relative;

clear: both;

border-bottom: rgba(247,211,63,1) solid 0.3vw;

border-top: rgba(247,211,63,1) solid 0.3vw;

padding-bottom: 0.6vw;

}



#footertext {

display: flex;

flex-direction: column;

position: relative;

left: 20vw;

width: 55vw;

padding: 0px 0px 2vw 0px;

}



.footerspalte{

display: flex;

justify-content: flex-start;

}





.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: -18vw;

background-image: url('../kleinbilder/logodef_footer.svg');

height: 100%;

background-repeat: no-repeat;

background-position: 0% 10%;

top: 0.5vw;

}



#spalte2 {

margin-bottom: -8vw;

}

#spalte3 {

margin-top: 4vw;

margin-bottom: -2vw;

}



#footertext a, #footertext p{

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

}

#datenschutz {
display: block;
position: absolute;
right: -23vw;
top: 2em;
}

.inlinemiticon {
    display: inline-flex;
    align-items: center;
    font-size: 1vw;
    width: 13em;
    cursor:pointer;
}

.datenschutz p, .datenschutz a {
    font-size: 1em;
}

.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: 8.7vw;

height: calc(100vh - 8.7vw);

left: 0vw;

width: 100vw;

overflow-y: scroll;

overflow-x: hidden;

z-index: 0;

border-top: solid 0.3vw rgba(247,211,63,1);

}



/*.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: 1.4vw;

left: 18vw;

z-index: 12;

}



.navicontainers{

position: relative;

display: inline;

margin-left: 0vw;

}




.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: 1.55vw;

left: 0px;

font-size: 1.6vw;

text-wrap: nowrap;

}





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

}











.untermenuitem {

display: flex;

align-items: flex-start;

margin-bottom:0.5vw;

}



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

}



.popups {

position: absolute;

left: -1.5vw;

top: 0px;

transform-origin: top;

width: auto;

padding: 6vw 0px 1vw 1vw;

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

z-index: -1;

}



.popup {

display: flex;

width: 100%;

border-bottom: white solid 0.18vw;

transform-origin: top;

background-color: initial;

padding: 0px 1vw 0px 1vw;

color: rgba(29,29,27,1);

font-family: RobotoCondensed-Light;

font-size: 1.6vw;

}



.popup:last-child {

border-bottom: none 0px !important;

}





.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:rgba(249,150,8,1);

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: 8.5vw;

width: 100vw;

top: 0px;

z-index:10;

}



#logo {

position: absolute;

height: 7.3vw;

width: 9vw;

left: 5vw;

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: 82vw;

top: 6.5vw;

height: auto;

display: flex;

width: 15vw;

justify-content: space-evenly;

}



.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(90vh - 12vw);

overflow: hidden;

z-index: 2;

margin: 0px;

align-items: center;

max-height: var(--maxbildhoehe);

border-bottom: solid 0.3vw rgba(247,211,63,1);

}



#headerbildbox {

top: 0px;

width: 100%;

height: auto;

display: flex;

position: absolute;

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

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: relative;

padding: 0px 4vw;

width: 48vw;

flex-direction: column;

text-align: center;

align-items:center;

}



#headertitelmiticonblock {

display: flex;

position: relative;

align-items: center;

justify-content: center;

width: 100%;

margin-top: 2vw;

}



.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: 3.2vw;

padding: 0px;

border: initial;

position: relative;

left: 0px;

margin:0px;

white-space: nowrap;

}



/*.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: 94vw;

}





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

text-align: left;

font-size: 2.3vw;

color: var(--h2farbe);

z-index: 1;

font-family: Roboto-Light !important;

}



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

position: relative;

margin-top: 4vw;

margin-bottom: -1vw;

padding-left: 6.1vw;

}



.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: 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: calc(2vw - (100vh - 5.5vw)) 0px 0vw 0px;

height: auto;

display: block;

position: relative;

min-height: calc(100vh - 7.5vw);

}



.editiermodus .textbox{

margin: 2vw 0px 6vw 0px;

}



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

width: 64vw;

position: relative;

left: 24vw;

}



.textboxinhalt2{

width: 64vw;

position: relative;

left: 24vw;

}



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

}



.textbild img {

width: 100%;

}



.textbild .bildlegende {

font-style: 0px !important;

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: 64vw;

position: relative;

left: 24vw;

}



.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: Roboto-Thin;

font-size: 1.6vw;

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: 1.6vw;

font-family: Roboto-Thin;

color:rgba(41,111,37,1);

text-align:center;

}







.textboxtext h4{

font-family: Roboto-Light;

color: var(--h1farbe);

font-weight: 600;

font-size:1.8vw;

text-align:center;

}



.textboxtext a{

color: rgba(230, 202, 1, 1);

font-family: Roboto-Light;

}







.textkasten.hinterlegt {

border: rgba(252,209,27,1) solid 0.2vw;

padding: 0px 1vw;

background-color: rgba(255,251,235,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;

}



.seitenleistenbild {

object-fit: cover;

}



.navibackground{



}



.widgetblock {

display: flex;

width: 66vw;

flex-wrap: wrap;

justify-content: space-between;

left: 23vw;

position: relative;

}



.widget {

width: 29.1vw;

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

min-height: 18.65vw;

margin: 0px 0.4vw 1.5vw 0px;

display: flex;

padding: 1vw 1vw 1vw 1vw;

cursor: pointer;

flex-direction: column;

}



.letzteswidget {

margin: 0px auto 1.6vw auto;

}



.widgettitel {

margin: 0.3vw 0px 0.8vw 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: rgba(154,188,12,1);

margin-top: 0.3vw;

}



.widgetbildkasten {

position: relative;

width: 100%;

margin: auto;

display: flex;

height: 21.7vw;

}



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

}



.mehrbutton::after{

content:"...";

}



.teiltext.lang{

display:none;

}





.mehrbutton {

display: block;

position: relative;

background-color: var(--kastenfarbe);

width: 6.1vw;

font-size: 2vw;

padding: 0.3vw 0.2vw;

color: white;

font-family: Roboto-Light;

}



.mehrbuttondiv {

position: relative;

right: 1.2vw;

bottom: -1.5vw;

padding: 1vw;

flex-shrink: 0;

}



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

}



h2.kontakth2{

color:var(--h1farbe);

font-size:2.4vw;

}



.kontaktbody, berstaetigungstext {

width: 64vw;

position: relative;

left: 24vw;

}



.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: rgba(246,178,7,1);

width: 100%;

padding: 0px 1vw;

border: rgba(4,143,89,1) solid 1px;

}



.formularfelder h2{



}



.formularinputs{

display: inline-flex;

align-items: center;

font-family: Roboto-Thin;

font-weight: normal;

font-size: 1.8vw;

color: rgba(246,178,7,1);

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

width: 92%;

position:relative;

}



.formularinputs input, .formularinputs textarea {

font-family: Roboto-Light;

font-weight: normal;

font-size: 1.8vw;

color: rgba(246,178,7,1);

padding: 0.3vw 0px 0.3vw 1vw;

text-align: left;

display: block;

border: rgba(4,143,89,1) solid 1px;

}



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

color:rgba(235,177,9,1);

}



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

color:rgba(235,177,9,1);

}



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

color:rgba(235,177,9,1);

}



.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:rgba(4,143,89,1);

}



.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: rgba(246,178,7,1);

align-items: flex-start;

width: 92%;

margin: 0.5vw 0px 0.5vw 1vw;

}



.textareafeld .inputvortext {

display: block;

text-align: left;

padding: 0px;

margin: 0px;

}

.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:rgba(246,178,7,1);

}



.kontaktbutton {

color: white;

font-family: Roboto-Light;

font-size: 1.6vw;

cursor:pointer;

background-color: rgba(175,213,109,1);

text-align:center;

margin:1vw 0px 1vw 10vw;

padding:0.5vw 0px;

display:block;

width:12vw;

}





.kontaktbutton:hover{

border:solid 0.2vw rgba(155,178,20,1);

}



h2.bitteausfuellen{

color: var(--h2farbe);

font-family: Roboto-Thin;

font-size: 2vw;

}



.kursnamediv::before{

content:"Ich möchte mich für folgenden Kurs anmelden:";

width:100%;

position:relative;

top:-2em;

margin-left:-100%;

left:100%;

margin-top:2.5em;

margin-bottom:2em;

}



.kursnamediv {

margin-bottom: -2.6vw;

}



/*.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: calc(var(--apphoehe) - 70vh) 0px 0px 30vw;

position: fixed;

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

padding: 10vw;

border: 1px 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(247,105,55,1);

top:-1vw;

}






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

}



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

}



#animationsbox {

margin-left: 6.1vw;

margin-bottom: -2vw;

margin-top: 1vw;

}

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

/*calltoaction*/
#CTA {
position: absolute;
width: 100%;
height: 3vw;
bottom: 3em;
display:flex;
justify-content:flex-end;
align-items:center;
}

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

.ctabuttontext {
font-size: 1.2em;
color: rgba(255,255,255,1);
font-weight: bolder;
text-wrap: nowrap !important;
white-space:nowrap;

}

.gelbdurchscheinend{
background-color: rgba(252,142,6,0.68);
}

.gruendurchscheinend{
background-color: rgba(139,160,19,0.73);
}