/*
textfarbe rgb(153,51,0);
font-family: Verdana, Arial, Helvetica, sans-serif;


Hintergrund reha menue background-color: rgb(247,227,188); vorher (heller)   Hintergrundfarbe menue balken oben background-color: rgb(255,250,240);
Schatten  box-shadow: 0 5px 0px 7px rgb(176,176,176);  zuvor (heller) box-shadow: 0 5px 0px 7px silver;


Hintergrundfarbe menue balken oben background-color Preavention:   background-color: rgb(238, 244, 237);

*/

.buttonD {
  background-color: orange;
  cursor: pointer;    border: 1px solid silver;
  background-color: #8888FF;
  color: dodgerblue;
  color: black;
}

.buttonD:hover {
    background-color: yellow;   color: dodgerblue;  background-color: magenta;      box-shadow: 5px 5px dodgerblue;
}



.buttonD2 {
  background-color: orange;
  cursor: pointer;    border: 1px solid silver;
  background-color: #8888FF;
  color: dodgerblue;
  color: black;
  box-shadow: 5px 5px dodgerblue;
}

.buttonD2:hover {
    background-color: yellow;   color: dodgerblue;  background-color: magenta;      box-shadow: 5px 5px dodgerblue;
}




a.tl_orange {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
}

a.tl_orange:visited {
  background-color: rgb(222,184,135); color: rgb(139,0,0); text-decoration:none;
}

a.tl_orange:link {
  background-color: rgb(30,144,255);  color: rgb(139,0,0); text-decoration:none;
}

a.tl_orange:hover {
  background-color: rgb(30,144,255);  color: rgb(139,0,0); text-decoration:none;
}

a.tl_orange:active {
  color: black; background-color: rgb(204,102,0);
}






#abc_ausw_an {
 float  :left;
 border :1px dotted #999;
 !width  :70%;
 padding:0.3em;
 background-color: rgb(245,245,220);
 !background-color: solid red;
 !-font-size: 1em;
 !display: block;
}


a.abc_1 {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
}

a.abc_1:visited {
  background-color: rgb(30,144,255); color: rgb(139,0,0); text-decoration:none;     color: #ffffff;
}

a.abc_1:link {
  background-color: rgb(30,144,255); color: rgb(139,0,0); text-decoration:none;     color: #ffffff;
}

a.abc_1:hover {
  background-color: rgb(30,144,255);  color: rgb(139,0,0); text-decoration:none;    color: #ffffff;
}

a.abc_1:active {
  color: black; background-color: rgb(30,144,255);   color: #ffffff;
}







a.abc_2 {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.abc_2:visited {
  color: black; background-color: rgb(245,245,245); text-decoration:none;
}

a.abc_2:link {
  color: black; background-color: rgb(245,245,245); text-decoration:none;
}

a.abc_2:hover {
  color: black; background-color: rgb(30,144,255); color: #ffffff; text-decoration:none;
}

a.abc_2:active {
  color: black; background-color: rgb(245,245,245);
}




a.abc_3 {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.abc_3:visited {
  color: black;  text-decoration:none;
}

a.abc_3:link {
  color: black;  text-decoration:none;
}

a.abc_3:hover {
  color: black; background-color:rgb(210,105,30); color: #ffffff; text-decoration:none;
}

a.abc_3:active {
  color: black;
}



#abc_liste_zeile {
 float  :left;
 border :1px dotted #999;
 width  :91%;
 padding:0.3em;
 !background-color: rgb(245,245,220);
 font-size: 1.3em;
 !display: block;
 cursor:pointer;
}





#abc_ausw_rahmen {
 float  :left;
 border :1px solid silver;
 !width  :70%;
 padding:0.3em;
 !background-color: rgb(245,245,220);
 !-font-size: 1em;
}

#abc_ausw {
 float  :left;
 border :1px dotted #999;
 !width  :50%;
 padding:0.3em;
 !background-color: rgb(245,245,220);
 !-font-size: 1em;
 !display: block;

}


#abc_ausw_an {
 float  :left;
 border :1px dotted #999;
 !width  :70%;
 padding:0.3em;
 background-color: rgb(245,245,220);
 !background-color: solid red;
 !-font-size: 1em;
 !display: block;
}




textarea {
  field-sizing: content;
  width: 500px;
  min-height: 50px;
}




input[type="file"] {
	display: block;
	margin: 1em;
	padding: 1em;
	border: thin dotted;
	background: rgb(240,255,255);
    width: 85%;
}



#drop_file_zone {
    background-color: #EEE;
    border: #999 2px dotted;
    width: 290px;
    height: 130px;
    padding: 8px;
    font-size: 13px;
}
#drag_upload_file {
  width:50%;
  margin:0 auto;
}
#drag_upload_file p {
  text-align: center;
}

#drag_upload_file #selectfile {
  display: none;
}

#menue_lt {
  widht: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 0px solid blue;
  padding-top: 0em;
}



#hinweis_u {
  widht: 60%;
  display: flex;
  align-items: left;
  justify-content: left;
  text-align: left;
  border: 0px solid blue;
  padding-top: 0em; padding-left: 1.8em;
}




#box_bea_klein_2 {
  !position: absolute;
  top:120px;
  left:1px;
  !color: black;
  margin: 0.8em;
  background-color: white;
  font-family: Muli, sans-serif;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.51em;
  display: inline-block;
  border: 1px solid blue;
  !border-left: 1px solid silver;
  !border-right: 1px solid silver;
  !border-bottom: 1px solid silver;
  !margin-bottom: 1em;

  !max-width: 95%;
  z-index:1;
  box-shadow: 10px 10px rgb(224,224,224);

  padding-right: 1em;
  padding-top: 1em;
  padding-left: 1em;
  padding-bottom: 1em;
}


#box_bea_klein {
  position: absolute;
  top:120px;
  left:1px;
  !color: black;
  margin: 0.8em;
  background-color: white;
  font-family: Muli, sans-serif;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.51em;

  border: 1px solid blue;
  !border-left: 1px solid silver;
  !border-right: 1px solid silver;
  !border-bottom: 1px solid silver;
  !margin-bottom: 1em;

  max-width: 95%;
  z-index:1;
  box-shadow: 10px 10px rgb(224,224,224);

  padding-right: 1em;
  padding-top: 1em;
  padding-left: 1em;
  padding-bottom: 1em;
}




