:root { 

--aktivemenuicons:rgba(164,196,28,1); 

--graumenuicons:rgba(154,188,12,1); 

--blaumenuschrift:rgba(29,29,27,1); 

--activhover:rgba(254,173,173,1); 

--h1farbe:rgba(251,171,52,1); 

--h2farbe:rgba(154,188,12,1); 

--h3farbe:rgba(196,116,116,1); 

--menugruen:rgba(151,194,41,0.5); 

--grauschrift:rgba(195,195,195,1); 

--normalschrift:rgba(97,97,96,1); 

--raemlifaarbe:rgba(229,225,225,1); 

--leadtextfarbe:rgba(13,122,140,1); 

--kastenfarbe:rgba(247,211,63,1); 

} 





@keyframes rugele { 

0% {transform: rotate(0deg) translate(0px,0px);} 

20% {transform: rotate(15deg) translate(2.8px,0px);} 

55% {transform: rotate(-40deg) translate(-2.8px,0px);} 

100% {transform: rotate(0deg) translate(0px,0px);} 

} 



@font-face { 

font-family: "Roboto"; 

src: url("schrift/Roboto-Regular.eot"); /* IE9 Compat Modes */ 

src: url("schrift/Roboto-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 

url("schrift/Roboto-Regular.woff") format("woff"), /* Modern Browsers */ 

url("schrift/Roboto-Regular.woff2") format("woff2"), /* Modern Browsers */ 

url("schrift/Roboto-Regular.ttf") format('truetype'); /* Open Type Font */ 

} 



@font-face { 

font-family: "RobotoCondensed-Light"; 

src: url("schrift/RobotoCondensed-Light.eot"); /* IE9 Compat Modes */ 

src: url("schrift/RobotoCondensed-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 

url("schrift/RobotoCondensed-Light.woff") format("woff"), /* Modern Browsers */ 

url("schrift/RobotoCondensed-Light.woff2") format("woff2"), /* Modern Browsers */ 

url("schrift/RobotoCondensed-Light.ttf") format('truetype'); /* Open Type Font */ 

} 



@font-face { 

font-family: "Roboto-RegularItalic"; 

src: url("schrift/Roboto-RegularItalic.eot"); /* IE9 Compat Modes */ 

src: url("schrift/Roboto-RegularItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 

url("schrift/Roboto-RegularItalic.ttf") format("truetype"), /* Safari, Android, iOS */ 

url("schrift/Roboto-RegularItalic.woff") format("woff"), /* Modern Browsers */ 

url("schrift/Roboto-RegularItalic.woff2") format("woff2"); /* Modern Browsers */ 

} 



@font-face { 

font-family: "Roboto-Light"; 

src: url("schrift/Roboto-Light.eot"); /* IE9 Compat Modes */ 

src: url("schrift/Roboto-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 

url("schrift/Roboto-Light.ttf") format("truetype"), /* Safari, Android, iOS */ 

url("schrift/Roboto-Light.woff") format("woff"), /* Modern Browsers */ 

url("schrift/Roboto-Light.woff2") format("woff2"); /* Modern Browsers */ 

} 



@font-face { 

font-family: "Roboto-ThinItalic"; 

src: url("schrift/Roboto-ThinItalic.eot"); /* IE9 Compat Modes */ 

src: url("schrift/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 

url("schrift/Roboto-ThinItalic.ttf") format("truetype"), /* Safari, Android, iOS */ 

url("schrift/Roboto-ThinItalic.woff") format("woff"), /* Modern Browsers */ 

url("schrift/Roboto-ThinItalic.woff2") format("woff2"); /* Modern Browsers */ 

} 



@font-face { 

font-family: "Roboto-Thin"; 

src: url("schrift/Roboto-Thin.eot"); /* IE9 Compat Modes */ 

src: url("schrift/Roboto-Thin.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 

url("schrift/Roboto-Thin.ttf") format("truetype"), /* Safari, Android, iOS */ 

url("schrift/Roboto-Thin.woff") format("woff"), /* Modern Browsers */ 

url("schrift/Roboto-Thin.woff2") format("woff2"); /* Modern Browsers */ 

} 



@font-face { 

font-family: "Roboto-LightItalic"; 

src: url("schrift/Roboto-LightItalic.eot"); /* IE9 Compat Modes */ 

src: url("schrift/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 

url("schrift/Roboto-LightItalic.ttf") format("truetype"), /* Safari, Android, iOS */ 

url("schrift/Roboto-LightItalic.woff") format("woff"), /* Modern Browsers */ 

url("schrift/Roboto-LightItalic.woff2") format("woff2"); /* Modern Browsers */ 

} 





@font-face { 

font-family: "Roboto-Medium"; 

src: url("schrift/Roboto-Medium.eot"); /* IE9 Compat Modes */ 

src: url("schrift/Roboto-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 

url("schrift/Roboto-Medium.ttf") format("truetype"), /* Safari, Android, iOS */ 

url("schrift/Roboto-Medium.woff") format("woff"), /* Modern Browsers */ 

url("schrift/Roboto-Medium.woff2") format("woff2"); /* Modern Browsers */ 

} 





body, #mainbox{ 

overflow: hidden; 

} 



.clearbox{ 

clear:both; 

} 



button{ 

-moz-appearance: none; 

-webkit-appearance: none; 

apperance:none; 

border:none 0px; 

background:none; 

font-family:Lato; 

box-shadow: none; 

} 



#sprachen{ 

display:none; 



} 



.naviname { 

font-family: "Roboto"; 

font-weight: lighter; 

} 



.hauptitem .icon{ 

background-color:white; 

border:solid 1.4px rgba(249,146,11,1); 

border-radius: 30%; 

display: flex; 

} 



#curriculum .hauptitem svg{ 

width:95%; 

} 



.texticon{ 

border-radius: 50%; 

display: flex; 

} 



.hauptitem .icon.aktiv, .texticon{ 

border:solid 1.4px rgba(121,140,74,1); 

background-color:white; 

} 



.hauptitem:hover .icon{ 

border:solid 1.4px rgba(249,146,11,1); 

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

} 



body, div, a, li, ul, textarea, input, p{ 

font-family:Roboto-Thin, sans-serif; 

color: var(--grauschrift); 

font-weight:lighter; 

} 



h1{ 

font-family: Roboto-Light; 

color: var(--h1farbe); 

font-weight:normal; 

} 



a{ 

text-decoration:none; 

color: var(--grauschrift); 

} 



input, textarea { 

-webkit-border-radius: 0px; 

-moz-border-radius: 0px; 

border-radius: 0px; 

-webkit-appearance: none; 

-moz-appearance: none; 

appearance: none; 

width: 80%; 

height: 1.2em; 

font-size: 1em; 

display: block; 

color: var(--normalschrift); 

} 



input:focus, textarea:focus { 

outline: none; 

outline-width: 0; 

} 



#logintable{ 

display: none; 

} 



.fuerbots{ 

display:none; 

} 



.neutrallink{ 

color: var(--grauschrift) !important; 

} 



.hauptseite { 

clear: both; 

} 



#oberabstandbild{ 

width:1400px; 

height:100vh; 

position:relative; 

overflow:hidden; 

} 



#oberbildcontainer{ 

position:absolute; 

width:100%; 

} 



.ganzbildschirm{ 

width:100%; 

} 



.oberabstandsbild .ganzbildschirm{ 

width: 108%; 

margin: -70px 0px 0px 0px; 

} 



.durchsichtig{ 

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

} 



.undurchsichtigweiss{ 

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

} 







#iphonebox{ 

scroll-behavior: smooth; 

} 



.unsichtbar{ 

display:none !important; 

} 



.sichtbar{ 

display:block !important; 

} 



#favicon_x5F_klein_xA0_Bild_1_ { 

display: block; 

width: 100%; 

} 



