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

.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 - 700px); 
z-index: 12; 
} 

.navicontainers{ 
position: relative; 
display: inline; 
margin-left: 11.2px; 
} 


 
.hauptitem { 
display: flex; 
margin: 0px 29.4px 0px 21px; 
} 

.hauptitem a{ 
position: relative; 
top: 21.7px; 
left: 0px; 
font-size: 22.4px; 
} 


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