#box_oben_re {
  position: fixed;
  top:0px;
  right:1px;
  !color: black;
  margin: 0.2em;
  background-color: black;
  font-family: Muli, sans-serif;
  font-size: 1.7em;
  border-bottom-left-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;

  !border: 1px solid blue;
  !border-left: 1px solid silver;
  !border-right: 1px solid silver;
  !border-bottom: 1px solid silver;
  !margin-bottom: 1em;

  max-width: 95%;
  z-index:1;
  !box-shadow: 10px 10px rgb(224,224,224);

  padding: 0.1em;
  !padding-top: 0.4em;
  !padding-left: 0.5em;
  !padding-bottom: 0.5em;
}




#box_suchen {
  position: fixed;
  top:5%;
  right:30%;
  !color: black;
  margin: 0.2em;
  background-color: white;
  font-family: Muli, sans-serif;
  font-size: 0.7em;
  border-bottom-left-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;

  !border: 1px solid blue;
  !border-left: 1px solid silver;
  !border-right: 1px solid silver;
  !border-bottom: 1px solid silver;
  !margin-bottom: 1em;

  max-width: 95%;
  z-index:1;
  box-shadow: 10px 10px rgb(224,224,224);

  padding: 0.1em;
  !padding-top: 0.4em;
  !padding-left: 0.5em;
  !padding-bottom: 0.5em;
}





#box_info {
  position: fixed;
  bottom:35px;
  left:5%;
  !color: black;
  margin: 0.2em;
  background-color: white;
  font-family: Muli, sans-serif;
  font-size: 3px;
  border-bottom-left-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;

  border: 1px solid blue;
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
  !margin-bottom: 1em;

  max-width: 95%;
  z-index:2;
  box-shadow: 10px 10px rgb(224,224,224);

  !padding: 1em;
  padding-top: 0.4em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 0.4em;
}



#box_admin {
  position: fixed;
  bottom:0px;
  right:1px;
  !color: black;
  margin: 0.2em;
  background-color: white;
  font-family: Muli, sans-serif;
  font-size: 0.7em;
  border-bottom-left-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;

  !border: 1px solid blue;
  !border-left: 1px solid silver;
  !border-right: 1px solid silver;
  !border-bottom: 1px solid silver;
  !margin-bottom: 1em;

  max-width: 95%;
  z-index:1;
  box-shadow: 10px 10px rgb(224,224,224);

  padding: 0.1em;
  !padding-top: 0.4em;
  !padding-left: 0.5em;
  !padding-bottom: 0.5em;
}














button.onclick = function() {
	window.scrollBy({ top: 300, left: 0, behavior: "smooth" });
}
button.onclick = function() {
	window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
}

const target = document.querySelectorAll('a[href^="#"]');
for (const item of target) {
	item.onclick = function (e) {
		const hash = this.getAttribute("href");
		const elem = document.getElementById(hash.replace("#",""));
		//history.pushState (null, null, hash);
		elem.scrollIntoView({ left: 0, block: 'start', behavior: 'smooth' });
		e.preventDefault();
	}
}

window.scroll({
	top: 2000,
	left: 200,
	behavior: 'smooth'
});



html {
	scroll-behavior: smooth;
}


svg {
  width: 100%;
  height: auto;
  }




#box_einstellungen_karte {
font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: black; font-size: 1.0em;
  position: fixed;
  top: 80px;
  right: 10px;
    border-radius: 0.3em;
    border:1px solid red;

  width: 30%;
  !height: 150px;
  !top: 50%;
  !left: 20%;

  padding: 1em;
  !margin-left:auto;
  !margin-right:auto;
  !text-align: left;
  !background-color: rgb(208,208,208);
  }








a.tl_menue_moccasin {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.tl_menue_moccasin:visited {
  grey: grey; background-color: moccasin; text-decoration:none;
}

a.tl_menue_moccasin:link {
  color: grey; background-color: moccasin; text-decoration:none;
}

a.tl_menue_moccasin:hover {
   background-color: rgb(244,164,96); color: white; text-decoration:none;
}

a.tl_menue_moccasin:active {
  color: grey; background-color: moccasin;
}











.S_1 {  font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: black; font-size: 1.0em;  }

textarea {
  field-sizing: content;
  width: 500px;
  min-height: 50px;
}




#box_text_li_2 {
  border: 0px solid #006600;         margin: 1em;
  width: 90%;
  !height: 150px;
  !top: 50%;
  !left: 20%;

  padding: 1em;
  margin-left:auto;
  margin-right:auto;
  text-align: left;
  background-color: rgb(208,208,208);
  }



.c_bild {
  width: 100%;
  height: auto;
  overflow: hidden;
}


a.anchorPos {
    display: block;
    position: relative;
    top: -180px;  //Die Verschiebung in Pixel
    visibility: hidden;
    scroll-behavior: smooth;
}


a.hp_aufzlink {
  !display: block;
  !padding: 0.2em;
  font-weight: light;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.99em;
  !background-color: rgb(245,245,245);
  color: black;
}

a.hp_aufzlink:visited {
    !color: rgb(153,51,0); background-color: ; text-decoration:none;
}


a.hp_aufzlink:link {
   !color: rgb(153,51,0);
   background-color: ; text-decoration:none;

}

a.hp_aufzlink:hover {
    !background-color:#727070;
    color: rgb(236,102,8);
    text-decoration:none;
}

a.hp_aufzlink:active {
     !color: rgb(00,00,00); background-color: gray;
}




.gravity {
    padding: 15px;
}

.gravity .input-wrap:not(:last-child) {
    margin-bottom: 15px;
}

.gravity .input-wrap .ajax-wrap {
    position: relative;
}

.gravity .input-wrap .ajax-wrap .address-ajax-results {
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #767676;
    background-color: #fff;
    width: 100%;
}