.footericonstile0{fill:#0D0E10;} 

.footericonstile1{fill:#C22382;} 

.footericonstile2{fill:#FFFFFF;} 

.footericonstile3{fill:none;} 





.iconfarbe{ 

fill:none; 

stroke:rgba(251,171,52,1); 

} 



.untericonfarbe{ 

fill:rgba(251, 171, 52, 1); 

} 



.icon.untermenu.aktiv .untericonfarbe { 

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

} 



.icon.untermenu.aktiv { 

border: solid 1.4px rgba(251,171,52,1); 

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

} 



.texticon .untericonfarbe{ 

fill: rgba(164,196,28,1); 

} 



.typ2 .texticon svg{ 

width:95%; 

} 



.aktiv.popup{ 

color:rgba(249,150,8,1); 

cursor:default; 

} 



.hauptitem:hover .iconfarbe{ 

fill:none; 

stroke:rgba(256,256,256,1); 

} 

.aktiv .iconfarbe, .texticon .iconfarbe{ 

fill:none; 

stroke:rgba(164,196,28,1); 

} 



.icon svg { 

width: 100%; 

display: block; 

height: 100%; 

margin: auto; 

} 



.pluszeichen svg { 

width: 100%; 

display: block; 

height: 100%; 

margin: auto; 

} 



.pluszeichenfarbe{ 

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

} 



.aktiv .pluszeichenfarbe{ 

fill:var(--graumenuicons); 

} 



#icon_angebote{ 

width: 85%; 

height: 85%; 

stroke:rgba(255,198,82,0.6); 

} 



#icon_uebermich { 

width: 68%; 

height: 68%; 

margin: 10% auto 22% auto; 

} 





.hauptitem a{ 

color: var(--blaumenuschrift); 

font-family: RobotoCondensed-Light; 

} 



.aktiv .hauptitem a{ 

color: var(--graumenuicons); 

} 





/*.aktiv .hauptitem a::after, .aktiv .hauptitem a::after{ 

content: ""; 

display: block; 

width: 80%; 

height: 2.8px; 

background-color: var(--activhover); 

border-radius: 1.4px; 

margin-top: 0.2em; 

margin-left: 10%; 

}*/ 













.iconbildsfooternavi .svgicon .farbe{ 

fill:#FFFFFF; 

} 



.clearbox{ 

clear:both; 

} 



.versteckt{ 

display:none; 

} 



.neueseinfuegen{ 

width: 42px; 

display: block; 

background: none; 

border: none 0px; 

color: inherit; 

padding: 0; 

font: inherit; 

cursor: pointer; 

outline: inherit; 

height: 42px; 

} 



.unclickbar{ 

cursor:initial !important; 

} 



#webbern{ 

position: absolute; 

bottom: -42px; 

left: 56px; 

} 



