@charset "utf-8";
/* CSS Document */


body { font-family: 'Heebo', sans-serif; font-size: 16px; text-align:left; line-height: 1.5; color: #474e54; background-color:#47b3d0; background-image:url(../bilder/eva-background.jpg); background-position:center; background-position:top; background-repeat: no-repeat; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px;  -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}
@media only screen and (max-width:1200px) {body {font-size: 38px; background-color:#FFF; background-image:none; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; }}	
@media only screen and (max-width:1080px) {body {font-family: 'Heebo', sans-serif; font-size: 38px; text-align:left; line-height: 1.5; color: #474e54; background-color:#FFF; background-image:none; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; min-width:1024px; }}	

/* Following fonts (Radio Canada) are licensed under the OPEN FONT LICENSE (OFL): https://eva-heidenheim.de/eva-hdh/fonts/OFL.txt  
   Designed by Oded Ezer   */

/* heebo-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/heebo-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/heebo-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/heebo-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/heebo-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/heebo-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/heebo-v21-latin-300.svg#Heebo') format('svg'); /* Legacy iOS */
}

/* heebo-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/heebo-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/heebo-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/heebo-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/heebo-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/heebo-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/heebo-v21-latin-regular.svg#Heebo') format('svg'); /* Legacy iOS */
}

/* heebo-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/heebo-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/heebo-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/heebo-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/heebo-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/heebo-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/heebo-v21-latin-600.svg#Heebo') format('svg'); /* Legacy iOS */
}

/* heebo-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/heebo-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/heebo-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/heebo-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/heebo-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/heebo-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/heebo-v21-latin-700.svg#Heebo') format('svg'); /* Legacy iOS */
}


h1 {font-size: 1.5em;}
p {font-size: 1.0em;}

.h1 {font-family: 'Heebo', sans-serif; font-weight:bold; color: #9ab805; text-align:left; line-height: 1.0;}
.h2 {font-family: 'Heebo', sans-serif; font-size: 1.0em; font-weight:bold; color: #9ab805; text-align:left; line-height: 1.3;}
.h3 {font-family: 'Heebo', sans-serif; font-size: 1.3em; font-weight:bold; color: #9ab805; text-align:left; line-height: 1.3;}
.p {font-family: 'Heebo', sans-serif;  font-size: 1.0em; color: #474e54; text-align:left; line-height: 1.5;}
.p1 {font-family: 'Heebo', sans-serif; font-weight:bold; font-size: 1.0em; color: #474e54; text-align:left; line-height: 1.5;}
.p2 {font-family: 'Heebo', sans-serif; font-size: 0.8em; color: #fff; text-align:left; line-height: 1.3; }
.p3 {font-family: 'Heebo', sans-serif; font-size: 0.8em; color: #474e54; text-align:left; line-height: 1.3; }
.p4 {font-family: 'Heebo', sans-serif;  font-size: 0.9em; color: #9ab805; text-align:left; line-height: 1.5;}

@media only screen and (max-width:1200px) {
.h1 {color: #9ab805;}
.h2 {font-size: 1.2em;}
.h3 {font-size: 1.3em;}
.p {font-size: 1.0em;}
.p1 {font-size: 1.0em;}
.p2 {font-size: 1.0em;}
.p3 {font-size: 1.0em;}
.p4 {font-size: 1.0em;}}	

@media only screen and (max-width:1080px) {
.h1 {color: #9ab805;}
.h2 {font-size: 1.2em;}
.h3 {font-size: 1.3em;}
.p {font-size: 1.0em;}
.p1 {font-size: 1.0em;}
.p2 {font-size: 1.0em;}
.p3 {font-size: 1.0em;}
.p4 {font-size: 1.0em;}}	

strong { font-weight:600;}


.wrapper {width:1200px; background-color:#FFF; box-shadow: 0px 260px 15px #999; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; -webkit-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none; }
@media only screen and (max-width:1200px) {.wrapper {width:100%; background-color:#FFF; box-shadow: 0px 260px 15px #CCC; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; -webkit-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none; }}	
@media only screen and (max-width:1080px) {.wrapper { width:100%; background-color:#FFF; box-shadow: 0px 0px 0px ; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; background-image:none; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; -webkit-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none;}}	

a:link {text-decoration: none; color: #8aa506;} a:visited {	text-decoration: none; color: #8aa506;} a:hover {text-decoration: none; background-color:#0e4879; color:#FFF;} a:active {text-decoration: none; background-color:#0e4879; color:#FFF;}

#sprung {width:auto; height:auto; visibility: visible; display: block;}
.sprung {width:auto; height:auto; padding-left:0px; padding-right:0px; font-size: 1em; line-height:1.0; background-color:transparent; position:absolute; left:-500px;}
a.sprung:link {width:auto; height:auto; top:0px; }
a.sprung:focus { min-width:300px; color:#FFF; background-color:#0e4879; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:10px; font-size: 1em; line-height:1.0; position:absolute; z-index:990; top:0px; left:20px; }

#sprung-pc {width:auto; height:auto; visibility: visible; display: block;}
.sprung-pc {width:auto; height:auto; padding-left:0px; padding-right:0px; font-size: 1em; line-height:1.0; background-color:transparent; position:absolute; left:-500px;}
a.sprung-pc:link {width:auto; height:auto; top:0px; }
a.sprung-pc:focus { min-width:300px; color:#FFF; background-color:#0e4879; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:10px; font-size: 1em; line-height:1.0; position:absolute; z-index:990; top:0px; left:20px; }

@media only screen and (max-width:1200px) {
#sprung-pc {width:0px; height:0px; visibility:hidden; display:none;}
}	
header { height:auto; width:1200px; margin-left:auto; margin-right:auto; background-color:#FFF; box-shadow: 0px 260px 15px #999; margin-top:0px; margin-bottom:0px; background-image:url(../bilder/pics/eva-bg2.jpg); background-position:center; background-position:top; background-repeat:no-repeat;}
@media only screen and (max-width:1200px) {header {width:100%; background-image:none; margin:0px; padding:0px;}}
@media only screen and (max-width:1080px) {header {width:100%; background-image:none;}}

#header-eva-banner {width:1024px; height:290px; margin-left:auto; margin-right:auto; line-height: 0.0; }
.header-eva-banner { margin:0px; padding:0px; border:0px; line-height:0.0; width:1024px; height:auto; }
@media only screen and (max-width:1200px) {#header-eva-banner {width:100%; height:290px; margin-left:auto; margin-right:auto; line-height: 0.0; text-align:right; }
.header-eva-banner { margin-left:auto; margin-right:0px; padding:0px; border:0px; line-height:0.0; width:100%; height:auto; }}
	
#logo {width:363px; height:182px; float:left; margin-left:48px; margin-top:0px; position:absolute; z-index:200; }
.logo {width:363px; height:auto;}
a.logo:hover {text-decoration: none; background-color: transparent;}
a.logo:activ {text-decoration: none; background-color: transparent;}
@media only screen and (max-width:1200px) {#logo {width:363px; height:182px; float:left; margin-left:35px; margin-top:0px; position:absolute; z-index:200; } }

#kinder-und-jugendhilfe {width:0px; height:0px; visibility:hidden;  }
.kinder-und-jugendhilfe {width:0px; height:0px; visibility:hidden; }
@media only screen and (max-width:1200px) {#kinder-und-jugendhilfe { visibility:visible; width:500px; height:120px; margin-right:0px; line-height: 0.0; float:right; right:10px; text-align:right; }
.kinder-und-jugendhilfe { visibility:visible; width:100px; height:auto; margin-top:20px; }}	

.kinder-und-jugendhilfe-lupe {text-decoration: none; list-style:none; color:#FFF; border-radius:2%; padding:5px; line-height:1.8; } a.kinder-und-jugendhilfe-lupe:link {text-decoration: none;  color:#FFF; } a.kinder-und-jugendhilfe-lupe:visited {	text-decoration: none;  color:#FFF; } a.kinder-und-jugendhilfe-lupe:hover {text-decoration: none; background-color:#0e4879; color:#FFF; } a.kinder-und-jugendhilfe-lupe:active {text-decoration: none; } a.kinder-und-jugendhilfe-lupe:focus { background-color:#0e4879; color:#FFF;}

.leitlinien-bild { width:80%; padding-right:20%; height:auto; }
@media only screen and (max-width:1200px) {.leitlinien-bild { width:100%; padding-right:0%; height:auto; }}	

.auge { width:20px; height:auto; }
@media only screen and (max-width:1200px) {.auge { width:60px; height:auto; }}	

.gefoerdert { width:40%; height:auto; }
@media only screen and (max-width:1200px) {.gefoerdert { width:50%; height:auto; }}
.gefoerdert- { width:100%; height:auto; }
@media only screen and (max-width:1200px) {.gefoerdert- { width:95%; height:auto; }}

#eva-heidenheim {width:1024px; margin-left:auto; margin-right:auto; padding-top:6px; margin-bottom:0px; background-color:#FFF; }
@media only screen and (max-width:1200px) {#eva-heidenheim { min-width:1024px; width:100%; margin-left:auto; margin-right:auto; padding-top:6px; margin-bottom:0px; }}	

#content {margin-top: 0px;	margin-left: 280px; padding-right:30px; padding-top:35px;  width:680px; margin-bottom:0px;  }
@media only screen and (max-width:1200px) {#content {margin-top: 40px; margin-left: 0px; padding-left: 5%; padding-right:5%; padding-top:100px; width:90%; }}	
@media only screen and (max-width:1080px) {#content {margin-top: 120px; margin-left: 0px; padding-left: 4%; padding-right:4%; padding-top:100px; width:92%; }}	

#kontakt {padding-top:170px; padding-left:26px; padding-right:20px; }

#info-leben {margin-top:0px; float:left; width:253px; min-height:600px; background-image:url(../bilder/leben.jpg); background-repeat:no-repeat;}
@media only screen and (max-width:1200px) {#info-leben {margin-top:0px; float:left; width:0px; height:0px; visibility:hidden;}}

#info-lernen {margin-top:0px; float:left; width:253px; min-height:630px; background-image:url(../bilder/lernen.jpg); background-repeat:no-repeat;}
@media only screen and (max-width:1200px) {#info-lernen {margin-top:0px; float:left; width:0px; height:0px; visibility:hidden;}}

#info-arbeiten {margin-top:0px; float:left; width:253px; min-height:650px; background-image:url(../bilder/arbeiten.jpg); background-repeat:no-repeat;}
@media only screen and (max-width:1200px) {#info-arbeiten {margin-top:0px; float:left; width:0px; height:0px; visibility:hidden;}}

#info-eva {margin-top:0px; float:left; width:253px; min-height:580px; background-image:url(../bilder/eva.jpg); background-repeat:no-repeat;}
@media only screen and (max-width:1200px) {#info-eva {margin-top:0px; float:left; width:0px; height:0px; visibility:hidden; display:none;}}

#button-hinweiseundbeschwerden { background-color:#9ab805; width:43%; padding-left:2%; margin-right:1%; padding-top:20px; padding-bottom:20px; float:left; margin-top:30px; margin-bottom:40px;}
@media only screen and (max-width:1200px) {#button-hinweiseundbeschwerden { background-color:#9ab805; width:94%; padding-left:6%; padding-right:0%; margin-right:0%; padding-top:60px; padding-bottom:60px;}}
#button-hinweiseundbeschwerden2 { background-color:#9ab805; width:52%; padding-left:2%; margin-right:0px; padding-top:20px; padding-bottom:20px; float:left; margin-top:30px; margin-bottom:40px;}
@media only screen and (max-width:1200px) {#button-hinweiseundbeschwerden2 { background-color:#9ab805; width:94%; padding-left:6%; padding-right:0%; margin-right:0%; padding-top:60px; padding-bottom:60px;}}
a.button-hinweiseundbeschwerden { height: 32px; padding-left: 5px; padding-right: 12px; padding-top:2px; display: block; color: #FFF; margin-top: 0px;  font-size: 18px; font-weight: 400;}
.button-hinweiseundbeschwerden { height: 32px; padding-left: 5px; padding-right: 12px; padding-top:2px; display: block; color: #FFF; margin-top: 0px;  font-size: 18px; font-weight: 400;}
a:button-hinweiseundbeschwerden { color: #f1dff3;}
@media only screen and (max-width:1200px) {a.button-hinweiseundbeschwerden { font-size: 42px; font-weight: 400; padding-bottom:30px;}
.button-hinweiseundbeschwerden { font-size: 42px; font-weight: 400;}
a:button-hinweiseundbeschwerden { font-size: 42px; font-weight: 400;}}


#info-kontakt {margin-top:0px; float:left; width:253px; min-height:600px; background-image:url(../bilder/kontakt.jpg); background-repeat:no-repeat; position:absolute;}
@media only screen and (max-width:1200px) {#info-kontakt {margin-top:0px; float:left; width:0px; height:0px; visibility:hidden;}}

#navi-links {width:245px; padding-top:90px; }
@media only screen and (max-width:1200px) {#navi-links {margin-top:0px; float:left; width:0px; height:0px; visibility:hidden; }}

.button-bild-schatten {box-shadow: 0px 0px 10px #CCC; }
#button-bild-schatten {width:48%; height:auto; float:left; margin-right:1%; }
@media only screen and (max-width:1080px) {#button-bild-schatten {width:100%; height:auto; float:left; margin-right:0px; }}


	
#eva-angebote {width:1024px; min-height:560px; margin-left:auto; margin-right:auto; margin-top:30px; background-color:#FFF; }
@media only screen and (max-width:1080px) {#eva-angebote {width:100%; min-height:1000px; margin-left:0px; margin-right:0px; margin-top:0px; background-color:#FFF; } }
.eva-angebote {font-family: 'Heebo', sans-serif; font-size: 16px; color: #fff; text-align:center; line-height: 1.5; }
@media only screen and (max-width:1200px) {.eva-angebote {font-size: 18px; color: #fff; text-align:center; line-height: 1.5; } }
@media only screen and (max-width:1080px) {.eva-angebote {font-size: 32px; color: #fff; text-align:center; line-height: 1.5; } }
a.eva-angebote {color: #FFF; }
a:link.eva-angebote { color: #fff; } a:hover.eva-angebote {color: #CCC;} a:active.eva-angebote { color: #fff; }
#leistungenbildbuttons {width:32%; min-height:500px; float:left; margin-top:0px; margin-right:2%; background-image:url(../bilder/green.jpg); background-repeat:repeat; box-shadow: 0px 2px 5px #7b7b7c;  }
@media only screen and (max-width:1080px) {#leistungenbildbuttons {width:90%; float: inherit; margin-left:auto; margin-right:auto; min-height:500px; margin-top:10px; background-image:url(../bilder/green.jpg); background-repeat:repeat;  box-shadow: 0px 2px 9px #7b7b7c; }}
#leistungen-1bildbuttons {width:32%; min-height:500px; float:left; text-align:left; margin-top:0px; background-image:url(../bilder/green.jpg); background-repeat:repeat;  box-shadow: 0px 2px 5px #7b7b7c; }
@media only screen and (max-width:1080px) {#leistungen-1bildbuttons {width:90%; float: inherit; margin-left:auto; margin-right:auto; min-height:500px; margin-top:10px; background-image:url(../bilder/green.jpg); background-repeat:repeat;  box-shadow: 0px 2px 9px #7b7b7c; }}
#leistungbildbuttons {width:90%; margin-left:auto; margin-right:auto; text-align:center;  }


#eva-hdh-angebote {width:32%; min-height:340px; float:left; margin-top:6px; margin-right:1%; background-color:#00b5e5; padding-top:0px; }
@media only screen and (max-width:1080px) {#eva-hdh-angebote { min-height:500px; margin-top:9px;}}
#eva-hdh-angebote-blau {width:32%; min-height:340px; float:left; margin-top:6px; margin-right:1%; background-color:#1d3e8f;  padding-top:0px; }
@media only screen and (max-width:1080px) {#eva-hdh-angebote-blau { min-height:500px; margin-top:9px; }}
#eva-hdh-angebote-orange {width:32%; min-height:340px; float:left; margin-top:6px; margin-right:1%; background-color:#f8a900;  padding-top:0px; }
@media only screen and (max-width:1080px) {#eva-hdh-angebote-orange { min-height:500px; margin-top:9px; }}
#eva-hdh-angebote-1 {width:100%; }
#eva-hdh-angebote-ueberschrift {width:98%; float:left; background-image:url(../bilder/green.jpg); background-repeat:repeat; margin-top:15px; }
.eva-hdh-angebote {font-family: 'Heebo', sans-serif; font-size: 16px; color: #FFF; text-align:left; line-height: 1.5; }
@media only screen and (max-width:1080px) {.eva-hdh-angebote {font-family: 'Heebo', sans-serif; font-size: 22px; color: #FFF; text-align:left; line-height: 1.5; }}
a:link.eva-hdh-angebote {text-decoration: none; color: #FFF;} a:visited.eva-hdh-angebote {	text-decoration: none; color: #FFF;} a:hover.eva-hdh-angebote {text-decoration: none; color: #FFF;} a:active.eva-hdh-angebote {text-decoration: none; color: #FFF;}
#eva-hdh-angebote-text {width:80%; padding-left:9%; padding-right:9%;}

	
.flyer {border-color:#CCC; }
.bild {background-repeat:no-repeat; margin-top:0px; }
.top { margin-top:0px; }
.bottom { margin-top:0px; margin-bottom:0px; vertical-align:0px; max-height:257px;  }

#footer {width:100%; min-height:200px; background-image:url(../bilder/green.jpg); background-repeat:repeat; padding-top:80px; float:left; text-align:left; padding-bottom:80px; }
.footer { font-family: 'Heebo', sans-serif; margin-top:0px; font-size: 1em; color: #FFFFFF; text-align:left; }
.footer- { font-family: 'Heebo', sans-serif; margin-top:0px; font-size: 1em; color: #FFFFFF; text-align:left; }
@media only screen and (max-width:1200px) {
	#footer { min-width:980px; width:100%; min-height:200px; background-image:url(../bilder/green.jpg); background-repeat:repeat; padding-top:80px; float:left; text-align:left; margin:0px; }
	.footer { font-family: 'Heebo', sans-serif; margin-top:0px; font-size: 1em; color: #FFFFFF; text-align:left; }
	.footer- { font-family: 'Heebo', sans-serif; margin-top:0px; font-size: 1em; color: #FFFFFF; text-align:left; }}
@media only screen and (max-width:1080px) {
	#footer { min-width:980px; width:100%; min-height:200px; background-image:url(../bilder/green.jpg); background-repeat:repeat; padding-top:80px; float:left; text-align:left; margin:0px; }
	.footer { font-family: 'Heebo', sans-serif; margin-top:20px; font-size: 1em; color: #FFFFFF; text-align:left; }
	.footer- { font-family: 'Heebo', sans-serif; margin-top:0px; font-size: 1em; color: #FFFFFF; text-align:left; }}
a.footer { color: #FFFFFF; }


.footer {text-decoration: none; list-style:none; color:#FFF; border-radius:2%; padding:5px; line-height:1.8; } a.footer:link {text-decoration: none; } a.footer:visited {	text-decoration: none; } a.footer:hover {text-decoration: none; background-color:#0e4879; color:#FFF; } a.footer:active {text-decoration: none; } a.footer:focus { background-color:#0e4879; color:#FFF;}

#eva-footer {width:47%; padding-top:0px; padding-left:3%; float:left; text-align:left;}
#eva-footer2 {width:47%; padding-top:0px; padding-left:3%; float:right; text-align:left;}
#eva-footer3 {width:47%; padding-top:0px; padding-left:3%; float:left; text-align:left; margin-top:80px;}
#eva-hdh-footer {width:1080px; margin-left:auto; margin-right:auto;}
@media only screen and (max-width:1200px) {#eva-hdh-footer {width:100%; margin-left:0px; margin-right:0px; }
#eva-footer {width:90%; padding-top:0px; padding-left:5%; padding-right:5%; float:left; text-align:left;}
#eva-footer2 {width:90%; padding-top:0px; padding-left:5%; padding-right:5%; float:left; text-align:left; margin-top:140px;}
#eva-footer3 {width:90%; padding-top:0px; padding-left:5%; padding-right:5%; text-align:left; float:right; margin-top:0px;}}




.kontakt {font-family: 'Heebo', sans-serif; font-size: 18px; color: #fff; text-align:left; line-height: 1.0; font-weight:bold;}

.kontakt1 {font-family: 'Heebo', sans-serif; font-size: 14px; color: #fff; text-align:left; line-height: 1.3;}

.navi-links {font-family: 'Heebo', sans-serif; font-size: 14px; color: #fff; text-align:left; line-height: 1.3;}

#bild-portrait { float: left; width:25%; padding-right:5%; height:280px; }
#bild-kontakt { float: left; width:70%;  height:280px;  }
@media only screen and (max-width:1080px) {#bild-portrait { float: left; width:25%;  padding-right:5%; height:auto; }
#bild-kontakt { float: left; width:70%; height:auto;  }}

#bild-portrait- { float: left; width:25%; padding-right:5%; height:auto; }
#bild-kontakt- { float: left; width:100%;  height:auto;  }
@media only screen and (max-width:1080px) {#bild-portrait- { float: left; width:25%;  padding-right:5%; height:auto; }
#bild-kontakt- { float: left; width:100%; height:auto;  }}




.tabelle {margin-top:0px; font-family: 'Heebo', sans-serif;  font-size: 14px; color: #474e54; text-align:left; line-height: 1.5;}
.tabelle1 { background-image:url(../bilder/kontakt.jpg); background-repeat:no-repeat;}
.leben { background-image:url(../bilder/leben.jpg); background-repeat:no-repeat;}
.lernen { background-image:url(../bilder/lernen.jpg); background-repeat:no-repeat;}
.arbeiten { background-image:url(../bilder/arbeiten.jpg); background-repeat:no-repeat;}
.eva { background-image:url(../bilder/eva.jpg); background-repeat:no-repeat;}


#navigation-top-bg-pc {width:1024px; margin-top:0px; padding-top:0px; background-color:#fFF; height:36px; position:absolute; z-index:200; line-height:1.5; }
#navigation-top-pc {margin-top:0px; width:1024px; height:36px; padding-top:0px; margin-left:auto; margin-right:auto; background-color: transparent; line-height:1.5; }
.navigation-top-pc {margin-left:auto; margin-right:auto;}
.leistung-pc { color: #FFFFFF; font-size:16px; font-weight:400; float:left; width:243px; margin-left:0px; height:28px; padding-top:7px; padding-bottom:0px; padding-left:10px; background-image:url(../bilder/pics/green.jpg); margin-right:3px; }
a.leistung-pc { color: #FFFFFF; font-size:16px; display:block; list-style-type: none; float:left; }
a.leistung-pc:hover {text-decoration: none; background-color:#0e4879; color:#FFF; background-image:none; } a.leistung-pc:active {text-decoration: none; } a.leistung-pc:focus { background-color:#0e4879; color:#FFF;  background-image:none;}

@media only screen and (max-width:1200px) {
#navigation-top-bg-pc {width:0px; height:0px; visibility:hidden; display:none;}
#navigation-top-pc {width:0px; height:0px; visibility:hidden; display:none; }
.navigation-top-pc {width:0px; height:0px; visibility:hidden; display:none;}
.leistung-pc {width:0px; height:0px; visibility:hidden; display:none;}
a.leistung-pc { width:0px; height:0px; visibility:hidden; display:none;}
a:hover.leistung-pc { width:0px; height:0px; visibility:hidden; display:none;}
}



#navigation-top-bg { width:0px; height:0px; visibility:hidden; display:none;}
#navigation-top {width:0px; height:0px; visibility:hidden; display:none; }
.navigation-top {width:0px; height:0px; visibility:hidden; display:none;}
#navigation-top-menu { width:0px; height:0px; visibility:hidden; display:none;} 
#navigation-top-menu2 { height: auto; }   
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 20px; text-align: center; margin-left:0px; }
#navigationspunkt- { float: none; display: block; overflow: hidden; min-width: 98%; text-align: left; padding-left:2%; }
#navigationspunkt-- { float: none; display: block; overflow: hidden; min-width: 94%; text-align: left; padding-left:6%; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: 32px; padding-left: 5px; padding-right: 12px; padding-top:2px; display: block; color: #FFF; margin-top: 0px;  font-size: 18px; font-weight: 400;}
.navigationspunkt-text { height: 32px; padding-left: 5px; padding-right: 12px; padding-top:2px; display: block; color: #FFF; margin-top: 0px;  font-size: 18px; font-weight: 400;}
a.navigationspunkt-text2 { min-height: 32px; padding-left: 0px; padding-right: 0px; padding-top:2px; display: block; color: #FFF; margin-top: 0px;  font-size: 16px; font-weight: 400;}
.navigationspunkt-text2 { min-height: 32px; padding-left: 0px; padding-right: 0px; padding-top:2px; display: block; color: #FFF; margin-top: 0px;  font-size: 16px; font-weight: 400;}
a:hover.navigationspunkt-text { color: #f1dff3;}
a:hover.navigationspunkt-text2 { color: #666; background-color:#FFF;}

@media only screen and (max-width:1200px) {
#navigation-top-bg { width:100%; margin-left:0px; margin-right:0px; background-color:#a1c36f; background-image:url(../bilder/pics/green.jpg); background-repeat:repeat; box-shadow: 0px 3px 6px #999; position:absolute; z-index:400; left:0px; line-height:1.5; height:120px; visibility:visible; display:block; top: 250px; }
#navigation-top {margin-top:0px; width:100%; margin-left:0px; margin-right:0px; height:60px; padding-top:0px; background-color: transparent; line-height:1.5; visibility:visible; display:block;}
.navigation-top {margin-left:0px; margin-right:auto; visibility:visible; display:block; }
#navigation-top-menu { margin-top:0px; height: 120px; max-height:0px; width:100%; margin-left:0px; margin-right:0px; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:40px; background-color: transparent; float:left; visibility:visible; display:block; }
#navigation-top-menu2 { height: auto; width:860px; margin-left:auto; margin-right:auto;}  
#navigationspunkt { float: left; display: block; overflow: hidden; width:100%; margin-left:0px; margin-right:0px; text-align: left; margin-left:0px; }
#navigationspunkt- { float: left; display: block; overflow: hidden; width:100%; margin-left:0px; margin-right:0px; text-align: left; padding-left:0px; }
#navigationspunkt-- { float: left; display: block; overflow: hidden; width:90%; margin-left:0px; margin-right:0px; text-align: left; padding-left:10%; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 12px; padding-right: 12px; padding-top:25px; display: block; color: #FFF; margin-top: 40px;  font-size: 58px; line-height:1.5; font-weight: 300;}
.navigationspunkt-text { height: auto; padding-left: 12px; padding-right: 12px; padding-top:25px; display: block; color: #FFF; margin-top: 40px;  font-size: 58px; line-height:1.5; font-weight: 300;}
a.navigationspunkt-text2 { height: auto; padding-left: 12px; padding-right: 12px; padding-top:0px; display: block; color: #FFF; margin-top: 20px;  font-size: 48px; line-height:1.5; font-weight: 300;}
.navigationspunkt-text2 { height: auto; padding-left: 12px; padding-right: 12px; padding-top:0px; display: block; color: #FFF; margin-top: 20px;  font-size: 48px; line-height:1.5; font-weight: 300;}
a:hover.navigationspunkt-text { color: #f1dff3;} 
}

 
label.menu1 {display: none; }
input#menu1 {display:none}

@media only screen and (max-width:1200px) {
	label.menu1 {display: block; width: 860px; height: 120px; margin-left: 0px; border-radius: 1px; margin-top:0px; margin-bottom:0px; background-color: transparent; }
	input#menu1 {display:none}
	.line-1 {margin-left:40px;  height: 5px; width: 48px;   background: #FFF; border-radius: 2px; color: #fee3c6;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-1:nth-child(1) { margin-top: 36px; }
	.line-1:nth-child(2) { margin-top: 54px; }
	.line-1:nth-child(3) { margin-top: 72px; }
	#menu1:checked + .menu1 .line-1:nth-child(1){   transform: translateY(18px) rotate(-45deg);}
	#menu1:checked + .menu1 .line-1:nth-child(2){   opacity:0;}
	#menu1:checked + .menu1 .line-1:nth-child(3){   transform: translateY(-18px) rotate(45deg);}
	#menu1:checked + .menu1  + #navigation-top-menu { height:auto; max-height: 5500px; min-width:860px; width:100%; max-width:1080px; background-color:#a1c36f; background-image:url(../bilder/pics/green.jpg); background-repeat:repeat; box-shadow: 0px 0px 10px #666;  margin-bottom:60px; padding-bottom:100px; }


}


input.leistungen {display: none;}
nav.leistungen {margin-top:32px; height:0px; width:auto; max-width:0; overflow: hidden; transition: all 0.5s; margin-left:0px; padding-left:0px; padding-top:22px; padding-bottom:10px; position:absolute; z-index:400; background-color: transparent; }
label.leistung { color: #FFFFFF; font-size:18px; font-weight:400; float:left; width:250px; margin-left:0px; height:26px; padding-top:10px; padding-bottom:0px; padding-left:3px; background-image:url(../bilder/pics/green.jpg); }
a.leistung { color: #FFFFFF; font-size:18px; display:block; list-style-type: none; float:left; }
a:hover.leistung { color: #c3326b; }
label.leistung:before {content:""; padding-left:6px; }
input.leistung:checked ~ nav.leistungen {display:block; list-style-type: none; height:auto; max-height: 1500px; min-width:253px; background-color:#afc74f; box-shadow: 0px 0px 10px #666666; margin-left:0px; margin-top:35px; position:absolute; z-index:800; border-radius:0px; padding-left:0px;}
input.leistung:checked ~ label.leistung:before {content:""; background-image:url(../bilder/pics/close.png); background-repeat:no-repeat; padding-left:20px;}

nav.leistungen li a { list-style-type: none; display:block; list-style-type: none; float:left;}




@media only screen and (max-width:1200px) {
	input.leistungen {display: none; }
nav.leistungen {display:none; margin-top:0px; padding-top:0px; height: auto;}
	label.leistung { color: #FFFFFF; text-decoration:none; display:block; font-weight:300; margin-top:0px; margin-left:0px; padding-top:120px; padding-bottom:5px; padding-right:0px; padding-left:2%; width:98%; height:auto; text-align:left; font-size:58px; background-image:none;  }
	a.leistung { color: #FFFFFF; text-decoration:none; display:block; font-weight:300;  padding-top:0px; padding-bottom:0px; padding-left:0px; width:100%; height:auto; text-align:center; font-size:56px; line-height:1.0; background-image:none;  }
	a:hover.leistung { color: #c3326b; }
label.leistung:before {content:""; background-image:url(../bilder/pics/open-m.png); background-repeat:no-repeat; padding-left:60px; }
input.leistung:checked ~ nav.leistungen {display:inline; width:600px; padding-bottom:40px; position:inherit; box-shadow: none; margin-left:0px; background-image:url(../bilder/pics/green.jpg); background-repeat:repeat;  margin-left:auto; margin-right:auto; border-radius:0px; padding-left:0px; height:auto;  }
input.leistung:checked ~ label.leistung:before {content:""; background-image:url(../bilder/pics/close-m.png); background-repeat:no-repeat; padding-left:60px;}

nav.leistungen ul li { list-style-type: none; }
}



input.leistungen2 {display: none;}
nav.leistungen2 {margin-top:32px; height:0px; width:auto; max-width:0; overflow: hidden; transition: all 0.5s; margin-left:0px; padding-left:0px; padding-top:22px; padding-bottom:10px; position:absolute; z-index:400; background-color: transparent; }
label.leistung2 { color: #FFFFFF; font-size:18px; font-weight:400; float:left; width:249px; margin-left:3px; height:26px; padding-top:10px; padding-bottom:0px; padding-left:6px; background-image:url(../bilder/pics/green.jpg); }
a.leistung2 { color: #FFFFFF; font-size:18px; display:block; list-style-type: none; float:left; }
a:hover.leistung2 { color: #c3326b; }
label.leistung2:before {content:""; padding-left:6px; }
input.leistung2:checked ~ nav.leistungen2 {display:block; list-style-type: none; height:auto; max-height: 1500px; min-width:253px; background-color:#afc74f; box-shadow: 0px 0px 10px #666666; margin-left:257px; margin-top:35px; position:absolute; z-index:800; border-radius:0px; padding-left:0px;}
input.leistung2:checked ~ label.leistung2:before {content:""; background-image:url(../bilder/pics/close.png); background-repeat:no-repeat; padding-left:20px;}

nav.leistungen2 li a { list-style-type: none; display:block; list-style-type: none; float:left;}


@media only screen and (max-width:1200px) {
	input.leistungen2 {display: none; }
nav.leistungen2 {display:none; margin-top:0px; padding-top:0px; height: auto;}
	label.leistung2 { color: #FFFFFF; text-decoration:none; display:block; font-weight:300; margin-top:0px; margin-left:0px; padding-top:120px; padding-bottom:5px; padding-right:0px; padding-left:2%; width:98%; height:auto; text-align:left; font-size:58px; }
	a.leistung2 { color: #FFFFFF; text-decoration:none; display:block; font-weight:300;  padding-top:0px; padding-bottom:0px; padding-left:0px; width:100%; height:auto; text-align:center; font-size:56px; line-height:1.0;  }
	a:hover.leistung2 { color: #c3326b; }
label.leistung2:before {content:""; background-image:url(../bilder/pics/open-m.png); background-repeat:no-repeat; padding-left:60px; }
input.leistung2:checked ~ nav.leistungen2 {display:inline; width:600px; padding-bottom:40px; position:inherit; box-shadow: none; margin-left:0px; background-image:url(../bilder/pics/green.jpg); background-repeat:repeat;  margin-left:auto; margin-right:auto; border-radius:0px; padding-left:0px; height:auto;  }
input.leistung2:checked ~ label.leistung2:before {content:""; background-image:url(../bilder/pics/close-m.png); background-repeat:no-repeat; padding-left:60px;}

nav.leistungen2 ul li { list-style-type: none; }
}




input.leistungen3 {display: none;}
nav.leistungen3 {margin-top:32px; height:0px; width:auto; max-width:0; overflow: hidden; transition: all 0.5s; margin-left:0px; padding-left:0px; padding-top:22px; padding-bottom:10px; position:absolute; z-index:400; background-color: transparent; }
label.leistung3 { color: #FFFFFF; font-size:18px; font-weight:400; float:left; width:205px; margin-left:3px; height:26px; padding-top:10px; padding-bottom:0px; padding-left:6px; background-image:url(../bilder/pics/green.jpg); }
a.leistung3 { color: #FFFFFF; font-size:18px; display:block; list-style-type: none; float:left; }
a:hover.leistung3 { color: #c3326b; }
label.leistung3:before {content:""; padding-left:6px; }
input.leistung3:checked ~ nav.leistungen3 {display:block; list-style-type: none; height:auto; max-height: 1500px; min-width:263px; background-color:#afc74f; box-shadow: 0px 0px 10px #666666; margin-left:513px; margin-top:35px; position:absolute; z-index:800; border-radius:0px; padding-left:0px;}
input.leistung3:checked ~ label.leistung3:before {content:""; background-image:url(../bilder/pics/close.png); background-repeat:no-repeat; padding-left:20px;}

nav.leistungen3 li a { list-style-type: none; display:block; list-style-type: none; float:left;}


@media only screen and (max-width:1200px) {
	input.leistungen3 {display: none; }
nav.leistungen3 {display:none; margin-top:0px; padding-top:0px; height: auto;}
	label.leistung3 { color: #FFFFFF; text-decoration:none; display:block; font-weight:300; margin-top:0px; margin-left:0px; padding-top:120px; padding-bottom:5px; padding-right:0px; padding-left:2%; width:98%; height:auto; text-align:left; font-size:58px; }
	a.leistung3 { color: #FFFFFF; text-decoration:none; display:block; font-weight:300;  padding-top:0px; padding-bottom:0px; padding-left:0px; width:100%; height:auto; text-align:center; font-size:56px; line-height:1.0;  }
	a:hover.leistung3 { color: #c3326b; }
label.leistung3:before {content:""; background-image:url(../bilder/pics/open-m.png); background-repeat:no-repeat; padding-left:60px; }
input.leistung3:checked ~ nav.leistungen3 {display:inline; width:600px; padding-bottom:40px; position:inherit; box-shadow: none; margin-left:0px; background-image:url(../bilder/pics/green.jpg); background-repeat:repeat;  margin-left:auto; margin-right:auto; border-radius:0px; padding-left:0px; height:auto;  }
input.leistung3:checked ~ label.leistung3:before {content:""; background-image:url(../bilder/pics/close-m.png); background-repeat:no-repeat; padding-left:60px;}

nav.leistungen3 ul li { list-style-type: none; }
}



input.leistungen4 {display: none;}
nav.leistungen4 {margin-top:32px; height:0px; width:auto; max-width:0; overflow: hidden; transition: all 0.5s; margin-left:0px; padding-left:0px; padding-top:22px; padding-bottom:10px; position:absolute; z-index:400; background-color: transparent; }
label.leistung4 { color: #FFFFFF; font-size:18px; font-weight:400; float:left; width:290px; margin-left:3px; height:26px; padding-top:10px; padding-bottom:0px; padding-left:6px; background-image:url(../bilder/pics/green.jpg); }
a.leistung4 { color: #FFFFFF; font-size:18px; display:block; list-style-type: none; float:left; }
a:hover.leistung4 { color: #c3326b; }
label.leistung4:before {content:""; padding-left:6px; }
input.leistung4:checked ~ nav.leistungen4 {display:block; list-style-type: none; height:auto; max-height: 1500px; min-width:294px; background-color:#afc74f; box-shadow: 0px 0px 10px #666666; margin-left:729px; margin-top:35px; position:absolute; z-index:800; border-radius:0px; padding-left:0px;}
input.leistung4:checked ~ label.leistung4:before {content:""; background-image:url(../bilder/pics/close.png); background-repeat:no-repeat; padding-left:20px;}

nav.leistungen4 li a { list-style-type: none; display:block; list-style-type: none; float:left;}


@media only screen and (max-width:1200px) {
	input.leistungen4 {display: none; }
nav.leistungen4 {display:none; margin-top:0px; padding-top:0px; height: auto;}
	label.leistung4 { color: #FFFFFF; text-decoration:none; display:block; font-weight:300; margin-top:0px; margin-left:0px; padding-top:120px; padding-bottom:5px; padding-right:0px; padding-left:2%; width:98%; height:auto; text-align:left; font-size:58px; }
	a.leistung4 { color: #FFFFFF; text-decoration:none; display:block; font-weight:300;  padding-top:0px; padding-bottom:0px; padding-left:0px; width:100%; height:auto; text-align:center; font-size:56px; line-height:1.0;  }
	a:hover.leistung4 { color: #c3326b; }
label.leistung4:before {content:""; background-image:url(../bilder/pics/open-m.png); background-repeat:no-repeat; padding-left:60px; }
input.leistung4:checked ~ nav.leistungen4 {display:inline; width:600px; padding-bottom:40px; position:inherit; box-shadow: none; margin-left:0px; background-image:url(../bilder/pics/green.jpg); background-repeat:repeat;  margin-left:auto; margin-right:auto; border-radius:0px; padding-left:0px; height:auto;  }
input.leistung4:checked ~ label.leistung4:before {content:""; background-image:url(../bilder/pics/close-m.png); background-repeat:no-repeat; padding-left:60px;}

nav.leistungen4 ul li { list-style-type: none; }
}















#navi-links { position: absolute; height: 40px; width:253px;}
#navi-links .navi2 { float: left; display: block;  width: 220px; height: 35px; text-align: left;  }
#navi-links .navi2:hover { height: auto; color: #ffffff;}
a.links, a.links-3  { display: block; width: 245px; min-height: 20px; padding-top: 8px; padding-bottom:2px; padding-left: 8px; text-decoration: none; background-image:url(../bilder/navi.jpg); font-size: 16px; font-weight:normal; color: #fff; margin-bottom: 0px; line-height:1.0;}
a.links-2 { display: block; width: 225px; height: 28px; padding-top: 4px; padding-left: 28px; text-decoration: none; background-image:url(../bilder/navi.jpg); font-size: 16px; font-weight:normal; color: #fff; margin-bottom: 0px;}
a.links-22 { display: block; width: 225px; height: 48px; padding-top: 4px; padding-left: 28px; text-decoration: none; background-image:url(../bilder/navi.jpg); font-size: 16px; font-weight:normal; color: #fff; margin-bottom: 0px;}
a:hover.links, a:hover.links-2, a:hover.links-22, a:hover.links1 { background-color:#0e4879; color:#FFF; background-image:none;}
a:focus.links, a:focus.links-2, a:focus.links-22, a:focus.links1 { background-color:#0e4879; color:#FFF; background-image:none;}
a.links1  { display: block; width: 245px; min-height: 28px; padding-top: 4px; padding-bottom:4px; padding-left: 8px; text-decoration: none; background-image:url(../bilder/navi.jpg); font-size: 16px; font-weight:normal; color: #fff; margin-bottom: 0px; line-height:1.3;}

a:hover.links, a:hover.links-2 { background-color:#0e4879; color:#FFF; background-image:none;}
a:focus.links, a:focus.links-2 { background-color:#0e4879; color:#FFF; background-image:none;}
a.links-8   { display: block; width: 210px; height: 65px; padding-top: 4px; padding-left: 8px; text-decoration: none; background-image:url(../bilder/navi.jpg); font-size: 14px; line-height:1,0; font-weight:normal; color: #fff; margin-bottom: 0px;}
a:hover.links-8 { background-color:#0e4879; color:#FFF; background-image:none;}
a:focus.links-8 { background-color:#0e4879; color:#FFF; background-image:none;}
a:link.links-8 {text-decoration: none; color: #fff;} a:visited.links-6 {	text-decoration: none; color: #fff;} a:active.links-6 {text-decoration: none; color: #fff;}


.insta { width:30px; height:auto;}
@media only screen and (max-width:1200px) {
.insta { width:120px; height:auto; margin-top:50px;}
}