.gravity .input-wrap .ajax-wrap p.address-ajax-results {
    padding: 10px;
    font-weight: 700;
    margin: 0;
}

.gravity .input-wrap .ajax-wrap ul.address-ajax-results {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.gravity .input-wrap .ajax-wrap ul.address-ajax-results li:not(:last-child) {
    border-bottom: 1px solid #767676;
}

.gravity .input-wrap .ajax-wrap ul.address-ajax-results li button {
    padding: 5px 10px;
    display: block;
    width: 100%;
    text-align: left;
}

.gravity .input-wrap .ajax-wrap ul.address-ajax-results li button:hover {
    background-color: #eee;
}

.gravity .input-wrap.submit button {
    display: block;
    background-color: #69AFE5;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    width: 100%;
    font-weight: 700;
}

#project-label {
  display: block;
  font-weight: bold;
  margin-bottom: 1em;
}
#project-icon {
  float: left;
  height: 32px;
  width: 32px;
}
#project-description {
  margin: 0;
  padding: 0;
}


/*
bis hierher rüt verschiedene Tests
*/



table, th, td {
  !color: rgb(153,51,0);
  !border: thin solid gainsboro;
  font-family: Verdana;
}



#textfeld_area3 {
    width: 98%;
    font-size: 1.1em;
    padding: 4px;
    font-family: inherit;
    font-weight: lighter;
    border-radius: 0.3em;
    border:1px solid gray;
    outline: none;
    background-color: #fffff;
}


















iframe {
   margin: 0;
   padding: 0;
   border: none;
}


iframe {
	resize: both;
	max-height: 590px;
}



a.aufzlink {
  !display: block;
  !padding: 0.2em;
  font-weight: light;
  font-family: Muli;
  font-family: Montserrat, sans-serif;
  font-size: 0.99em;
  !background-color: rgb(245,245,245);
}

a.aufzlink:visited {
    color: rgb(00,00,00); background-color: ; text-decoration:none;
}


a.aufzlink:link {
   color: rgb(00,00,00); background-color: ; text-decoration:none;
}

a.aufzlink:hover {
     color: rgb(00,00,00); background-color:#727070; color: #ffffff; text-decoration:none;
}

a.aufzlink:active {
     color: rgb(00,00,00); background-color: gray;
}



.text_01 {
  font-family: Verdana;
  font-weight: normal;
  font-size: 1.0em;
  color: black;
  !color: rgb(153,51,0);
}

.text_02 {
  font-family: Verdana;
  font-weight: normal;
  font-size: 1.5em;
  color: rgb(153,51,0);
  color: black;
}


.text_03 {
  font-family: Verdana;
  font-weight: normal;
  font-size: 2.0em;
  color: rgb(153,51,0);
  color: black;
}



.ueberschrift_01 {
  font-family: Verdana;
  font-weight: normal;
  font-size: 2.5em;
  color: rgb(153,51,0);
  color: black;
}





input[type="submit"] {
   font-size: 1.1em; padding: 5px 12px;
   font-family: Roboto, sans-serif;
   font-weight: 300;
   color: rgb(139,69,19);
   border: 1px solid silver;
   background-image: linear-gradient(to top, gainsboro 0%, white 90%);
   border-radius: 5px;
  color: black;
}



#textfeld_3 {
    !width: 20%;
    font-size: 1.1em;
    padding: 4px;
    font-family: inherit;
    font-weight: lighter;
    border-radius: 0.3em;
    border:1px solid gray;
    outline: none;
    color: black;
}


#textfeld_4 {
    !width: 20%;
    font-size: 1.1em;
    padding: 4px;
    font-family: inherit;
    font-weight: lighter;
    border-radius: 0.3em;
    border:1px solid gray;
    outline: none;
    color: red;
}



#textfeld_area3 {
    width: 98%;
    font-size: 1.1em;
    padding: 4px;
    font-family: inherit;
    font-weight: lighter;
    border-radius: 0.3em;
    border:1px solid gray;
    outline: none;
    background-color: #fffff;
    color: black;
}


.butt onD { font-family: Arial, Helvetica, sans-serif; font-size: 4px;  font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #ffffff;
  background-color: rgb(154,205,50);



  !border-color: rgb(176,196,222);
  border-color: rgb(107,142,35);


  !box-shadow: 4px 4px rgb(224,224,224);
  border-bottom-left-radius: 0.4em;
  border-bottom-right-radius: 0.4em;
  border-top-left-radius: 0.4em;
  border-top-right-radius: 0.4em;
  color: green;
 }


.button_s { font-family: Arial, Helvetica, sans-serif; font-size: 4px;  font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #ffffff;
  background-color: rgb(154,205,50);
  !border-color: rgb(176,196,222);
  border-color: rgb(107,142,35);
  box-shadow: 4px 4px rgb(224,224,224);
  border-bottom-left-radius: 0.4em;
  border-bottom-right-radius: 0.4em;
  border-top-left-radius: 0.4em;
  border-top-right-radius: 0.4em;
  color: black;
 }


.button_rot { font-family: Arial, Helvetica, sans-serif; font-size: 14px;  font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: red;
  background-color: blue;
  !border-color: rgb(176,196,222);
  border-color: green;
  !box-shadow: 4px 4px rgb(224,224,224);
  border-bottom-left-radius: 0.4em;
  border-bottom-right-radius: 0.4em;
  border-top-left-radius: 0.4em;
  border-top-right-radius: 0.4em;
  color: red;
 }



h1 {
  color: rgb(88,68,70);
  font-size: 1.1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black;
}



p {
  color: black;
  font-size: 1.0em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}


li {
  !color: rgb(153,51,0);
  color: black;
  font-size: 1.0em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}


.tab1 {
 font-size: 1em;
}




#logo {
  position: fixed;
 margin-top : 0.5em;
 !float  :right;
 right: 16%;
 border :0px solid red;
 !!-font-size: 1em;
  z-index:20;
}



#text_box_50_reha {
  float: left;
  line-height: 1.5em;
  padding: 2em;
  border: 0px solid red;
  width: 44%;
}

#text_box_50_trena {
  float: left;
  line-height: 1.5em;
  padding: 2em;
  padding-bottom: 0em;
  border: 0px solid red;
  width: 44%;
}