.copy { 

font-family: Roboto; 

font-size: 16.8px; 

color: var(--normalschrift); 

} 



.hauptbild{ 

z-index:-10; 

} 



.zusatzbox{ 

display:none; 

} 



.iespan{ 

display:none; 

position:absolute; 

} 





_:-ms-fullscreen, 

:root .iespan { 

position:inherit; 

} 



_:-ms-lang(x), 

.iespan { 

position:inherit\9; 

} 



.trennlinie{ 

display:none; 

} 



.servicesvghintergrund{ 

fill:#C44391; 

stroke:#F7EFF5; 

stroke-width:4; 

stroke-miterlimit:10; 

} 



.servicenavirand{ 

fill:#F7EFF5; 

} 



.sevicenavigrund{ 

fill:#C44391; 

} 

.servicesvgfigur{ 

fill:#FFFFFF; 

} 



@keyframes wackeln{ 

0% {transform:scale(0.9,1)} 

25% {transform:scale(1,0.9)} 

50% {transform:scale(0.8,1)} 

65% {transform:scale(1,0.8)} 

80% {transform:scale(0.7,1)} 

87% {transform:scale(1,0.7)} 

94% {transform:scale(0.6,1)} 

96% {transform:scale(1,0.6)} 

98% {transform:scale(0.5,1)} 

100% {transform:scale(1,0.5)}; 

} 



/*.wackelitem{ 

transform:scale(1,1); 

} 



.wackelt{ 

animation-name:wackeln; 

animation-duration:5s; 

} 



.unwackelt{ 

animation:none; 

transform:scale(1,1); 

}*/ 



.medaille { 

display: block; 

width: 100%; 

height: 100%; 

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

background-size: 100%; 

background-repeat: no-repeat; 

} 



.tox-tinymce, .tox, .tox-tinymce-aux{ 

z-index:3000000 !important; 

} 



.rightalign{ 

text-align:right; 

} 



.centeralign{ 

text-align:center; 

} 



.leftalign{ 

text-align:left; 

} 



.justifyalign{ 

text-align:justify; 

} 



img{ 

width:100%; 

} 

.hauptkasten{ 

position:relative; 

width:70px; 

height:65.1px; 

} 



#stricheinsbox{ 

width:36.36%; 

height:15.04%; 

left:60.60%; 

top:70.95%; 

transform-origin:left; 

} 

#rechtsblattsbox{ 

width:36.48%; 

height:33.86%; 

left:62.01%; 

top:45.82%; 

transform-origin:left bottom; 

transition-delay: 0.2s; 

} 

#linksblattbox{ 

width:55.10%; 

height:53.56%; 

left:0%; 

top:33.64%; 

transform-origin:right bottom; 

transition-delay: 0.5s; 



} 

#zweitstrichbox{ 

width:19.18%; 

height:29.15%; 

left:53.55%; 

top:15.57%; 

transform-origin:left; 

transition-delay: 1s; 

} 

#letztblattbox{ 

width:18.78%; 

height:30.38%; 

left:44.37%; 

top:0%; 

transform-origin:left; 

transition-delay: 2s; 

} 



.bildkasten{ 

position:absolute; 

transition: transform 3s; 

} 



.normalsize{ 



} 



.unvisible{ 

transform:scale(0.0); 

} 



body { 

width:1400px; 

} 



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 4.2px; 

border-top: rgba(247,211,63,1) solid 4.2px; 

padding-bottom: 8.4px; 

} 



#footertext {

display: flex;

flex-direction: column;

