: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(99,86,68,1);

--titellinksh1:rgba(254,252,240,1);

--h2farbe:rgba(206,163,26,1);

--titellinksh2:rgba(255,255,255,1);

--h3farbe:rgba(172,122,37,1);

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

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

--normalschrift:rgba(107,105,113,1);

--boldschrift:rgba(73,51,15,1);

--footerfarbe:rgba(73,51,15,1);

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

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

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

--menuaktivbild:rgba(94,94,94,1);

--menubild:rgba(255,255,255,1);

--menuscrollt:rgba(96,96,96,1);

--menuaktivscrollt:rgba(158,168,181);

--menubildhover:rgba(247,222,151,1);

--typpenbutton:rgba(244,203,86,0.9);

--beratungabutton:rgba(157,172,193,0.73);

--phoneiconfarbe:rgba(101,88,63,1);

--phonaktivfarbe:rgba(175,161,139,1);

--footertextfarbe:rgba(227,221,203,1);

--kontaktbuttonfarbe:rgba(181,147,68,1);

--textlinkfarbe:rgba(155,122,20,1);

}





@keyframes rugele {

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

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

  55% {transform: rotate(-40deg) translate(-0.2vw,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: "AncizarSans-Thin";

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

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

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

    url("schrift/AncizarSans-Thin.woff2") format("woff2"), /* Modern Browsers */

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

}



@font-face {

  font-family: "AncizarSans-Regular";

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

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

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

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

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

}



@font-face {

  font-family: "Castoro";

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

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

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

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

    url("schrift/Castoro-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 */

}



@font-face {

  font-family: "Montserrat";

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

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

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

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

    url("schrift/Montserrat-Regular.woff2") format("woff2"); /* Modern Browsers */

    font-weight: normal;

    font-style:normal;

}



@font-face {

  font-family: "Montserrat";

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

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

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

    url("schrift/Montserrat-Bold.woff") format("woff"), /* Modern Browsers */

    url("schrift/Montserrat-Bold.woff2") format("woff2"); /* Modern Browsers */

    font-weight:700;

    font-style:normal;

}



@font-face {

  font-family: "Montserrat";

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

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

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

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

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

    font-weight:500;

    font-style:normal;

}



@font-face {

  font-family: "Montserrat";

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

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

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

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

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

    font-weight:300;

    font-style:normal;

}



@font-face {

  font-family: "AncizarSans-Light";

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

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

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

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

    url("schrift/AncizarSans-Light.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;

}



#deutsch, #franzoesisch{

cursor:pointer;

font-family: "AncizarSans-Thin";

}



.naviname {

font-family: "Roboto";

font-weight: lighter;

}



.hauptitem .icon {

background-color: initial;

border: solid 0.07em white;

border-radius: 50%;

display: flex;

justify-content: center;

align-items: center;

overflow: hidden;

}



#curriculum .hauptitem svg{

width:95%;

}



.texticon{

border-radius: 50%;

display: flex;

}



.hauptitem .icon.aktiv, .texticon{

border:solid 0.1vw rgba(121,140,74,1);

background-color:white;

}





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

font-family:"Montserrat", sans-serif;

color: var(--normalschrift);

font-weight:normal;

}



h1{

font-family: "AncizarSans-Regular";

color: var(--h1farbe);

font-weight:100;

}



h2{

font-family:"Roboto";

color:var(--h2farbe);

}



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;

}



strong, b {

font-weight: bold;

}



.fuerbots{

display:none;

}



.neutrallink{

color: var(--grauschrift) !important;

}



.hauptseite {

clear: both;

}



#oberabstandbild{

width:100vw;

height:100vh;

position:relative;

overflow:hidden;

}



#oberbildcontainer{

position:absolute;

width:100%;

}



.ganzbildschirm{

width:100%;

}



.oberabstandsbild .ganzbildschirm{

width: 108%;

margin: -5vw 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;

}



.unsehbar{

display:none;

}



.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 0.1vw 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:var(--menuaktivscrollt);

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

display: block;

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

font-family:"AncizarSans-Thin";

}



.aktiv .hauptitem a{

color: var(--menuaktivbild);

}





.hauptitem:hover a{

color: var(--menubildhover) !important;

}





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

content: "";

display: block;

width: 80%;

height: 0.2vw;

background-color: var(--activhover);

border-radius: 0.1vw;

margin-top: 0.2em;

margin-left: 10%;

}*/







	  





.iconbildsfooternavi .svgicon .farbe{

fill:#FFFFFF;

}



.clearbox{

clear:both;

}



.versteckt{

display:none;

}



.neueseinfuegen{

width: 3vw;

display: block;

background: none;

border: none 0px;

color: inherit;

padding: 0;

font: inherit;

cursor: pointer;

outline: inherit;

height: 3vw;

margin-top: 2vw !important;

}



.unclickbar{

cursor:initial !important;

}



#webbern{

position: absolute;

bottom: -3vw;

left: 4vw;

}



.copy {

font-family: Roboto;

font-size: 1.2vw;

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

height:4.65vw;

}



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

}



#berstaetigungstext {

text-align: center;

}



#datenschutz{

display:none;

}



.statisch{

display:flex;

width:100vw;

flex-wrap: wrap;

}







.schiebform {

display: flex;

width: 100vw;

flex-wrap: nowrap;

overflow-x: scroll;

align-items:center;

}



.nachhaltikeitsicon.vordergrund {

fill: rgba(157, 172, 193, 0.66);

}



.nachhaltikeitsicon.hintergrund {

        fill: #dbdff1;

      }

      

.editiermodus .textboxtext div, .editiermodus .textboxtext p{

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

}

.pointer{

cursor: pointer;

}



.ten{

display:none;

}

.pluszeicheninnen{
fill: #fff;
}

.pluszeichenaussen{
fill: #65583f;
}