#text_box_50_praev {
  float: left;
  line-height: 1.5em;
  padding: 2em;
  border: 0px solid red;
  width: 44%;
}







#text_box_100_reha {
  float: left;
  line-height: 1.5em;
  padding: 2em;
  border: 0px solid red;
  width: 95%;
  !letter-spacing: -2px;
  !line-height:1;
}

#text_box_100_trena {
  float: left;
  line-height: 1.5em;
  padding: 2em;
  border: 0px solid red;
  width: 95%;
}

#text_box_100_praev {
  float: left;
  line-height: 1.5em;
  padding: 2em;
  border: 0px solid red;
  width: 95%;
}







#text_box_100_z_reha {
  float: left;
  line-height: 1.5em;
  padding: 2em;
  border: 0px solid red;
  width: 95%;
  !letter-spacing: -2px;
  !line-height:1;
  text-align: center;
  color: black;
}

#text_box_100_z_trena {
  float: left;
  line-height: 1.5em;
  padding: 2em;
  border: 0px solid red;
  width: 95%;
}

#text_box_100_z_praev {
  float: left;
  line-height: 1.5em;
  padding: 2em;
  border: 0px solid red;
  width: 95%;
}








#mail_versendet {
  position: fixed;
  top: 50%;
  background-color: rgb(249,249,249);
  right:33%;
  line-height: 1.5em;
  padding: 2em;
  background-color: rgb(249,249,249);
  border: 2px solid sienna;
  width: 30%;
  !letter-spacing: -2px;
  !line-height:1;
  text-align: center;
  box-shadow: 0 15px 25px rgba(0,0,0,.6);
  z-index:100;
}


#box_team {
  position: fixed;
  bottom: 50px;
  background-color: rgb(249,249,249);
  right:30px;
  line-height: 1.5em;
  !padding: 2em;
  border: 2px solid sienna;
  !width: 95%;
  !letter-spacing: -2px;
  !line-height:1;
  text-align: center;
  box-shadow: 0px 0px 2px 3px rgb(176,176,176);
}






#text_box_100_einger {
  float: left;
  line-height: 1.5em;
  padding-left: 2.5em;
  border: 0px solid red;
  width: 95%;
}




#text_box_100_ueberschrift_reha {
  float: left;
  line-height: 1.5em;
  padding-left: 0.4em;
  padding-bottom: 0.0em;
  border: 0px solid red;
  width: 95%;
  color: rgb(80,68,70);
}

#text_box_100_ueberschrift_trena {
  float: left;
  line-height: 1.5em;
  padding-left: 0.4em;
  padding-bottom: 0.0em;
  border: 0px solid red;
  width: 95%;
  color: rgb(80,68,70);
}

#text_box_100_ueberschrift_praev {
  float: left;
  line-height: 1.5em;
  padding-left: 0.4em;
  padding-bottom: 0.0em;
  border: 0px solid red;
  width: 95%;
  color: rgb(80,68,70);
}






#text_box_trennlinie {
  float: left;
  line-height: 1.5em;
  margin-left: 0.4em;
  border: 0.1px dotted rgb(153,51,0);
  width: 98%;
}



#menue_oben {
  float: left;
  position: fixed;
  border: 1px solid red;
  !align: left;
  font-weight: normal;

  font-family: Verdana, Arial, Helvetica, sans-serif;
  top: 0.0%;
  left: 0.0%;
  !right: 1%;
  color: black;
  margin: 0.0em;
  width: 100%;
  z-index:10;
  height: 150px;

  box-shadow: 0 5px 0px 7px rgb(88, 68, 70);
  background-color: rgb(247,227,188);
}




#menue_unten_reha {
  float: left;
  position: fixed;
  !border: 1px solid red;
  !align: left;
  font-weight: normal;

  font-family: Verdana, Arial, Helvetica, sans-serif;
  bottom: 0.0%;
  left: 0.0%;
  !right: 1%;
  color: black;
  margin: 0.0em;
  width: 100%;
  z-index:10;
  height: 30px;

  box-shadow: 0 5px 0px 7px rgb(88, 68, 70);
  background-color: rgb(247,227,188);
}

#menue_unten_trena {
  float: left;
  position: fixed;
  !border: 1px solid red;
  !align: left;
  font-weight: normal;

  font-family: Verdana, Arial, Helvetica, sans-serif;
  bottom: 0.0%;
  left: 0.0%;
  !right: 1%;
  color: black;
  margin: 0.0em;
  width: 100%;
  z-index:10;
  height: 30px;
  box-shadow: 0 5px 0px 7px rgb(88, 68, 70);
  background-color: rgb(205, 225, 225);
}

#menue_unten_praev {
  float: left;
  position: fixed;
  !border: 1px solid red;
  !align: left;
  font-weight: normal;

  font-family: Verdana, Arial, Helvetica, sans-serif;
  bottom: 0.0%;
  left: 0.0%;
  !right: 1%;
  color: black;
  margin: 0.0em;
  width: 100%;
  z-index:10;
  height: 30px;
  box-shadow: 0 5px 0px 7px rgb(88, 68, 70);
  background-color: rgb(238, 244, 237);
}






#menue_unten_re_reha {
  float: left;
  !position: relative;
  border: 0px solid red;
  width: 20%;
  height: 20px;
  !background-color: blue;
}

#menue_unten_re_trena {
  float: left;
  !position: relative;
  border: 0px solid red;
  width: 20%;
  height: 20px;
  background-color: rgb(205, 225, 225);
}

#menue_unten_re_praev {
  float: left;
  !position: relative;
  border: 0px solid red;
  width: 20%;
  height: 20px;
  background-color: rgb(238, 244, 237);
}








#menue_unten_li_reha {
  float: left;
  !position: relative;
  border: 0px solid red;
  width: 20%;
  height: 20px;
}

#menue_unten_li_trena {
  float: left;
  !position: relative;
  border: 0px solid red;
  width: 20%;
  height: 20px;
  background-color: rgb(205, 225, 225);
}