position: relative;

left: calc(630px + 50vw - 964px);

width: 770px;

padding: 0px 0px 28px 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:35px; 

} 



.footerspalte h1{ 



} 













.footertextbox{ 



} 



#footertext #spalte1{ 

position: absolute; 

width: 504px; 

left: -324px; 

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

height: 100%; 

background-repeat: no-repeat; 

background-position: 0% 10%; 

top: 7px; 

} 



#spalte2 { 

margin-bottom: -112px; 

} 

#spalte3 { 

margin-top: 56px; 

margin-bottom: -28px; 

} 



#footertext a, #footertext p{ 

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

} 

#datenschutz {
display: block;
position: absolute;
right: -276px;
top: 2em;
}

.inlinemiticon {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    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: 25.2px; 

margin-left: 56px; 

} 



#mainbox{ 

width:1400px; 

position:absolute; 

left: 0px; 

} 



/*.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:23.8px; 

} 



p{ 

} 



ul{ 

} 



li{ 

margin-left:-1em; 

} 



a{ 

} 



.listenbutton{ 

display:inline; 

} 





#iphonebox {

display: inline;

position: fixed;

top: 121.8px;

height: calc(100vh - 121.8px);

left: 0px;

width: 100vw;

overflow-y: scroll;

overflow-x: hidden;

z-index: 0;

border-top: solid 4.2px rgba(247,211,63,1);

}



/*.typ2 #iphonebox{ 

top: 161px; 

}*/ 



#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: 42px; 

left: 1260px; 

width: 70px; 

height: 70px; 

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: 19.6px; 

left: calc(336px + 50vw - 800px); 

z-index: 12; 

} 



.navicontainers{ 

position: relative; 

display: inline; 

margin-left: 0px; 

} 





 

.hauptitem { 

display: flex; 

margin: 0px 29.4px 0px 21px; 

} 



.hauptitem a{ 

position: relative; 

top: 21.7px; 

left: 0px; 

font-size: 22.4px;

text-wrap:nowrap; 

} 





.icon { 

width: 67.2px; 

height: 67.2px; 

position: relative; 

left: -14px; 

} 



.icon.untermenu { 

width: 65.8px; 

height: 65.8px; 

position: relative; 

left: initial; 

margin-right: 14px; 

border: solid 1.4px rgba(255,189,82,1); 

flex-shrink: 0; 

border-radius: 19.6px; 

padding: 4.2px; 

display:flex; 

justify-content:center; 

align-items:center; 

} 











.untermenuitem { 

display: flex; 

align-items: flex-start; 

margin-bottom:7px; 

} 



.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: 49px; 

left: 50%; 

height: 42px; 

width: 42px; 

} 



.popups { 

position: absolute; 

left: -21px; 

top: 0px; 

transform-origin: top; 

width: auto; 

padding: 84px 0px 14px 14px; 

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

z-index: -1; 

} 



.popup { 

display: flex; 

width: 100%; 

border-bottom: white solid 2.52px; 

transform-origin: top; 

background-color: initial; 

padding: 0px 14px 0px 14px; 

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

font-family: RobotoCondensed-Light; 

font-size: 22.4px; 

} 



.popup:last-child { 

border-bottom: none 0px !important; 

} 





.untermenuitem:hover .untericonfarbe { 

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

} 



.untermenuitem:hover .icon.untermenu{ 

border: solid 1.4px 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: 119px;

width: 1400px;

top: 0px;

z-index: 10;

left: calc(50vw - 700px);

}



#logo { 

position: absolute; 

height: 102.2px; 

width: 126px; 

left: 70px; 

top: 7px; 

} 



.logobild{ 

position: absolute; 

width: 100%; 

} 







#ganzheit{ 

font-size: 35px; 

position: absolute; 

top: 54.6px; 

left: 273px; 

letter-spacing: -0.02em; 

white-space: nowrap; 

font-weight: bold; 

} 



#servicenavi { 

position: absolute; 

left: 1148px; 

top: 91px; 

height: auto; 

display: flex; 

width: 210px; 

justify-content: space-evenly; 

} 



.servicenaviitem.serviceelement { 

height: 63px; 

width: 63px; 

} 



.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: 84px; 

width: 84px; 

position: absolute; 

top: -42px; 

left: calc(1288px + 50vw - 700px); 

z-index: 3; 

cursor: pointer; 

opacity: initial; 

} 





#headerbild { 

display: flex; 

width: 100vw; 

height: calc(90vh - 168px); 

overflow: hidden; 

z-index: 2; 

margin: 0px; 

align-items: center; 

max-height: var(--maxbildhoehe); 

border-bottom: solid 4.2px rgba(247,211,63,1); 

} 



#headerbildbox { 

top: 0px; 

width: 100%; 

height: auto; 

display: flex; 

position: absolute; 

max-height: calc(100vh - 168px); 

align-items: center; 

} 





#headerbildbild{ 

width: 100%; 

position: relative; 

left: 0%; 

top: 0px; 

} 



.homeinhalt #headerbild { 

display: flex; 

width: 1400px; 

height: calc(100vh - 140px); 

overflow: hidden; 

z-index: 2; 

margin: 0px; 

align-items: center; 

max-height: var(--maxbildhoehe); 

min-height: 658px; 

} 



.homeinhalt #headerbildbox { 

width: 100%; 

height: auto; 

display: block; 

position: absolute; 

max-height: calc(100vh - 168px); 

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 - 280px); 

} 



.kurseinhalt #headerbildbild { 

width: 130%; 

position: relative; 

left: 0px; 

top: -14vh !important; 

} 



.headersticky{ 

position: -webkit-sticky; 

position:sticky; 

top: var(--stickystop); 

} 



.headerrelativ{ 

position: relative; 

top: 0px; 

} 



#hauptbild{ 

height: 364px; 

width: 1400px; 

left: 0px; 

z-index: 200; 

} 



#hauptbildbox{ 

position: absolute; 

width: 1400px; 

height: 364px; 

overflow: hidden; 

} 



.hauptbildbild{ 

width: 100%; 

position: absolute; 

left: 0px; 

top: 0px; 

} 



.nichtsbild, .keinbild{ 

display:none; 

} 



#hauptbildbanner{ 

position: absolute; 

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

width: 1400px; 

display: flex; 

bottom: 0px; 

} 



.bannersticky{ 

position:relative; 

position: -webkit-sticky; 

position:sticky; 

top: 28px; 

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

padding-top: 14px; 

z-index:1; 

} 



.handylayout{ 

display:none; 

} 



#titellinks{ 

display: flex; 

position: relative; 

padding: 0px 56px; 

width: 672px; 

flex-direction: column; 

text-align: center; 

align-items:center; 

} 



#headertitelmiticonblock { 

display: flex; 

position: relative; 

align-items: center; 

justify-content: center; 

width: 100%; 

margin-top: 28px; 

} 



.ruckfuhrunginhalt #headertitelmiticonblock { 

display: flex; 

position: relative; 

align-items: center; 

justify-content: center; 

width: 110%; 

margin-top: 28px; 



left: 14px; 

} 



.bannertext h2{ 

font-family: Roboto-Light; 

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

font-weight: 800; 

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

font-size: 49px; 

padding: 14px 14px 8.4px 14px; 

border: white solid 1.4px; 

position: absolute; 

left:0px; 

} 



.bannertext h2 a{ 



} 



.headertitel1{ 

top:0px; 

} 



.headertitel2{ 

bottom:56px; 

left:-140px !important; 

} 



#headertitel2icon { 

width: 77px; 

height: 77px; 

padding: 2.8px; 

left: -28px; 

top: -14px; 

flex-shrink: 0; 

} 



.curriculuminhalt #headertitel2icon svg { 

width: 95%; 

position: relative; 

top: -2.1px; 

} 



.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: 196px; 

height: 196px; 

position: absolute; 

bottom: 28px; 

left: -392px; 

border-radius: 50%; 

border: var(--aktivemenuicons) solid 7px; 

} 



/*.einzelseite.typ2 #welcheseite{ 

position:absolute; 

display:none; 

}*/ 



/*.einzelseite.typ2 #header{ 

border-bottom:var(--menugruen) solid 21px; 



}*/ 



/*.einzelseite.typ2 #headerbild { 

position: relative; 

top: 21px; 

display: flex; 

width: 1400px; 

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:-21px auto; 

}*/ 



/*.einzelseite.typ2.editiermodus #headerbildbanner{ 

display: block; 

margin: 70px auto; 

}*/ 



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

margin: 28px auto; 

} 



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

background-color: initial; 

font-size: 44.8px; 

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: 28px; 

left: 196px; 

width: 1008px; 

height: 56px; 

margin: auto; 

display: block; 

}*/ 



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

background-color: initial; 

font-size: 49px; 

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: 700px; 

height: 448px; 

display: block; 

position: relative; 

margin-left: 0px; 

padding: 0px; 

border: var(--h3farbe) solid 1.4px; 

overflow:hidden; 

z-index:-1; 

}*/ 



/*.einzelseite.typ2 #titellinks { 

display: block; 

left: 28px; 

width: 700px; 

float:left; 

}*/ 



.hauptbildbanner {

position: relative;

width: 1400px;

left: calc(50vw - 700px);

}



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

text-align: initial; 

width: 1316px; 

} 





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

text-align: left; 