#menue_unten_li_praev {
  float: left;
  !position: relative;
  border: 0px solid red;
  width: 20%;
  height: 20px;
  background-color: rgb(238, 244, 237);
}






#schalter_div {
 float  :left;
 !border :1px solid yellow;
 text-align: left;
 padding-right: 1.5em;
 padding-left: 1.5em;
 margin: 0.2em;

}


#doCollapse {
   border-collapse: collapse;
}





#menue_0_reha {
  position: fixed;
  !border: 2px solid red;
  !align: left;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  top: 0.0%;
  left: 0.0%;
  !right: 1%;
  color: black;
  z-index:20;
  height: 130px;
  top: 0px;
  left: 0%;
  width: 100%;
  box-shadow: 0px 5px 0px -2px rgb(88, 68, 70);
  background-color: rgb(247,227,188);
}

#menue_0_trena {
  position: fixed;
  !border: 2px solid red;
  !align: left;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  top: 0.0%;
  left: 0.0%;
  !right: 1%;
  color: black;
  z-index:20;
  height: 130px;
  top: 0px;
  left: 0%;
  width: 100%;
  box-shadow: 0px 5px 0px -3px rgb(80, 68, 70);
  background-color: rgb(205, 225, 225);
}

#menue_0_praev {
  position: fixed;
  !border: 2px solid red;
  !align: left;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  top: 0.0%;
  left: 0.0%;
  !right: 1%;
  color: black;
  z-index:20;
  height: 130px;
  top: 0px;
  left: 0%;
  width: 100%;
  box-shadow: 0px 5px 0px -3px rgb(80, 68, 70);
  background-color: rgb(238, 244, 237);
}













#menue_rahmen_reha {
  position: fixed;
  border: 0px solid red;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  top: 0.0%;
  left: 0.0%;
  color: black;
  z-index:20;
  top: 93px;
  left: 15%;
  width: 69.2%;
  !box-shadow: 0px 5px 0px -2px silver;
  background-color: rgb(247,227,188);
}

#menue_rahmen_trena {
  position: fixed;
  border: 0px solid red;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  top: 0.0%;
  left: 0.0%;
  color: black;
  z-index:20;
  top: 93px;
  left: 15%;
  width: 69.2%;
  !box-shadow: 0px 5px 0px -2px silver;
  background-color: rgb(205, 225, 225);
}

#menue_rahmen_praev {
  position: fixed;
  border: 0px solid red;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  top: 0.0%;
  left: 0.0%;
  color: black;
  z-index:20;
  top: 93px;
  left: 15%;
  width: 69.2%;
  !box-shadow: 0px 5px 0px -2px silver;
  background-color: rgb(238, 244, 237);
}









#menue_1_reha {
  float: left;
  font-weight: normal;
  border: 0px solid red;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  z-index:120;
  width: 99%;
  background-color: rgb(247,227,188);
  !box-shadow: 0px 5px 0px -2px silver;
}

#menue_1_trena {
  float: left;
  font-weight: normal;
  border: 0px solid red;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  z-index:20;
  width: 99%;
  background-color: rgb(205, 225, 225);
}

#menue_1_praev {
  float: left;
  font-weight: normal;
  border: 0px solid red;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  z-index:20;
  width: 99%;
  background-color: rgb(238, 244, 237);
}







#menue_2_reha {
  float: left;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  z-index:20;
  background-color: rgb(247,227,188);
  width: 100%;
  box-shadow: 0px 5px 0px -2px rgb(88, 68, 70);
}

#menue_2_trena {
  float: left;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  z-index:20;
  background-color: rgb(205, 225, 225);
  width: 100%;
  box-shadow: 0px 5px 0px -2px rgb(80,68,70);
}

#menue_2_praev {
  float: left;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  z-index:20;
  background-color: rgb(238, 244, 237);
  width: 100%;
  box-shadow: 0px 5px 0px -2px rgb(80,68,70);
}






#menue_mitte {
  float: left;
  !position: relative;
  border: 1px solid red;
  width: 60%;
  z-index:1;
  height: 20px;
  !background-color: blue;
}





#menue_mitte_unten {
  float: left;
  !position: relative;
  border: 0px solid red;
  width: 60%;
  z-index:1;
  height: 20px;
  !background-color: blue;
}



#menue_oben_re {
  float: left;
  !position: relative;
  border: 0px solid red;
  width: 20%;
  height: 20px;
  !background-color: blue;
}




#menue_oben_li {
  float: left;
  !position: relative;
  border: 0px solid red;
  width: 20%;
  height: 20px;
}




#master {
  !float: left;
  position: absolute;
  border: 0px solid blue;
  font-weight: normal;
  left: 0px;

  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black;
  margin-top: 25px;
  width: 100%;
  z-index:1;
}




#inhalt_re {
  float: left;
  !position: relative;
  border: 0px solid red;
  width: 15%;
  height: 20px;
  !background-color: blue;
}




#inhalt_li {
  float: left;
  !position: relative;
  border: 0px solid green;
  width: 15%;
  height: 20px;
}






#inhalt_abstand {
  float: left;   position: relative;
  height: 25px;      !width: 145%;
  border: 0px solid red;
    display: block;
}




#menue_lt {
  float: left;
  position: relative;
  border: 0px solid rgb(222,184,135);
  !align: left;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  !font-size: 0.5em;
  top: 0px;
  left: 1%;
  !right: 1%;
  color: black;
  margin: 0.0em;
  width: 69%;
  !height: 7200px;
  z-index:1;
  transition-property: width, height;
  transition-duration: 2s;
  transition-timing-function: ease;
  transition-delay: 0s, 2s;
  margin-bottom: 10px;

}


#inhalt_mitte {
  float: left;
  position: relative;
  border: 0.5px solid silver;
  !align: left;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  !font-size: 0.5em;
  top: 1%;
  left: 1%;
  !right: 1%;
  color: black;
  margin: 0.0em;
  width: 69%;
  !height: 7200px;
  z-index:1;
  transition-property: width, height;
  transition-duration: 2s;
  transition-timing-function: ease;
  transition-delay: 0s, 2s;
  margin-bottom: 5%;
  
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.51em;

  border: 1px solid blue;
  box-shadow: 10px 10px rgb(224,224,224);
  padding: 10px;
}