font-size: 32.2px; 

color: var(--h2farbe); 

z-index: 1; 

font-family: Roboto-Light !important; 

} 



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

position: relative; 

margin-top: 56px; 

margin-bottom: -14px; 

padding-left: 85.4px; 

} 



.editiertitel{ 

padding-left:initial !important; 

} 



/*.einzelseite.typ2 .hauptbildbanner { 

width: 840px; 

}*/ 





/*.einzelseite.typ2 .hauptheadertitel { 

margin-top: -56px; 

font-size: 21px; 

white-space:nowrap; 

padding: 7.7px 0px; 

color: white; 

font-family: Roboto-Thin; 

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

border-top: rgba(255,255,255,0.5) solid 2.8px; 

border-bottom: rgba(255,255,255,0.5) solid 2.8px; 

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: 1.4px; 

border: none 0px; 

width: 50%; 

left: 25%; 

position: relative; 

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

margin-top: 28px; 

} 



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

width: 30%; 

position: absolute; 

top: 63px; 

left: 35%; 

}*/ 











.titellinks h1{ 

font-size: 42px; 

} 



.homeinhalt #titellinks .hauptheadertitel { 

display: none; 

} 



.trennlinie{ 

width: 25%; 

height: 1px; 

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

border: none 0px; 

margin: 14px auto 14px auto; 

} 



#sprachen{ 

position: absolute; 

left: 1288px; 

top: 147px; 

} 



.sprachbutton{ 

float: left; 

margin-right: 25.2px; 

} 



.textbox {

margin: calc(28px - (100vh - 77px)) 0px 0px 0px;

height: auto;

display: block;

position: relative;

min-height: calc(100vh - 105px);

left: calc(50vw - 700px);

}



.editiermodus .textbox{ 

margin: 28px 0px 84px 0px; 

} 



.textboxtext h1, #google h1{ 

font-family: Roboto-Light; 

color: var(--h1farbe); 

font-weight: 800; 

font-size:49px; 

padding: 14px 0px 0px 0px; 

text-align:left; 

} 











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

width:29%; 

margin:0px 1.5%; 

float:left; 

} 



.textboxinhalt{ 

width: 896px; 

position: relative; 

left: 336px; 

} 



.textboxinhalt2{ 

width: 896px; 

position: relative; 

left: 336px; 

} 



/*.einzelseite.typ2 .textboxinhalt0 { 

display: block; 

width: 476px; 

float: right; 

font-family: Roboto; 

}*/ 



/*.einzelseite.typ2 .iphonetextbox { 

display: none; 

}*/ 