#inhalt_reha {
  float: left;
  !position: relative;
  border: 0.5px solid rgb(222,184,135);
  !align: left;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  !font-size: 0.5em;
  top: 1%;
  left: 1%;
  !right: 1%;
  color: black;
  margin: 0.0em;
  width: 69%;
  !height: 7200px;
  z-index:1;
  transition-property: width, height;
  transition-duration: 2s;
  transition-timing-function: ease;
  transition-delay: 0s, 2s;
  margin-bottom: 5%;

}

#inhalt_trena {
  float: left;
  !position: relative;
  border: 0.5px solid rgb(80,68,70);
;
  !align: left;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  !font-size: 0.5em;
  top: 1%;
  left: 1%;
  !right: 1%;
  color: black;
  margin: 0.0em;
  width: 69%;
  !height: 7200px;
  z-index:1;
  transition-property: width, height;
  transition-duration: 2s;
  transition-timing-function: ease;
  transition-delay: 0s, 2s;
  margin-bottom: 5%;
}

#inhalt_praev {
  float: left;
  !position: relative;
  border: 0.5px solid rgb(80,68,70);
;
  !align: left;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  !font-size: 0.5em;
  top: 1%;
  left: 1%;
  !right: 1%;
  color: black;
  margin: 0.0em;
  width: 69%;
  !height: 7200px;
  z-index:1;
  transition-property: width, height;
  transition-duration: 2s;
  transition-timing-function: ease;
  transition-delay: 0s, 2s;
  margin-bottom: 5%;
}



#float_left { float: left; }
#float_right { float: right; }
#clear_left { clear: left; }
#clear_right { clear: right; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


#menue_schalter_z {
 left: 1%;
 !text-align: center;
 position: absolute;
 bottom: 0px;
 margin-top : 0.5em;
 float  :left;
 border :1px solid blue;
 !!-font-size: 1em;
 width: 69%;
}




#menue_schalter {
 position: absolute;
 !bottom: 0px;
 margin-top : 0.5em;
 float  :left;
 border :1px solid blue;
 !!-font-size: 1em;
}





.schalter_2 {
    float  :left;
    !width: 5em;
	padding-right: 0.5em;
	position: relative;
	margin-left: 0em;
	margin-right: 1em;
}

.schalter_2 a {
	!color: hsl(20 80% 40%);
}

.schalter_2 a:focus,
.schalter_2 a:hover {
	color: rgb(160,82,45);
	!background: rgb(255,228,181);
}

.schalter_2 a::before,
.schalter_2 a::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.schalter_2 a::before {
	!border: thin solid;
	!background: inherit;
	z-index: -1;
}

.schalter_2 :last-child {
	margin-bottom: 0;
}



.schalter {
    float  :left;
    !width: 5em;
	padding: 0.5em;
	position: relative;
	margin-left: 1em;
	margin-right: 1em;
}

.schalter a {
	!color: hsl(20 80% 40%);
}

.schalter a:focus,
.schalter a:hover {
	color: rgb(160,82,45);
	!background: rgb(255,228,181);
}

.schalter a::before,
.schalter a::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.schalter a::before {
	!border: thin solid;
	!background: inherit;
	z-index: -1;
}

.schalter :last-child {
	margin-bottom: 0;
}







.schalter_aktiv {
    float  :left;
    !width: 5em;
	padding: 0.5em;
	position: relative;
	margin-left: 1em;
	margin-right: 1em;

}

.schalter_aktiv a {
	!color: hsl(20 80% 40%);
}

.schalter_aktiv a:focus,
.schalter_aktiv a:hover {
	color: rgb(160,82,45);
	background: inherit;
}

.schalter_aktiv a::before,
.schalter_aktiv a::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.schalter_aktiv a::before {
	!border: thin solid;
	background: inherit;
	z-index: -1;
}

.schalter_aktiv :last-child {
	margin-bottom: 0;
}











a.link_menue_aktiv_reha {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: rgb(236,102,8);
}

a.link_menue_aktiv_reha:visited {
  color: rgb(236,102,8);
  text-decoration:none;
}

a.link_menue_aktiv_reha:link {
  color: rgb(160,82,45); text-decoration:none;
}

a.link_menue_aktiv_reha:hover {
  color: rgb(236,102,8);
  text-decoration:none;
}

a.link_menue_aktiv_reha:active {
  color: black; background-color: gray;
}



a.link_menue_aktiv_trena{
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: rgb(130,180,182);
}

a.link_menue_aktiv_trena:visited {
  text-decoration:none;
  color: rgb(130,180,182);
}

a.link_menue_aktiv_trena:link {
  color: rgb(white); text-decoration:none;
}

a.link_menue_aktiv_trena:hover {
  color: rgb(130,180,182);
  text-decoration:none;
}

a.link_menue_aktiv_trena:active {
  color: black; background-color: gray;
}