/*.einzelseite.typ2 .textboxinhalt { 

float: left; 

width: 672px; 

padding: 0px 0px; 

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: 16.8px; 

top: -14px; 

} 



.kleinbild{ 

width:50%; 

} 



.linksbild{ 

margin:0px 70% 0px 0px; 

} 



.rechtsbild{ 

margin:0px 0px 0px 70%; 

} 



.mittebild{ 

margin:0px auto; 

} 



.typ1 .textboxinhalt0, .typ2 .textboxinhalt0 { 

width: 896px; 

position: relative; 

left: 336px; 

} 



.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: 22.4px; 

color: var(--normalschrift); 

} 



.textkasten.hinterlegt ul { 

margin-left: 14px; 

} 







.textboxtext h2, .formularfelder h2{ 

color:var(--h2farbe); 

font-family:Roboto-Light; 

font-size:32.2px; 

text-align:center; 

} 



.widgettitel{ 

color: var(--kastenfarbe); 

font-family: Roboto-Light; 

font-size: 32.2px; 

} 



.textboxtext ul{ 

margin-left:28px; 

} 



.textboxtext h3{ 

font-size: 22.4px; 

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:25.2px; 

text-align:center; 

} 



.textboxtext a{ 

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

font-family: Roboto-Light; 

} 



li.userinput, .textboxtext li {

margin: 8.4px 0px;

}



.textkasten.hinterlegt { 

border: rgba(252,209,27,1) solid 2.8px; 

padding: 0px 14px; 

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: 56px 42px 21px 0px; 

font-size: 16.8px; 



} 



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

font-size: 16.8px; 

} 



.unterseitentext #textboxinhalt{ 

margin-top:-32.2px; 

} 



#seitentitel{ 

position: absolute; 

left: 42px; 

top:364px; 

} 



#linksseitenleiste {

display: flex;

position: -webkit-sticky;

position: sticky;

width: 140px;

top: 84px;

overflow: hidden;

left: calc(56px + 50vw - 700px);

margin-top: -56px;

height: calc(100vh - 301px);

margin-bottom: 308px;

}



.seitenleistenbild { 

object-fit: cover; 

} 



.navibackground{ 



} 



.widgetblock { 

display: flex; 

width: 924px; 

flex-wrap: wrap; 

justify-content: space-between; 

left: 322px; 

position: relative; 

} 



.widget { 

width: 407.4px; 

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

min-height: 261.1px; 

margin: 0px 5.6px 21px 0px; 

display: flex; 

padding: 14px 14px 14px 14px; 

cursor: pointer; 

flex-direction: column; 

} 



.letzteswidget {

margin: 0px auto 1.6vw auto;

}



.widgettitel { 

margin: 4.2px 0px 11.2px 0px; 

text-align: center; 

} 



.widgettitel::after, .widgettitel:after { 

content: ""; 

display: block; 

height: 2.1px; 

border: none 0px; 

width: 20%; 

left: 40%; 

position: relative; 

background-color: rgba(154,188,12,1); 

margin-top: 4.2px; 

} 



.widgetbildkasten { 

position: relative; 

width: 100%; 

margin: auto; 

display: flex; 

height: 303.8px; 

} 



.widgetbild { 

width: 100%; 

position: relative; 

object-fit: cover; 

} 



.teiltext { 

width: 80%; 

font-family: Roboto-Thin; 

font-size: 23.8px; 

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: 85.4px; 

font-size: 28px; 

padding: 4.2px 2.8px; 

color: white; 

font-family: Roboto-Light; 

} 



.mehrbuttondiv { 

position: relative; 

right: 16.8px; 

bottom: -21px; 

padding: 14px; 

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,28px); 

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

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

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

transform: scale(1,1) translate(0px,28px); 

} 



.navicontainers:hover .pluszeichen{ 

-webkit-transform: translate(0px,28px); 

-ms-transform: translate(0px,28px); 

-moz-transform: translate(0px,28px); 

-o-transform: translate(0px,28px); 

transform: translate(0px,28px); 

} 



.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: 420px; 

height:100%; 

width:924px; 

} 



.beitragsheader.headersticky{ 

position:relative; 

top:inherit; 

float:left; 

margin: 84px 14px 14px 84px; 

} 



.beitragsheader{ 

width:490px; 



} 



.beitragsheader .headerbildbild{ 

width:100%; 

} 



.unterseitentext { 

padding: 42px; 

background-color: initial; 

width: 1232px; 

margin: 0px auto; 

position: relative; 

display: block; 

} 





#textboxinhalt a{ 

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

} 



h2.kontakth2{ 

color:var(--h1farbe); 

font-size:33.6px; 

} 



.kontaktbody, berstaetigungstext { 

width: 896px; 

position: relative; 

left: 336px; 

} 



.editiermodus .kontaktbody { 

background-color: lightgray; 

width:588px; 

margin-top:7px; 

} 



.fakeformular { 

opacity: 0.5; 

} 



#nichteditierbar { 

position: absolute; 

top: 224px; 

transform: rotate(-45deg); 

} 



.formularfelder{ 

margin:0px 0px 0px 0px; 

font-family: Roboto-Thin; 

font-weight: normal; 

font-size: 29.4px; 

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

width: 100%; 

padding: 0px 14px; 

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: 25.2px; 

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

margin: -8.4px 0px -8.4px 14px; 

width: 92%; 

position:relative; 

} 



.formularinputs input, .formularinputs textarea { 

font-family: Roboto-Light; 

font-weight: normal; 

font-size: 25.2px; 

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

padding: 4.2px 0px 4.2px 14px; 

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: 21px; 

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: 25.2px; 

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

align-items: flex-start; 

width: 92%; 

margin: 7px 0px 7px 14px; 

} 



.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:140px; 

} 



#erwuenscht{ 

margin:2.8px 0px 0px 140px; 

font-size:16.8px; 

font-weight:600; 

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

} 



.kontaktbutton { 

color: white; 

font-family: Roboto-Light; 

font-size: 22.4px; 

cursor:pointer; 

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

text-align:center; 

margin:14px 0px 14px 140px; 

padding:7px 0px; 

display:block; 

width:168px; 

} 





.kontaktbutton:hover{ 

border:solid 2.8px rgba(155,178,20,1); 

} 



h2.bitteausfuellen{ 

color: var(--h2farbe); 

font-family: Roboto-Thin; 

font-size: 28px; 

} 



.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: -36.4px; 

} 



/*.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: 22.4px; 

font-weight:600; 

cursor:pointer; 

background-color:var(--aktivemenuicons); 

text-align:center; 

left:56px; 

top:168px; 

padding:7px 0px; 

display:block; 

width:168px; 

border:var(--leadtextfarbe) solid 1.4px; 

} 



.typunterseite .bidwechseln { 

top: 28px; 

left: 84px; 

visibility: visible; 

} 







.mce-floatpanel.mce-fixed { 

position: fixed; 

top: 224px !important; 

} 



/* 

:root { 

--googleheight:420px; 

} 



#google{ 

width: 588px; 

top:-28px; 

position: absolute; 

display: flex; 

flex-direction:column; 

left: 728px; 

} 



#google iframe{ 

width:100%; 

height: var(--googleheight); 

} 



.kontakttextinhalt div:nth-child(2) { 

margin-left:-84px !important; 

} 



.kontakttextinhalt2{ 

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

width:588px; 

} 



*/ 



#loginerscheinbutton {

color: white;

font-family: Roboto-Light;

font-size: 22.4px;

font-weight: 600;

cursor: pointer;

background-color: var(--aktivemenuicons);

text-align: center;

padding: 7px 0px;

opacity: 0;

width: 168px;

border: var(--leadtextfarbe) solid 1.4px;

position: absolute;

bottom: -36.4px;

left: calc(7px + 50vw - 670px);

}



#absender2, #absender{ 

color: white; 

font-family: Roboto-Light; 

font-size: 22.4px; 

font-weight:600; 

cursor:pointer; 

background-color:var(--aktivemenuicons); 

text-align:center; 

padding:7px 0px; 

width:168px; 

border:var(--leadtextfarbe) solid 1.4px; 

position: absolute; 

bottom: -36.4px; 

left: 7px; 

} 



#absender{ 

position:relative; 

bottom:initial; 

left:initial; 

margin:14px 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 calc(50vw - 700px + 480px);

position: fixed; 

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

padding: 140px; 

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

top: 0px;

left: 0px; 

} 



.logbuttons{ 

margin: 0px 0px 0px 0px; 

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 1.68px rgba(96,96,96,0.7); 

border-radius: 1em; 

text-align: center; 

cursor: pointer; 

} 



#neuseitentitel{ 

margin:14px auto; 

} 



#eingeloggt{ 

position: absolute; 

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

top:-14px; 

} 



 



#copyright{ 

margin: 2.8px 0px -2.8px calc(100vw - 220px); 

} 



#copyright a{ 

color: var(--normalschrift) !important; 

font-size: 16.8px; 

} 



.ersteseiteoberbox { 

display: flex; 

width: 100%; 

position: relative; 

align-items: center; 

} 



.rundbild { 

border-radius: 50%; 

width: 350px; 

height: 25Vw; 

flex-shrink: 0; 

border: var(--aktivemenuicons) solid 12.6px; 

} 



p.leadtext { 

display: block; 

margin-left: 56px; 

font-size: 33.6px; 

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:28px; 

font-weight:800; 

font-family:Roboto-light 

} 



#widgeteinfuegeformular { 

z-index: 30; 

position: absolute; 

background: white; 

top: 30vh; 

left: 560px; 

padding: 70px; 

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

} 



#widgeteinfuegeformular label { 

display: block; 

margin: 0px auto; 

position: relative; 

text-align: center; 

} 



.eingabesenden{ 

color: white; 

font-family: Roboto-Light; 

font-size: 22.4px; 

font-weight:600; 

cursor:pointer; 

background-color:var(--aktivemenuicons); 

text-align:center; 

margin:0px auto; 

padding:7px 0px; 

display:block; 

width:168px; 

border:var(--leadtextfarbe) solid 1.4px; 

} 



.plusbutton { 

font-size: 28px; 

width: inherit; 

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

margin: auto; 

padding: 0px 14px; 

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: 280px; 

} 



#storyspeichern { 

position: relative; 

z-index: 5000; 

color: white; 

font-family: Roboto-Light; 

font-size: 22.4px; 

font-weight: 600; 

cursor: pointer; 

background-color: var(--aktivemenuicons); 

text-align: center; 

left: 0px; 

top: 14px; 

padding: 7px 0px; 

display: block; 

width: 196px; 

border: var(--leadtextfarbe) solid 1.4px; 

} 



.starseiteneditorform { 

color: var(--leadtextfarbe); 

} 



#storytext { 

height: 5em; 

} 



#cursoranzeige { 

position: relative; 

display: block; 

color: black; 

left: 336px; 

top: calc(-28px - 1em); 

} 



#animationsbox { 

margin-left: 85.4px; 

margin-bottom: -28px; 

margin-top: 14px; 

}

li.linkskeinabstand {
margin-left: -68px !important;
}

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

.ctabutton{
position: relative;
display: inline-flex;
height: 1em;
padding: 0.7em;
width: 10em;
background-color: rgba(252,142,6,0.68);
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: 18px;
color: rgba(255,255,255,0.8);
font-weight: bolder;
text-wrap: nowrap;
white-space:nowrap;
}

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

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