a.link_menue_aktiv_praev{
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.link_menue_aktiv_praev:visited {
  color: rgb( 108, 135, 104); text-decoration:none;
}

a.link_menue_aktiv_praev:link {
  color: rgb( 108, 135, 104); text-decoration:none;
}

a.link_menue_aktiv_praev:hover {
  color: rgb( 108, 135, 104); text-decoration:none;
}

a.link_menue_aktiv_praev:active {
  color: black; background-color: gray;
}






a.link_text_reha {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black;
}

a.link_text_reha:visited {
  color: rgb(153,51,0); background-color: rgb(255,235,205); !text-decoration:none;
  color: black;
}

a.link_text_reha:link {
  color: rgb(160,82,45); !text-decoration:none;
  color: black;
}

a.link_text_reha:hover {
  color: grey; !text-decoration:none;
}

a.link_text_reha:active {
  color: black; background-color: gray;
}








a.link_menue_reha {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black;
}

a.link_menue_reha:visited {
  color: rgb(153,51,0); background-color: rgb(255,235,205); text-decoration:none;
    color: black;
}

a.link_menue_reha:link {
  color: rgb(160,82,45); text-decoration:none;
}

a.link_menue_reha:hover {
  color: rgb(236,102,8);
  text-decoration:none;
}

a.link_menue_reha:active {
  color: black; background-color: gray;
}



a.link_menue_trena {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.link_menue_trena:visited {
  color: rgb(88, 68, 70); background-color: rgb(255,235,205); text-decoration:none;
}

a.link_menue_trena:link {
  color: rgb(88, 68, 70); text-decoration:none;
}

a.link_menue_trena:hover {
    color: rgb(130,180,182);
    text-decoration:none;
}

a.link_menue_trena:active {
  color: black; background-color: gray;
}

a.link_menue_praev {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.link_menue_praev:visited {
  color: rgb(88, 68, 70); background-color: rgb(255,235,205); text-decoration:none;
}

a.link_menue_praev:link {
  color: rgb(88, 68, 70); text-decoration:none;
}

a.link_menue_praev:hover {
  color: black; text-decoration:none;
}

a.link_menue_praev:active {
  color: black; background-color: gray;
}






x {
  font-family: Verdana;
  font-weight: normal;
  font-size: 0.7em;
  color: blue; background-color: rgb(255,255,204);
}




.back-to-top {
  background: rgb(255,250,240);
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 1em;
  z-index: 100;
  text-align: center;
  padding: 1%;
  border :1px solid silver;
  z-index: 35;
  right: 1%;
  width: 3%;
  background-color: rgb(247,227,188);
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}



img {

    animation: einblenden 1.0s;
    -moz-animation: einblenden 1.0s; /* Für Firefox */
    -webkit-animation: einblenden 1.0s; /* Für Safari und Chrome */
    -o-animation: einblenden 1.0s; /* Für Opera */
}

p {

    animation: einblenden 1.5s;
    -moz-animation: einblenden 1.5s; /* Für Firefox */
    -webkit-animation: einblenden 1.5s; /* Für Safari und Chrome */
    -o-animation: einblenden 1.5s; /* Für Opera */
}

h1 {
  color: rgb(88,68,70);
    animation: einblenden 1.5s;
    -moz-animation: einblenden 1.5s; /* Für Firefox */
    -webkit-animation: einblenden 1.5s; /* Für Safari und Chrome */
    -o-animation: einblenden 1.5s; /* Für Opera */
}

@keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}

@-moz-keyframes einblenden { /* Für Firefox */
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes einblenden { /* Für Safari und Chrome */
    from { opacity:0; }
    to { opacity:1; }
}

@-o-keyframes einblenden { /* Für Opera */
    from { opacity:0; }
    to { opacity:1; }
}


      #test {
       position: absolute;
       margin-top : 3%;
       padding: 2%;
       border :5px solid silver;
       z-index: 35;
       right: 2%;
       width: 60%;
       background-color: rgb(247,227,188);
       border-bottom-left-radius: 1.5em;
       border-bottom-right-radius: 1.5em;
       border-top-left-radius: 1.5em;
       border-top-right-radius: 1.5em;
       box-shadow: 0 15px 15px 0px silver;
      }



      #button {
          background: #06f;
          color: white;
          width: 300px;
          padding: 10px;
      }

      #content {
          display: none;
          width: 300px;
          color: #333;
      }

@media only screen and (max-width: 1024px) {


    #inhalt_abstand     {     display:none;    }
    #menue_rahmen       {     display:none;    }
    #inhalt_re          {     display:none;    }
    #inhalt_li          {    display:none;     }
    #logo               {    display:none;     }
    #menue_unten        {    display:none;     }



          .back-to-top {
            background: rgb(255,250,240);
            position: fixed;
            top: 200px;
            right: 200px;
            padding: 1em;
            z-index: 100;
            text-align: center;
            padding: 1%;
            border :5px solid silver;
            z-index: 135;
            right: 1%;
            width: 100%;
            background-color: rgb(247,227,188);
            border-bottom-left-radius: 0.5em;
            border-bottom-right-radius: 0.5em;
            border-top-left-radius: 0.5em;
            border-top-right-radius: 0.5em;
          }




      #menue_1media {
       position: absolute;
       margin-top : 3%;
       padding: 2%;
       border :5px solid silver;
       z-index: 35;
       right: 2%;
       width: 60%;
       background-color: rgb(247,227,188);
       border-bottom-left-radius: 1.5em;
       border-bottom-right-radius: 1.5em;
       border-top-left-radius: 1.5em;
       border-top-right-radius: 1.5em;
       box-shadow: 0 15px 15px 0px silver;
      }



      #menue_media_schalter {
       position: absolute;
       margin-top : 1%;
       text-align: center;
       padding: 1%;
       border :5px solid silver;
       z-index: 35;
       right: 1%;
       width: 15%;
       background-color: rgb(247,227,188);
       border-bottom-left-radius: 1.5em;
       border-bottom-right-radius: 1.5em;
       border-top-left-radius: 1.5em;
       border-top-right-radius: 1.5em;

      }



      #menue_media_1 {
       float: left;
       margin-top : 0.5em;
       padding-left: 0.7em;
       padding-right: 0.7em;
       border :0px solid green;
       margin-right : 1.0em;
       z-index:25;
       right: 2%;
       width: 89%;
       background-color: rgb(247,247,247);
      }



      #menue_media_1_2 {
       float: right;
       margin-top : 0.5em;
       margin-right : 0.4em;
       padding-left: 0.7em;
       border :0px solid green;
       z-index:25;
       right: 0%;
       width: 84%;
       background-color: rgb(239,239,239);
ÿ   ?}




      a.link_menue_mobile_1 {
        !display: block;
        !padding: 0.2em;
        font-weight: normal;
        font-size: 2.3em;
        font-family: Verdana, Arial, Helvetica, sans-serif;
      }

      a.link_menue_mobile_1:visited {
        color: rgb(153,51,0); background-color: rgb(255,235,205); text-decoration:none;
      }

      a.link_menue_mobile_1:link {
        color: rgb(160,82,45); text-decoration:none;
      }

      a.link_menue_mobile_1:hover {
        color: grey; text-decoration:none;
      }

      a.link_menue_mobile_1:active {
        color: black; background-color: gray;
      }


      #menue_media {
       position: fixed;
       margin-top : 0.5em;
       border :1px solid red;
       z-index:20;
       right: 2%;
      }


      #logo_media {
       position: fixed;
       margin-top : 0.5em;
       border :0px solid red;
       z-index:20;
       left: 2%;
      }

     #menue_media {
      border: 0px solid red;
      position: fixed;
      top: 0px;
      right: 2%;
      width: 10%;
ÿ   ?


     #inhalt {
      float: left;
      !position: relative;
      border: 0.5px solid rgb(222,184,135);
      !align: left;
      font-weight: normal;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      top: 1%;
      left: 1%;
      !right: 1%;
      color: black;
      margin: 0.0em;
      width: 100%;
      !height: 7200px;
      z-index:1;
      transition-property: width, height;
      transition-duration: 2s;
      transition-timing-function: ease;
      transition-delay: 0s, 2s;
    }




    #menue_0 {
      position: fixed;
      !border: 2px solid red;
      !align: left;
      font-weight: normal;

      font-family: Verdana, Arial, Helvetica, sans-serif;
      top: 0.0%;
      left: 0.0%;
      !right: 1%;
      color: black;
      z-index:20;
      height: 80px;
      top: 0px;
      left: 0%;
      width: 100%;
      box-shadow: 0px 5px 0px -2px rgb(220,220,220);;
      background-color: rgb(247,227,188);
      !background-color: rgb(255,250,250);
    }

    #master {
      !float: left;
      position: absolute;
      border: 0px solid blue;
      font-weight: normal;
      left: 0px;

      font-family: Verdana, Arial, Helvetica, sans-serif;
      color: black;
      margin-top: 74px;
      width: 100%;
      z-index:1;
    }





    h1 {
      !color: rgb(88,68,70);
      !font-size: 1.1em;
      font-size: 1.9em;
      font-family: Verdana, Arial, Helvetica, sans-serif;
    }



    p {
      !color: rgb(153,51,0);
      !font-size: 1.0em;
      font-size: 1.8em;
      font-family: Verdana, Arial, Helvetica, sans-serif;
    }


    li {
      !color: rgb(153,51,0);
      !font-size: 1.0em;
      font-size: 1.8em;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      color: black;
    }



    a.link_menue_aktiv {
      !display: block;
      !padding: 0.2em;
      font-weight: normal;
      font-size: 1.8em;
      font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    a.link_menue {
      !display: block;
      !padding: 0.2em;
      font-weight: normal;
      font-size: 1.8em;
      font-family: Verdana, Arial, Helvetica, sans-serif;
    }



    #text_box_50 {
      float: left;
      line-height: 2.1em;
      padding: 2em;
      border: 0px solid red;
      width: 44%;
    }



    #text_box_100 {
      float: left;
      line-height: 2.1em;
      padding: 2em;
      border: 0px solid red;
      width: 95%;
    }

    #schalter_div {
     float  :left;
     !border :1px solid yellow;
     text-align: left;
     font-size: 1.5em;
     padding-right: 1.5em;
     padding-left: 1.5em;
     margin: 0.2em;
    }



    #text_box_50 {
      float: left;
      line-height: 2.1em;
      padding: 2em;
      border: 0px solid red;
      width: 95%;
    }



}


.slider-container {
      height: 100%;
      width: 100%;
      position: relative;
      overflow: hidden;
      text-align: center;
      }
      .menu {
      position: absolute;
      left: 0;
      z-index: 900;
      width: 100%;
      bottom: 0;
      }
      .menu label {
      cursor: pointer;
      display: inline-block;
      width: 16px;
      height: 16px;
      background: #fff;
      border-radius: 50px;
      margin: 0 0.2em 1em;
      }
      .menu label:hover,.menu label:focus {
      background: #1c87c9;
      }
      .slide {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 100%;
      z-index: 10;
      padding: 8em 1em 0;
      background-size: cover;
      background-position: 50% 50%;
      transition: left 0s 0.75s;
      }
      [id^="slide"]:checked + .slide {
      left: 0;
      z-index: 100;
      transition: left 0.65s ease-out;
      }
      .slide-1 {
      background-image: url("./hp_seiten/dateien/1648897670/slider-kursraum.jpg");
      }
      .slide-2 {
      background-image: url("./hp_seiten/dateien/1648897670/slider-kursraum.jpg");
      }
      .slide-3 {
      background-image: url("./hp_seiten/dateien/1648897670/slider-kursraum.jpg");
      }
    </style>






















p.absatz1 {
    animation: einblenden 0.5s;
    -moz-animation: einblenden 1.5s; /* Für Firefox */
    -webkit-animation: einblenden 1.5s; /* Für Safari und Chrome */
    -o-animation: einblenden 1.5s; /* Für Opera */
}



@keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}

@-moz-keyframes einblenden { /* Für Firefox */
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes einblenden { /* Für Safari und Chrome */
    from { opacity:0; }
    to { opacity:1; }
}

@-o-keyframes einblenden { /* Für Opera */
    from { opacity:0; }
    to { opacity:1; }
}



.gallery {
	position: relative;
	margin: 0;
	background: none;
	border: none;
    !width: 80%;
}

.gallery figure {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 2em;
	z-index: 1;
	animation: wechseln 15s infinite;
}

.gallery figure:last-of-type {
	position: relative;
}

.gallery > figure figcaption {
	position: absolute;
	left: 1em;
	font-size: 2em;
	font-weight: bold;
	bottom: 0.5em;
	z-index: 2;
	color: white;
}

@keyframes wechseln {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

.gallery figure:nth-of-type(2) {
	animation-delay: 5s;
	opacity: 0;
}

.gallery figure:nth-of-type(3) {
	animation-delay: 10s;
	opacity: 0;
}

.smooth-scroll-area {
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	.smooth-scroll-area {
		scroll-behavior: auto;
	}
}


.scroll {
	overflow-x: auto;
	white-space: pre;
	overscroll-behavior: contain;
}



html, body {
    scroll-behavior: smooth;
}

_body {
  background-color: rgb(112, 224, 108);
}