/* CSS Document für DGE-BW */
/*
    font-family: 'Raleway', sans-serif;
    font-family: 'Indie Flower', cursive;
*/

@import url(fundament.css);
@font-face { font-family: 'Lato'; src: url('fonts/Lato/Lato-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Dosis'; src: url('fonts/Dosis/static/Dosis-Regular.ttf') format('truetype'); }

html, body {
  font-size: 18px; 
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5; 
  color: #8e8e8e;
  height:100%;
  background: #ffffff;
  margin:0;
  padding:0;
}

body, body.normal {
    font-size: 18px;
}
body.big {
    font-size: 22px;
}
body.megabig {
    font-size: 26px;
}

.contao-cookiebar .cc-inner { font-size: 0.75rem !important; }
.contao-cookiebar .cc-btn { font-size: 12px !important; }
.contao-cookiebar { z-index:99999 !important; }


/*################## DESIGN ####################*/

#wrapper { position: relative; width: 100%; min-height:600px; margin: 0px auto 0 auto; padding: 0; text-align:center; position:relative; overflow:hidden; }


/*################## HEADER - TEL EMAIL LUPE ETC ####################*/
#header_1 {  margin:0px auto 0px auto; margin-top: 0px; padding:0; padding-bottom: 0px; width: 100%;  border-radius: 0px 0px 18px 18px; background: #94DC49; width:100%; height:auto; overflow:hidden;   }
#header_1 .inside { margin:0 auto; padding: 0; width:92%; max-width:1440px;  overflow:hidden; text-align:left; }
#header_1 .inside p { color: #707070; font-size:84%; margin:0; line-height:1.5; text-align:center;  }
#header_1 .inside p a { color: #707070; text-decoration:none;  }
#header_1 .inside p a:hover { text-decoration:none; color: #707070;  }
#header_1 .inside p a.active { color: #707070; }
#header_1 #telefon_email { float:left; margin:0; padding:0; width: 75%; padding-top: 19px; height: 43px; background: #E0E0E0; border-radius: 18px 0px 0px 18px; overflow:hidden; }
#header_1 #telefon_email #telefon { float:left; margin:0; margin-left: 50px; padding:0; width: 27%; text-align:left; }
#header_1 #telefon_email #email { float:left; margin:0; padding:0; width: 60%; text-align:left;  }
#header_1 #lupe_barrierefreiheit { float:left; margin:0; margin-left:-15px; padding:0; padding-top: 16px; height: 46px; width: calc(25% + 15px); background: #466920; border-radius: 18px; overflow:hidden; }
#header_1 #lupe_barrierefreiheit #lupe { float:left; margin:0; padding:0; width: 48%; text-align:center; }
#header_1 #lupe_barrierefreiheit #lupe { border-right: 1px solid #ffffff; }
#header_1 #lupe_barrierefreiheit #barrierefreiheit { float:left; margin:0; padding:0; width: 50%; text-align:center;  }
#header_1 #lupe_barrierefreiheit img { height: 26px; width: auto;}
#header_1 #telefon_email img { float:left; height: 22px; width: auto; margin-right: 10px; }
#header_1 #telefon_email p { margin:0; padding:0; float:left; }

/*################## HEADER - LOGO - Förderverein etc ####################*/
#header_logo {  margin:0px auto 0px auto; margin-top: 0px; padding:25px 0 10px 0; width: 100%; min-height: 50px; background: #ffffff; width:100%; height:auto; overflow:hidden;   }
#header_logo .inside { margin:0 auto; padding: 0; width:92%; max-width:1440px;  overflow:hidden; text-align:left; }
#header_logo #logo { float:left; margin:0; padding:0; width: 68%; margin-right: 8%; overflow:hidden; }
#header_logo #logo .gsslogo2 { width: 204px; float:none; }
#header_logo #logo .gsslogo { width: 100%; max-width: 530px; display:block; margin-top: 10px; }
#header_logo #fffvsk { float:left; margin:0; margin-left: -15px; padding:0; width: calc(23% + 15px); overflow:hidden; }
#header_logo .inside p { color: #707070; font-size:81%; margin:0; margin-bottom:15px; padding:0;  }
#header_logo .inside p a { color: #94DC49; text-decoration:none;  }
#header_logo .inside p a:hover { text-decoration:none; color: #94DC49;  }
#header_logo .inside p a.active { color: #94DC49; }

#header_logo .inside #fffvsk_nav ul { margin:0; padding:0; }
#header_logo .inside #fffvsk_nav ul li { position:relative; color: #707070; font-size:84%; margin:0; margin-bottom: 5px; padding:0; line-height:35px;  list-style: none; }
#header_logo .inside #fffvsk_nav ul li a { margin-left: 48px; color: #707070; text-decoration:none; }
#header_logo .inside #fffvsk_nav ul li strong { margin-left: 48px; color: #609C21; font-weight: normal; }

#header_logo .inside #fffvsk_nav ul li::before {
  content:"";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0px;
  border: 1px solid #94DC49;
  border-radius: 10px; 
  background: #f5f5f5;
  
	background-image: url("../images_design/icon-kindergarten.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px;
}
#header_logo .inside #fffvsk_nav ul li:nth-child(1)::before { background-image: url("../images_design/icon-fruehfoerderung.png"); }
#header_logo .inside #fffvsk_nav ul li:nth-child(2)::before { background-image: url("../images_design/icon-schulkindergarten.png"); }
#header_logo .inside #fffvsk_nav ul li:nth-child(3)::before { background-image: url("../images_design/icon-foerderverein.png"); }
#header_logo .inside #fffvsk_nav ul li:last-child::before { background-image: url("../images_design/icon-secondhandladen.png"); }

#containles #fffvsk_nav_mobile { position:absolute; top: 10px; left: 4%; z-index:9999999; margin:0; margin-left: 0px; padding:0; width: 65%; overflow:hidden; }
#containles #fffvsk_nav_mobile ul { margin:0; padding:0; }
#containles #fffvsk_nav_mobile ul li { position:relative; float:left; width: 45%; color: #ffffff; font-size:87%; margin:0; margin-bottom: 12px; padding:0; line-height:30px;  list-style: none; text-align:left; }
#containles #fffvsk_nav_mobile ul li a { margin-left: 48px; color: #ffffff; text-decoration:none; }
#containles #fffvsk_nav_mobile ul li strong { margin-left: 48px; color: #707070; font-weight: normal; }

#containles #fffvsk_nav_mobile ul li::before {
  content:"";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0px;
  border: 1px solid #94DC49;
  border-radius: 10px; 
  background: #f5f5f5;
  
	background-image: url("../images_design/icon-kindergarten.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px;
}
#containles #fffvsk_nav_mobile ul li:nth-child(1)::before { background-image: url("../images_design/icon-fruehfoerderung.png"); }
#containles #fffvsk_nav_mobile ul li:nth-child(2)::before { background-image: url("../images_design/icon-schulkindergarten.png"); }
#containles #fffvsk_nav_mobile ul li:nth-child(3)::before { background-image: url("../images_design/icon-foerderverein.png"); }
#containles #fffvsk_nav_mobile ul li:last-child::before { background-image: url("../images_design/icon-secondhandladen.png"); }

/* ############### fuer MMenu ############### */

#navmenu li a.icon-fruehfoerderung { padding-left:50px; background-image: url("../images_design/icon-fruehfoerderung.png"); background-repeat: no-repeat; background-position: 10px 2px; background-size: 40px;}
#navmenu li a.icon-schulkindergarten { padding-left:50px; background-image: url("../images_design/icon-schulkindergarten.png"); background-repeat: no-repeat; background-position: 10px 2px; background-size: 40px;}
#navmenu li a.icon-foerderverein { padding-left:50px; background-image: url("../images_design/icon-foerderverein.png"); background-repeat: no-repeat; background-position: 10px 2px; background-size: 40px;}
#navmenu li a.icon-schuelerladen { padding-left:50px; background-image: url("../images_design/icon-secondhandladen.png"); background-repeat: no-repeat; background-position: 10px 2px; background-size: 40px;}

#navmenu li.aktuelles-event .mm-btn { display:none; visibility:hidden; }

#mmenu_close_button { position:absolute; top: 10px; right: 15px; z-index:9999999; cursor:pointer; }

                                       
/*################## HEADER - MENU ####################*/
#header { position:absolute; top:0; left:0; border-radius: 18px 18px 0px 0px; margin:0px auto; padding:0; width:100%; height:auto; min-height: 55px; overflow:hidden; z-index:99999;
background: #94DC49;
background: linear-gradient(180deg, rgba(148,220,73,1) 0%, rgba(148,220,73,1) 54px, rgba(255,255,255,0) 54px, rgba(255,255,255,0) 100%);
}
#header .inside.iii { position: absolute; top: 0; left: 0; height: auto; min-height: 0px; margin:0px 4% 0 4%; padding:0; width:92%; max-width:1440px; overflow:hidden; text-align:right; }

#navmobile { display:none; visibility:hidden; }


#header .menu { position:relative;  margin:0px auto; padding:0; padding-top: 8px; width:92%; max-width:1440px; min-height: 63px; text-decoration:none; z-index:9999; font-size:100%}
#header .menu ul { margin:0; padding:0; min-height:55px; padding-bottom: 0px; }
#header .menu li {  float:left; text-transform:uppercase; margin:0; padding:0; margin-right:0%; width: auto; list-style-type:none;  display:block; text-align:left;  display: block; position: relative; padding-top:10px;  line-height:0; } 
#header .menu li a { text-decoration:none; color: #535353; font-weight:normal; font-size: 84%; padding-top: 0px; padding-bottom:20px; line-height: 1.2; }

#header .menu ul.level_1 li.active span { text-decoration:none; color: #535353; font-weight:normal; font-size: 84%; padding-top: 40px; line-height: 1.2; vertical-align:top; }
#header .menu ul.level_1 li.active strong { padding-bottom: 13px; border-bottom: 5px solid #ffffff; text-decoration:none; color: #ffffff; font-weight:normal !important; font-size: 84%; padding-right:0;line-height: 1.2; vertical-align:top; }
#header .menu ul.level_1 li.trail a { padding-bottom: 13px; border-bottom: 5px solid #ffffff;  }
#header .menu li a, #header .menu ul.level_1 li.active, #header .menu li strong { padding-right: 0px; }

/*
#header .menu ul.level_1 li:hover > ul.level_2 { left: -10px; top: 45px; z-index:999; padding: 0; }
#header .menu ul.level_1 li > ul.level_2  { transition: all 0.5s ease-in-out; position: absolute;  top: 0px; left: -3000px; min-width: 100px; z-index: -1; }
#header .menu ul.level_2 li:hover > ul.level_3 { left: auto; right: 97%; top: -14px; z-index:999; padding: 9px 6px 8px 14px; }
#header .menu ul.level_2 li > ul.level_3  { position: absolute;  top: -14px; left: -3000px; min-width: 100px; z-index: -1; }
*/

#header .menu ul.level_1 li:hover > ul.level_2 { transition: all 0.5s ease-in-out; opacity: 1; left: -1px; top: 45px; z-index:999; padding: 0; }
#header .menu ul.level_1 li > ul.level_2  { opacity: 0;  position: absolute;  top: 45px; left: -1px; min-width: 100px; z-index: -1; }
#header .menu ul.level_2 li:hover > ul.level_3 { transition: all 0.5s ease-in-out; opacity: 1;  left: 236px; right: auto; top: -1px; z-index:999; padding: 9px 6px 8px 14px; }
#header .menu ul.level_2 li > ul.level_3  {opacity: 0; position: absolute;  top: -1px; left: 236px; right: auto; min-width: 100px; z-index: -1; padding: 9px 6px 8px 14px;}



#header .menu ul.level_2 { }
#header .menu ul.level_2 li,
#header .menu ul.level_3 li  { text-transform:noe; margin:0; padding:0; min-width:250px; width: auto; min-height:30px; height: auto; position:relative; font-size:100% !important; font-weight:normal; background:none; display:block; background: rgba(148,220,73,0.9); background-image:none; }
#header .menu ul.level_2 li a,
#header .menu ul.level_3 li a { text-transform: none; margin:0; padding:0; padding: 8px 8% 11px 8%; width:84%; min-height:15px; height:auto; display:block; text-transform:none;}

#header .menu ul.level_1 li ul.level_2 li  { border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; }
#header .menu ul.level_1 li ul.level_2 li:first-child { border-top: 1px solid #000000; }

#header .menu ul.level_1 li ul.level_2 li a:hover { background: #ffffff; color: #535353; }
#header .menu ul.level_2 li.active {  padding-right: 0px; }

#header .menu ul.level_1 li ul.level_2 li a { padding-bottom: 0px; border-bottom: 0px solid #ffffff; margin:0; padding:0; padding: 13px 8% 13px 8%;   }
#header .menu ul.level_2 li.active span {  margin:0; padding:0; padding: 13px 8% 13px 8%; width:84%; min-height:15px; height:auto; display:block;  font-weight:normal !important; color: #7d7d7d; font-size: 84%; }
#header .menu ul.level_2 li.active strong {  margin:0; padding:0; padding: 13px 8% 13px 8%; width:84%; min-height:15px; height:auto; display:block; font-weight:normal !important; color: #7d7d7d; font-size: 84%; }

#header .menu ul.level_1 li ul.level_2 li.active span { border:0px solid #eeeeee; background: none;}
#header .menu ul.level_1 li ul.level_2 li.active strong { text-transform:none; border:none; background:none; color: #ffffff !important; font-weight: bold !important;  }


#header .menu ul.level_1 li.submenu { background: url("../images_design/nav-pfeil-unten_grau.png") 100% 8px no-repeat; background-size: 20px 20px;}
#header .menu ul.level_1 li.submenu {  padding-right: 25px; }
#header .menu ul.level_2 li.submenu {  background: rgba(148,220,73,0.8) url("../images_design/nav-pfeil-re_grau.png") 95% 11px no-repeat; background-size: 20px 20px; }
#header .menu ul.level_1 li ul.level_2 li.submenu {  padding-right: 0px !important; }

#header .menu ul.level_1 li.active strong { padding-right: 0px; }
#header .menu ul.level_1 li { margin-right: 3%; }
#header .menu ul.level_1 li:last-child { margin-right: 0%; }


/* ################## SLIDER ################# */
.slider { position:relative;  margin:0 auto; margin-top: 50px; padding:0; padding-top: 45px; width: 100%; padding-bottom: 0px; margin-top: 12px; line-height:0; overflow:hidden; }
#cslider .inside { position:relative; width: 100%; margin:0; padding:0; max-width: 1920px; height:auto; overflow:hidden; min-height: 100px; }
#cslider { position:relative;  margin:0 auto; padding:0; width: 100%; line-height:0; overflow:hidden; }
.flexer { height: auto; width: 100%; height:auto; margin:0; padding:0; overflow:hidden; }


/* ################## BREADCRUMB ################# */
#breadcrumb {  margin:0px auto 0px auto; margin-top: 0px; padding:0; padding-bottom: 0px; width: 100%; min-height:25px; border-radius: 0px 0px 18px 18px; background: #F3F1F1; width:100%; overflow:hidden;   }
#breadcrumb .inside { margin:0 auto; padding: 18px 0 14px 0; width:92%; max-width:1440px;  overflow:hidden; text-align:left; }
#breadcrumb p { float:left; color: #707070; list-style-type:none; font-size:71%; margin:0; padding:0; line-height:1.5; }

#breadcrumb ul { margin:0 auto; padding:0; text-align:center; }
#breadcrumb ul li { float:left; color: #707070; list-style-type:none; font-size:71%; margin:0; margin:0px 3px; padding:0; line-height:1.5; }
#breadcrumb ul li a {  color: #707070; }
#breadcrumb ul li:after { content: " | "; }
#breadcrumb ul li:last-child:after { content: ""; }



/* ############################## CONTAINER ############################# */

#container {  margin:0 auto; padding:40px 0 30px 0; width:100%; overflow:hidden; background: #ffffff;  }
#container .inside { margin:0 auto; padding:0; padding-bottom:15px; width:92%; max-width:1440px; text-align:left; overflow:hidden; }

#container .inside h1 { margin:0; margin-bottom: 1.2em; padding:0;  width: 100%; font-size: 140%; color:#609C21; font-family: "Lato", sans-serif; font-weight:normal; text-align:left; text-transform: uppercase; }
#container .inside h2 { margin:0; margin-bottom: 1.2em; padding:0; width: 100%; font-size: 130%; color:#609C21; font-family: "Lato", sans-serif; font-weight:normal; text-align:left;text-transform: uppercase; }
#container .inside h3 { margin:0; margin-top: 1em; margin-bottom: 0.8em; padding:0; width: 100%; font-size: 105%; color:#609C21; font-weight:normal; text-align:left; }
#container .inside h4 { margin:0; margin-top: 1em; margin-bottom: 0.8em; padding:0; width: 100%; font-size: 94%; color:#609C21; font-weight:bold; text-align:left; }
#container .inside h5 { margin:0; margin-top: 0.5em; margin-bottom: 0.6em; padding:0; width: 91%; font-size: 86%; color:#609C21; font-weight:normal; text-align:left; }
#container .inside h6 { margin:0; margin-top: 0.5em;  margin-bottom: 0.6em; padding:0; width: 91%; font-size: 86%; color:#609C21; font-weight:normal; text-align:left; }

#container .inside .zweispaltig h1, #container .inside .zweispaltig h2, #container .inside .zweispaltig h3, #container .inside .zweispaltig h4 { margin-top: 0; }

#container .inside .unterstrichen { border-bottom: 1px dashed #8e8e8e; padding-bottom: 15px; }

#container .inside p { word-wrap: break-word; margin:0; margin-bottom: 1em; padding:0; width: 99%; text-align:left; font-size: 86%; color: #707070; font-weight: normal; line-height:1.3;}
#container .inside p.blocksatz { text-align:justify; }
#container .inside p.linksbuendig { text-align:left !important; }
#container .inside p a { color: #609C21 !important; }
#container .inside p a:hover, #container .ce_download a:hover { color:#609C21; }
#container .inside p a:visited, #container .ce_download a:visited { color:#707070; }
#container .inside p a:active, #container .ce_download a:active { color:#609C21; }
#container .inside p.fett, #container p.fett a { font-weight:bold; }
#container .inside p.notunderline a {  text-decoration:none !important; }


/* ############################## CONTAINER  WEITERES ############################# */

#container .sectiontrenner { margin:30px 0; padding:0; width: 100%; height: 3px; border-top: 1px solid #707070; border-bottom: 1px solid #94DC49; }
#container .linie { margin:30px 0; padding:0; padding-top:10px; width: 100%; height: 1px;  border-bottom: 1px solid #94DC49; overflow:hidden; }
#container .linie.grau { border-color: #F3F1F1; }

#container .ce_text, #container .mod_article { margin-bottom: 15px; }

#container .inside ul { margin:0; padding:0; list-style-type:disc; width:100%; }
#container .inside ul li { list-style-type:disc; margin:0; margin-left: 15px; margin-bottom: 0.1em; padding:0; width: calc(100% - 20px); text-align:left; font-size: 86%; color: #707070; font-weight: normal; line-height:1.3;}
#container .inside ol li { list-style-type:decimal; margin:0; margin-left: 23px; margin-bottom: 0em; padding:0; width: calc(100% - 20px); text-align:left; font-size: 86%; color: #707070; font-weight: normal; line-height:1.3;}
#container .inside ol li a, #container ul li a {color: #707070;  }
#container .inside ol li ol li, #container .inside ul li ul li { font-size:100%; }

#container .inside .back { clear:both; margin:30px 0 0 0; padding:0; width:100%;  background: url(../images_design/back_gruen.png) top left no-repeat; background-size: 20px 20px; }
#container .inside .back a { color:#414141; padding-left:30px; display:inline-block;}

#container .inside .link { clear:both; margin:30px 0 0 0; padding:0; width:100%;  background: url(../images_design/nav-pfeil_gruen.png) top left no-repeat; background-size: 20px 20px; }
#container .inside .link a { color:#505050 !important; padding-left:30px; display:inline-block; }

#container .inside figure { margin:0; padding:0; width:100%; height: auto; }
#container .inside figure img { margin:0; padding:0; width:100%; height: auto; }
#container .inside .bildoriginalgroesse { width:auto !important; height: auto !important; }
#container .inside .bildoriginalgroesse img { width:auto !important; height: auto !important; }

    
#container .inside #aktuelles_boxen.mod_newslist { position:relative; margin:0; padding:0;  margin-bottom:25px; }

#container .inside #aktuelles_boxen.mod_newslist .layout_latest { position:relative; float:left; width: 28%; margin:0; margin-right: 3%; padding:0; padding-top:30px; overflow:hidden; }
#container .inside #aktuelles_boxen.mod_newslist .inhalt {  margin-top: 35px; height: 100%;  background: #F5F5F5; border-radius: 23px; padding: 35px 35px 20px 35px; 
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 105px, rgba(245,245,245,1) 110px, rgba(245,245,245,1) 100%);
}
#container .inside #aktuelles_boxen.mod_newslist .inhalt .info { margin-top: 25px; font-size: 71%; margin-bottom: 10px; }
#container .inside #aktuelles_boxen.mod_newslist .inhalt  h2 { font-family: "Lato", sans-serif; margin:0; margin-top: 0em; margin-bottom: 0.8em; padding:0; width: 100%; font-size: 94%; color:#94DC49; font-weight:normal; text-align:left; }
#container .inside #aktuelles_boxen.mod_newslist .inhalt  h2 a { text-decoration:none; color:#609C21; }
#container .inside #aktuelles_boxen.mod_newslist .inhalt .boxteaser p::after {content: "..."; }
#container .inside #aktuelles_boxen.mod_newslist .inhalt .boxteaser { margin-bottom: 10px; }
#container .inside #aktuelles_boxen.mod_newslist .inhalt .more { padding-botom: 10px; height: 30px; background: url("../images_design/nav-pfeil_gruen.png") top left no-repeat; background-size: 30px 30px; }
#container .inside #aktuelles_boxen.mod_newslist .inhalt .more a { color: #707070; margin-left: 40px; line-height: 30px; }
#container .inside #aktuelles_boxen.mod_newslist .hgunten { z-index: 9999; position: absolute; bottom: 0; width: 100%; height: 20px; border-radius: 0px 0px 23px 23px; background: #F5F5F5; }

#container .inside #aktuelles_boxen.mod_newslist .katicon { position:absolute; top:-0px; left: calc(50% - 35px); background: #94DC49; width:70px; height:70px; border-radius:70px; text-align:center; }
#container .inside #aktuelles_boxen.mod_newslist .katicon .img { width: 70px; height: 70px; background: url("../images_design/gss.png") 18px 18px no-repeat; background-size: 35px 35px; }
#container .inside #aktuelles_boxen.mod_newslist .news_category_1 .katicon .img { width: 70px; height: 70px; background: url("../images_design/holiday.png") 18px 18px no-repeat; background-size: 35px 35px; }
#container .inside #aktuelles_boxen.mod_newslist .news_category_2 .katicon .img { width: 70px; height: 70px; background: url("../images_design/gss.png") 18px 18px no-repeat; background-size:35px 35px; }
#container .inside #aktuelles_boxen.mod_newslist .news_category_3 .katicon .img { width: 70px; height: 70px; background: url("../images_design/kalender.png") 18px 18px no-repeat; background-size:35px 35px; }
#container .inside #aktuelles_boxen.mod_newslist .news_category_4 .katicon .img { width: 70px; height: 70px; background: url("../images_design/smv.png") 18px 18px no-repeat; background-size:35px 35px; }
#container .inside #aktuelles_boxen.mod_newslist .news_category_5 .katicon .img { width: 70px; height: 70px; background: url("../images_design/gss.png") 18px 18px no-repeat; background-size:35px 35px; }
#container .inside #aktuelles_boxen.mod_newslist .news_category_6 .katicon .img { width: 70px; height: 70px; background: url("../images_design/foerderverein.png") 18px 18px no-repeat; background-size:35px 35px; }
#container .inside #aktuelles_boxen.mod_newslist .news_category_7 .katicon .img { width: 70px; height: 70px; background: url("../images_design/secondhandladen.png") 18px 18px no-repeat; background-size:35px 35px; }
#container .inside #aktuelles_boxen.mod_newslist .news_category_8 .katicon .img { width: 70px; height: 70px; background: url("../images_design/fruehfoerderung.png") 18px 18px no-repeat; background-size:35px 35px; }
#container .inside #aktuelles_boxen.mod_newslist .news_category_9 .katicon .img { width: 70px; height: 70px; background: url("../images_design/schulkindergarten.png") 18px 18px no-repeat; background-size:35px 35px; }


#container .inside #aktuelles_boxen.mod_newslist .inhalt .image_container { display:none; }
#container .inside #aktuelles_boxen {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#container .inside #aktuelles_boxen.mod_newslist .layout_latest {
    margin: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    float: left;
    width: 30%;
    height: auto;
    position: relative;
    margin-right: 1%;
    margin-bottom: 20px !important;
    padding: 0;
}


/* ############ für spaltenausgaben #################*/
#aktuelles_boxen.vollespaltenbreite { }
#container .inside #aktuelles_boxen.mod_newslist.vollespaltenbreite .layout_latest { width:98%; }
#container .inside #aktuelles_boxen.mod_newslist.halbespaltenbreite .layout_latest { width:48%; }

/* ###################### Highlight BOX für Startseite ########### */
#aktuelles_boxen_highlight { margin:0; padding:0; width: calc(100% - 70px); background: #F5F5F5; border-radius: 23px; padding: 0px 35px 20px 35px; overflow:hidden; }
#aktuelles_boxen_highlight .highlightkopf { position:relative; margin:0; padding:0; width: 100%; background: #94DC49; border-radius: 23px 23px 0 0; height: 50px; 
background: rgb(148,220,73);
background: linear-gradient(90deg, rgba(148,220,73,1) 0%, rgba(148,220,73,1) 44%, rgba(96,156,33,1) 100%);
}
#aktuelles_boxen_highlight .highlightkopf h3 { font-family: "Lato", sans-serif; margin:0; padding:0; padding-left: 28px; padding-top: 8px; width: calc(85% - 40px); color: #ffffff !important; font-weight:normal; font-size:110%; }
#aktuelles_boxen_highlight .inhalt  { margin:0; padding:0; width:100%; height:100%; overflow:hidden; }
#aktuelles_boxen_highlight .inhalt .text { background: #F5F5F5; float:left;  background: #F5F5F5; width: calc(100% - 40px); margin:0; padding:0; padding-left: 0px; margin-left:20px; }
#aktuelles_boxen_highlight .inhalt .text.mitbild { margin-left: 40%; width: calc(60% - 40px);  padding-left: 20px; }
#aktuelles_boxen_highlight .inhalt .info { margin-top: 25px; font-size: 71%; margin-bottom: 10px; }
#aktuelles_boxen_highlight .inhalt  h2 { font-family: "Lato", sans-serif; margin:0; margin-top: 0em; margin-bottom: 0.8em; padding:0; width: 100%; font-size: 94%; color:#94DC49; font-weight:normal; text-align:left; }
#aktuelles_boxen_highlight .inhalt  h2 a { text-decoration:none; color:#609C21; }
#aktuelles_boxen_highlight .inhalt .more { padding-botom: 10px; height: 30px; background: url("../images_design/nav-pfeil_gruen.png") top left no-repeat; background-size: 25px 25px; }
#aktuelles_boxen_highlight .inhalt .more a { color: #707070 !important; margin-left: 35px; line-height: 25px; text-decoration:none;  }
#aktuelles_boxen_highlight .highlightkopf .katicon { position:absolute; z-index:99; top:10px; right: 23px;  width:30px; height:30px;  text-align:left; }
#aktuelles_boxen_highlight .highlightkopf .katicon .img { width: 30px; height: 30px; background: url("../images_design/gss.png") top left no-repeat; background-size: 30px 30px; }

#aktuelles_boxen_highlight .news_category_1 .highlightkopf .katicon .img { width: 30px; height: 30px; background-image: url("../images_design/holiday.png"); background-size: 30px 30px; }
#aktuelles_boxen_highlight .news_category_2 .highlightkopf .katicon .img { width: 30px; height: 30px; background-image: url("../images_design/gss.png"); background-size: 30px 30px; }
#aktuelles_boxen_highlight .news_category_3 .highlightkopf .katicon .img { width: 30px; height: 30px; background-image: url("../images_design/kalender.png"); background-size: 30px 30px; }
#aktuelles_boxen_highlight .news_category_4 .highlightkopf .katicon .img { width: 30px; height: 30px; background-image: url("../images_design/smv.png");  background-size: 30px 30px; }
#aktuelles_boxen_highlight .news_category_5 .highlightkopf .katicon .img { width: 30px; height: 30px; background-image: url("../images_design/gss.png"); background-size: 30px 30px; }
#aktuelles_boxen_highlight .news_category_6 .highlightkopf .katicon .img { width: 30px; height: 30px; background-image: url("../images_design/foerderverein.png");  background-size: 30px 30px; }
#aktuelles_boxen_highlight .news_category_7 .highlightkopf .katicon .img { width: 30px; height: 30px; background-image: url("../images_design/secondhandladen.png"); background-size: 30px 30px; }
#aktuelles_boxen_highlight .news_category_8 .highlightkopf .katicon .img { width: 30px; height: 30px; background-image: url("../images_design/fruehfoerderung.png");  background-size: 30px 30px; }
#aktuelles_boxen_highlight .news_category_9 .highlightkopf .katicon .img { width: 30px; height: 30px; background-image: url("../images_design/schulkindergarten.png"); background-size: 30px 30px; }


#aktuelles_boxen_highlight .inhalt .bild { display: none; visibility:hidden; }  

#aktuelles_boxen_highlight .ueberschrift {
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 105px, rgba(245,245,245,1) 110px, rgba(245,245,245,1) 100%);
} 

#aktuelles_boxen_highlight.zweihighlights {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#aktuelles_boxen_highlight.zweihighlights .layout_latest {
    margin: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: auto;
    position: relative;
}
#aktuelles_boxen_highlight.zweihighlights .layout_latest { float:left; width: calc(50% - 30px);  background: #F5F5F5; border-radius: 23px;  }
#aktuelles_boxen_highlight.zweihighlights .layout_latest:first-child { margin-right: 60px; }
#aktuelles_boxen_highlight.zweihighlights .inhalt .text {padding-bottom:20px;  padding-right:20px; border-radius: 0 0 23px 0; }
#aktuelles_boxen_highlight.zweihighlights { width: 100%; padding: 0; background:none; padding-bottom:20px;}




#container .inside .mod_search .header { }
#container .inside .mod_search .context { }
#container .inside .mod_search { }
#container .inside .mod_search input {}
#container .inside .mod_search input[type="search"] { width: 300px; float:left; margin-right: 20px; font-size:81%; font-weight: normal; }
#container .inside .mod_search input[type="submit"] { }
#container input[type="search"] { }
#container form button, #container input[type="submit"], #container .button { padding: 5px 10px; background: #94DC49; font-size:81%; color: #ffffff; }
#container form .widget-radio { display:none; visibility:hidden; }
#container .mod_search h3 a { color: #609C21; }
#container .mod_search .even, #container .mod_search .odd { border-top: 1px solid #609C21; }
#container .mod_search { margin-top: 30px; }


#container .inside .ce_accordion { margin-top: 0px; }
#container .inside .ce_accordion.headerfett .ui-accordion-header { font-weight:bold; }
#container .inside .ce_accordion .ui-accordion-header {   cursor: pointer;  margin:0; margin-top: 0em; margin-bottom: 1.2em; padding:0; width: calc(100% - 40px); font-size: 100%; color:#609C21; font-family: "Lato", sans-serif; font-weight:normal; text-align:left;  background: #f5f5f5; padding: 10px 20px; border-radius: 15px; }
#container .inside .ce_accordion .ui-accordion-header-icon { float: right; width: 20px; height: 20px; background: url(../images_design/down_grau.png) top left no-repeat; background-size:20px 20px;}
#container .inside .ce_accordion .ui-accordion-header-active .ui-accordion-header-icon { background: url(../images_design/up_grau.png) top left no-repeat; background-size:20px 20px;}
#container .inside .ce_accordion .ui-accordion-content { margin:0; padding:0; margin-bottom: 1em; font-size:100%; color: #8e8e8e; font-weight: normal; line-height:1.3; }
#container .inside .ce_accordion .ui-accordion-content ul li { width:90%; }


#container .inside .image_container .caption { font-size: 71%; font-weight:normal; font-style:italic; }

#container .bilder { margin:0 0 45px 0; padding:0; width:100%; height: auto; overflow:hidden; }
#container .bilder ol { margin:0; padding:0; width: 100%; list-style-type:none; }
#container .bilder ol li { margin:0; padding:0;  padding-bottom:15px; list-style-type: none; float:left; width: 22%;  margin-right:3%; text-align:center; }
#container .bilder ol li figure { margin:0; padding:0; width: 100%; height:100%; }
#container .bilder ol li img {  display: inline; width: 100%; height: auto; padding:3%; border: 1px solid #ebebeb; }
#container .bilder ol li figure.schneiden { max-height:188px;  width:auto !important;  padding-bottom:10px; }
#container .bilder ol li figure.schneiden  img   { height:98%; max-height:188px;  width:auto !important;}
#container .bilder ol li:nth-child(4n+5) { clear:both; }

#container .bilder.rechtespalte { width: 48%; }

#container .ce_downloads ul li  { list-style-type:none; margin-left:5px; min-height: 26px; margin-bottom:10px; }
#container .ce_downloads ul li a { padding-left: 40px; display:block; }
#container .ce_downloads ul li.download-element { background-size: 34px 30px !important; }


.glightbox-container .gslider { width: 90%; left: 5%; }
.glightbox-clean .gprev { top: 45%; left:5%; }
.glightbox-clean .gnext  { top: 45%; right: 5%; }

#container .mod_sitemap { font-size:110%; font-weight:normal; }
#container .mod_sitemap ul.level_2 li, #container .mod_sitemap ul.level_3 li { font-size: 100%; }
#container .mod_sitemap ul.level_1 li::marker { color: #609C21; }
#container .mod_sitemap ul.level_2 li::marker { color: #94DC49; }
#container .mod_sitemap ul.level_3 li::marker { color: #707070; }


/* ######################## NAV Förderverein ################################### */

#container .inside #foerdervereinlogo { width: 100%; margin:0; padding:0; overflow:hidden; position:relative; }
#container .inside .foerderverein_logo { float:left; width:95px; margin-right:10px; }
#container .inside .foerderverein_logo_slogan { float:left; width:calc(100% - 105px); }
#container .inside #nav_foerderverein { margin:0 0 25px 0; padding:20px; width: calc(100% - 40px); overflow:hidden; border-radius: 15px;  background: #f5f5f5; position:relative; } 
#container .inside #nav_foerderverein ul { }
#container .inside #nav_foerderverein ul li { float:left; width:auto; margin:0; padding:0; margin-right: 20px; list-style-type:none; text-decoration:none; font-size: 81%; }


/* ######################## FOOTER ################################### */
		
#footer {  margin:0px auto 0px auto; padding:0; padding-bottom: 30px; border-radius: 18px 18px 0px 0px; background: #F3F1F1; width:100%; height:auto; min-height:150px; overflow:hidden;  }
#footer .inside { position:relative; margin:0 auto; padding: 35px 0 0px 0; width:92%; max-width:1440px;  overflow:hidden; text-align:left; }
#footer .inside h4 { font-family: "Lato", sans-serif; margin:0; margin-top: 0.8em; margin-bottom: 0.8em; padding:0; width: 100%; font-size: 100%; color:#609C21; font-weight:normal; text-align:left; }
#footer .inside p { color: #707070; font-size:81%; margin:0; margin-bottom:15px; padding:0; line-height:1.5; }
#footer .inside p a { color: #707070; text-decoration:none;  }
#footer .inside p a:hover { text-decoration:none; color: #609C21;  }
#footer .inside p a.active { color: #609C21; }
#footer .inside ul { margin:0; padding:0; width: 100%; height: auto; overflow:hidden;}
#footer .inside ul li { color: #707070; font-size:81%; margin:0; margin-bottom: 17px; padding:0; line-height:1.5; list-style-type:none; }
#footer .inside ul li { background: url("../images_design/nav-pfeil_gruen.png") top left no-repeat; background-size: 20px 20px; }
#footer .inside ul li a { color: #707070; margin-left: 30px; text-decoration:none;}

#footer .inside #iserv { position:absolute; padding:10px; background: #ffffff; border-radius:10px; bottom: 20px; right:0px; width: 50px; height:50px; z-index: 99; }

#footer .mail { background: url("../images-design/email.png") top left no-repeat; background-size: 25px 21px; padding-left:33px; line-height:26px; padding-bottom: 6px; }


/* ######################## COPYRIGHT ################################### */
		
#copyright {  margin:0px auto 0px auto; margin-top: -10px; padding:0; padding-top:20px; padding-bottom: 20px; border-radius: 18px 18px 0px 0px; background: #466920; width:100%; height:auto; overflow:hidden;   }
#copyright .inside { margin:0 auto; padding: 15px 0 0px 0; width:92%; max-width:1440px;  overflow:hidden; text-align:left; }
#copyright .inside p { color: #ffffff; font-size:71%; margin:0; margin-bottom:25px; padding:0; line-height:1.5; text-align:center;  }
#copyright .inside p a { color: #ffffff; text-decoration:underline;  }
#copyright .inside p a:hover { text-decoration:none; color: #ffffff;  }
#copyright .inside p a.active { color: #ffffff; }
#copyright p a:after { content: "|"; padding-left: 15px; padding-right: 15px; text-decoration:none;}
#copyright p a:last-child:after { content: ""; padding-left: 0px; padding-right: 0px;}

#copyright p:first-child { float:right; width: auto; }
#copyright p:last-child { float:left; width: auto; }

#copyright ul { margin:0 auto; padding:0; text-align:center; width: 600px; }
#copyright ul li { float:left; color: #ffffff; list-style-type:none; font-size:71%; margin:0; margin:0px 3px; padding:0; line-height:1.5; }
#copyright ul li a {  color: #ffffff; }
#copyright ul li:after { content: "|"; }
#copyright ul li:last-child:after { content: ""; }



/* ######################## SONSTIGES SPALTENSET ################################### */
.erstespalte { float:left; width:35%; margin-right:3%; }
.zweitespalte { float:left; width:39%; margin-right:3%; }
.drittespalte { float:left; width:20%; }

.linkespalte { float:left; width:46%; margin-right:8%; }
.rechtespalte { float:left; width:46%; }

#container .linkespalte75 { float:left; margin:0; padding:0; width:71%; margin-right:8%; }
#container .rechtespalte25 { float:left; margin:0; padding:0; width:21%;  margin-top:0px; }
#container .linkespalte25 { float:left; margin:0; padding:0; width:21%; margin-right:8%; }
#container .rechtespalte75 { float:left; margin:0; padding:0; width:71%;  margin-top:0px; }
#container .linkespalte66 { float:left; margin:0; padding:0; width:62%; margin-right:8%; }
#container .rechtespalte33 { float:left; margin:0; padding:0; width:30%;  margin-top:0px; }
#container .linkespalte33 { float:left; margin:0; padding:0; width:30%; margin-right:8%; }
#container .rechtespalte66 { float:left; margin:0; padding:0; width:62%;  margin-top:0px; }

#container .linkespalte { float:left; margin:0; padding:0; width:46%; margin-right:8%; }
#container .rechtespalte { float:left; margin:0; padding:0; width:46%;  margin-top:0px; }

#container .linkespalte_30 { float:left; margin:0; padding:0; width:26%; margin-right:8%; }
#container .rechtespalte_70 { float:left; margin:0; padding:0; width:66%;  margin-top:0px; }
#container .linkespalte_70 { float:left; margin:0; padding:0; width:66%; margin-right:8%; }
#container .rechtespalte_30 { float:left; margin:0; padding:0; width:26%;  margin-top:0px; }

#container .linkespalte_33 { float:left; margin:0; padding:0; width:31%; margin-right:3.5%; }
#container .mittlerespalte_33 { float:left; margin:0; padding:0; width:31%; margin-right:3.5%; }
#container .rechtespalte_33 { float:left; margin:0; padding:0; width:31%;  margin-top:0px; }



#footer .linkespalte { float:left; margin:0; padding:0; width:46%; margin-right:8%; overflow:hidden; }
#footer .rechtespalte { float:left; margin:0; padding:0; width:46%;  margin-top:0px; overflow:hidden; }

.zweispaltig { float:left; width:47%; margin:0; padding:0; overflow:hidden; }
.marginright, .abstand { margin-right: 6%; }

.linkliste { margin:0; padding:0; margin-top: 10px; margin-bottom: 10px !important; border-bottom: 1px solid #609C21; }
.linkliste figure { float:left; width: 80px !important; margin-right: 20px !important; }
.linkliste p { float:left; width: calc(100% - 100px)  !important; }

/* ######################## EMBEDED  ################################### */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; height: auto; }
.embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.embed-container.ratio4x3 { padding-bottom: 75%; }


/* ################## FORMULARE ################# */
#formular { width: 100%; margin:0; padding: 0; } 
* html #formular { height: 1px; float:left; }
#formular p { margin:0; padding:0; margin-bottom: 2px;}
#formular fieldset { margin:0; padding:0; margin-bottom: 10px; width: 100%; border: none; }
#formular label { clear:both;margin:0;padding:0; width: 25%; display: block; float: left; cursor: pointer; line-height:21px; }
#formular input, #formular textarea { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #505151; }
#formular input { margin:0;padding:0;background-color:#E6E6E8;color:#505151;border:1px solid #ffffff;height:26px;width:60%;line-height:26px; }
#formular textarea { margin:0;padding:0;background-color:#E6E6E8;color:#505151;border:1px solid #ffffff;width:85%;height:155px; }
#formular #senden { margin:0;margin-top:10px;padding:0;background-color:#009fe3;color:#ffffff;border:1px solid #1b8ee3;height:26px;line-height:20px;width:85%;font-size:80%;font-weight:bold; }
#formular input:focus, textarea:focus { background-color: #BBE3FA;  }
#formular .labelvollebreite { width: 85% !important;margin-top:10px;margin-bottom: 8px; }
#formular .fehler { border:1px solid #ff0000 !important; }
#formular p.ueberschrift { margin-bottom: 8px; }
#formular #nachricht { height: 150px !important; }

#container .inside 	table, #container .inside 	table tr, #container .inside 	table td { border: 0px; }
#container .inside 	table td { font-size: 86%; }

 
/* ################## MOBILE NAVIGATION ################# */




/* ########### SONSTIGES ################# */
img { border:0; }

.orange { color: #94DC49; }
.braun { color: #691500; }
.hellgrau { color: #F5F5F5; }
.mittelgrau { color: #E0E0E0; }
.grau { color: #707070; }
.rot { color: #ff0000; }
.gruen { #609C21; }

.fett { font-weight:bold; }
.blocksatz { text-align:justify; }
  
.nowrap { white-space: nowrap;}
.floatleft { float:left; }
.floatright { float:right; }
.margintop { margin-top: 20px;}

.clearing { margin:0; padding:0; clear:both; width:100%; height:0; }
.spaltenende { margin:0; padding:0; clear:both; width:100%; height:0; display:block; overflow:hidden; }
.abstand20px { margin-bottom: 20px; }
.abstand25px { margin-bottom: 20px; }
.abstand30px { margin-bottom: 30px; }
.abstand35px { margin-bottom: 20px; }
.abstand40px { margin-bottom: 40px; }

/* ########### AUSBLENDEN ################# */
.mobile { display:none; visibility:hidden; }
.desktop { display:block; visibility:visible; }
.adressesmartphone { display:none; visibility:hidden; }
#header #menu, .invisible { display:none; visibility: hidden; }
#navmobile { visibility:hidden; display:none; }
#containles #fffvskmobile { display:none; visibility:hidden; }
.ausgabe_backend { display:none; visibility:hidden; }

li.verstecken { display:none; visibility:hidden; }



/* ########################################################################*/
/* ################## WEITERE DESKTOP VERSION ########################*/

@media all and (max-device-width: 1050px), all and (max-width: 1050px) {
#header .menu ul.level_1 li { margin-right: 5%; }
#copyright p:first-child { float:none; width: 100%; }
#copyright p:last-child { float:none; width: 100%; }
#copyright p a:after { content: "|"; padding-left: 20px; padding-right: 20px; text-decoration:none;}

#header { background: linear-gradient(180deg, rgba(148,220,73,1) 0%, rgba(148,220,73,1) 94px, rgba(255,255,255,0) 94px, rgba(255,255,255,0) 100%); height:95px;}

#header .menu { display:none; visibility:hidden; text-decoration:none; }
.slider { padding-top: 90px; }

#navmobile a {  text-decoration:none; }
#navmobile { display:block; visibility:visible; z-index:99999; position:absolute; top: 10px; right: 20px; width:25%; margin:0; padding:0;  height:auto;}
#navmobile img { float:left; width:auto; }
#navmobile p {width:60px;  color: #FFFFFF; margin:0; padding-top:5px; text-align:center; text-decoration:none;}
#navmobile a p { color: #FFFFFF; text-decoration:none; }

#containles #fffvskmobile { display:block; visibility:visible; }
#header_logo #fffvsk { display:none; visibility:hidden; }
#header_logo #fffvsk_alt { clear:both; float:none; margin-left:31%; width: 100%; margin-top: 35px; display:block;}
#header_logo #fffvsk_alt ul li { float:left; width: 34%; }
#header_logo #logo { width: 100%; }
#header_logo #logo .gsslogo2 { float:left; width: 28%; margin-top:10px; margin-right: 3%; }
#header_logo #logo .gsslogo { float: left; width: 69%; display: inline-block; margin-top:0; }

.flexer { height: 350px; width: auto; background: url(../images_slider/dummy.jpg) top center no-repeat; background-size: cover; }
.flexer .flexbild { display:none; visibility:hidden; }

#container .bilder ol li {width: 29%;  margin-right:4%; }
#container .bilder ol li:nth-child(4n+5) { clear:none; }
#container .bilder ol li:nth-child(3n+4) { clear:both; }

#container .inside #aktuelles_boxen.mod_newslist .layout_latest { width: 47%; margin-right: 3%; }

#aktuelles_boxen_highlight .inhalt { background-position: -70px center !important; }
 

}




/* ########################################################################*/
/* ################## TABLET VERSION ########################*/
@media all and (max-device-width: 768px), all and (max-width: 768px) {

#container .linkespalte { width:100%; margin-right:0%; }
#container .rechtespalte { clear:both; display:block; padding-top:0px; width:100%;  margin-top:30px; }

#container .linkespalte_30 { width:46%; margin-right:8%; }
#container .rechtespalte_70 { width:46%;  margin-top:0px; }
#container .linkespalte_70 { width:46%; margin-right:8%; }
#container .rechtespalte_30 { width:46%;  margin-top:0px; }
#container .linkespalte_33 { width:31%; margin-right:3.5%; }
#container .mittlerespalte_33 { width:31%; margin-right:3.5%; }
#container .rechtespalte_33 { width:31%;  margin-top:0px; }

.desktop { visibility:hidden; display:none; }
.mobile { visibility: visible; display:block;  }

#header_1 #telefon_email { padding-top: 11px; overflow:hidden; height: 70px; }
#header_1 #telefon_email #telefon { float:none; clear:both; margin:0; margin-left: 30px; margin-bottom: 35px; padding:0; width: 100%; text-align:left; }
#header_1 #telefon_email #telefon p { margin-left: 7px; }
#header_1 #telefon_email #email { float:none; clear:both; margin:0; margin-left: 30px;padding:0; width: 100%; text-align:left;  }
#header_1 #lupe_barrierefreiheit { height: 55px; padding-top: 26px; }

#aktuelles_boxen_highlight .inhalt .text.mitbild { margin-left: 40%; width: calc(60% - 40px); padding-left: 20px; padding-bottom: 40px; padding-top:20px;}
#aktuelles_boxen_highlight .bildhoeher .inhalt { padding-bottom: 60px; }
#aktuelles_boxen_highlight.zweihighlights .layout_latest { float:none; width: 100%; }
#aktuelles_boxen_highlight.zweihighlights .layout_latest:first-child { margin-right:0; margin-bottom: 30px; }
#aktuelles_boxen_highlight.zweihighlights .bildhoeher .inhalt { padding-bottom:0;}
#aktuelles_boxen_highlight .inhalt { background-position: -30px center !important; }

#container .inside .bildoriginalgroesse {  max-width:600px; }
#container .inside .bildoriginalgroesse img {  max-width:600px;  }

#container .inside 	table,
#container .inside 	table thead,
#container .inside 	table tbody,
#container .inside table th,
#container .inside 	table td,
#container .inside 	table tr { display: block; }
#container .inside 	table tr { border: 0px solid #ccc; padding-top: 0px; margin-bottom: 15px;  border-bottom: 0px dashed #5a595b;}
#container .inside 	table td { border: none; border-bottom: 0px solid #eee; position: relative; padding: 0; width:100%; }

#container .inside #nav_foerderverein ul li:first-child { width: 100%;}
#container .inside #nav_foerderverein ul li { width: 33%; margin-right: 0;}



}

@media all and (max-device-width: 720px), all and (max-width: 720px) {
#footer .zweispaltig.marginright { margin-right:0;}
#footer .zweispaltig { float:none;  width:100%;  margin-bottom:30px; }
#copyright .inside p a { width: 100%; text-align:center; display:block; margin-bottom: 20px; }
#copyright p a:after { content: ""; padding-left: 0px; padding-right: 0px; }
}


/* ########################################################################*/
/* ##################### VERSION SMARTPHONE !! #########################*/

@media all and (max-device-width: 640px), all and (max-width: 640px) {
#navmobile {  top: 10px; right: 6%; width:60px; }
#containles #fffvsk_nav_mobile { width: calc(89% - 70px); }
#header_1 #telefon_email #telefon, #header_1 #telefon_email #email { margin-left: 20px;}
#containles #fffvsk_nav_mobile ul li { width: 47%;}

#container .zweispaltig { width:100%; margin-bottom:30px; }
#container .zweispaltig.marginright, #container .zweispaltig.abstand { margin-right: 0%; }
#container .inside .bildoriginalgroesse {  max-width:400px; }
#container .inside .bildoriginalgroesse img {  max-width:400px;  }

#container .bilder ol li {width: 44%;  margin-right:5%; }
#container .bilder ol li:nth-child(3n+4) { clear:none; }
#container .bilder ol li:nth-child(2n+3) { clear:both; }

#aktuelles_boxen_highlight .inhalt .info { margin-top: 12px; }
#aktuelles_boxen_highlight .inhalt h2 { margin-bottom: 0.3em; }
#aktuelles_boxen_highlight .inhalt .more { margin-bottom: 0.5em !Important; }

#aktuelles_boxen_highlight .inhalt h2, #aktuelles_boxen .inhalt h2  { word-wrap: break-word; } 


#breadcrumb p { float:none; }

#container .inside h1 {font-size: 125%; }
#container .inside h2 {font-size: 105%; }
#container .inside h3 {font-size: 96%; }
#container .inside h4 {font-size: 96%; }
#container .inside h5 {font-size: 86%; }
#container .inside h6 {font-size: 86%; }


}

@media all and (max-device-width: 480px), all and (max-width: 480px) {
#header_1 .inside, #header_logo .inside, #footer .inside, #copyright .inside, #breadcrumb .inside, #container .inside { width: 88%; }

#header_1 #telefon_email p { display:none; visibility:hidden; }
#header_1 #lupe_barrierefreiheit { height: 45px; padding-top: 15px; }
#header_1 #telefon_email { height: 50px; width: 65%;  }
#header_1 #telefon_email #email, #header_1 #telefon_email #telefon  { margin:0; padding:0; margin-left: 30px; clear:none; display: inline-block; float: left; width: 35px; height: auto; }
#header_1 #telefon_email #email img, #header_1 #telefon_email #telefon img { margin:0; padding:0; float:left; width: 35px; height: auto; }
#header_1 #telefon_email #telefon  { margin-right: 10px; }
#header_1 #telefon_email #email img { margin:0; padding-top: 4px; }
#header_1 #lupe_barrierefreiheit { width: calc(35% + 15px); }

#header_logo #logo .gsslogo2 { margin-right:0; width: 50%; max-width: 200px; float:none; }
#header_logo #logo .gsslogo { width: 98%; max-width: 500px; float:none;}
#containles #fffvsk_nav_mobile ul li a { margin-left: 35px; }
#containles #fffvsk_nav_mobile { width: calc(92% - 70px); }
#containles #fffvsk_nav_mobile ul li { width: 45%; }
#containles #fffvsk_nav_mobile ul li strong { margin-left: 35px; }

#container .inside .bildoriginalgroesse {  max-width:300px; }
#container .inside .bildoriginalgroesse img {  max-width:300px;  }

#container .inside #aktuelles_boxen.mod_newslist .layout_latest { width: 99%; margin-right: 0%; }
#container .inside #aktuelles_boxen.mod_newslist .inhalt { padding: 35px 20px 20px 20px; }
#aktuelles_boxen_highlight .bildhoeher .inhalt { padding-bottom: 0px; }

#aktuelles_boxen_highlight .inhalt .text, #aktuelles_boxen_highlight .inhalt .text.mitbild { margin-left: 8%; width: 84%; padding-left:0; padding-top: 0; padding-bottom:20px;} 
#aktuelles_boxen_highlight .inhalt { background:none !important; }
#aktuelles_boxen_highlight .inhalt .bild { display: block; visibility:visible; }
#aktuelles_boxen_highlight .inhalt .info { margin-top: 20px; }
#aktuelles_boxen_highlight .inhalt h2 { margin-bottom: 0.5em; }
#aktuelles_boxen_highlight .inhalt .more { margin-bottom: 0.8em !Important; }

#container .linkespalte_30 { width:100%; margin-right:0%; }
#container .rechtespalte_70 { width:100%;  margin-top:20px; }
#container .linkespalte_70 { width:100%; margin-right:0%; }
#container .rechtespalte_30 { width:100%;  margin-top:20px; }
#container .linkespalte_33 { width:100%; margin-right:0%; }
#container .mittlerespalte_33 { width:100%; margin-right:0%;  margin-top:20px;}
#container .rechtespalte_33 { width:100%;  margin-top:20px; }

#container .inside #nav_foerderverein ul li:first-child { width: 100%;}
#container .inside #nav_foerderverein ul li { width: 50%; margin-right: 0;}
#container .inside #nav_foerderverein  { margin-bottom: 0;}
  
}

@media all and (max-device-width: 430px), all and (max-width: 430px) {
#containles #fffvsk_nav_mobile ul li { width:47%; font-size: 71%; }
#cslider .rsts-slides img {  }
#cslider .inside { min-height: 70px;}
#footer .inside { padding-bottom: 50px; }
#footer .inside #iserv {bottom: 0px; right:auto; left:0px;  }
}

@media all and (max-device-width: 360px), all and (max-width: 360px) {
#container .inside .bildoriginalgroesse {  max-width:280px; }
#container .inside .bildoriginalgroesse img {  max-width:280px;  }
#container .bilder ol li { width: 90%; margin-right:0px; }
#container .bilder ol li img.schneiden {  max-height:117px;  width:auto !important;}
#container .bilder ol li { clear:both; } 
#containles #fffvskmobile { display:none; visibility:hidden; }
#container .inside #nav_foerderverein ul li:first-child { width: 100%;}
#container .inside #nav_foerderverein ul li { width: 100%; margin-right: 0;}
#container .inside #nav_foerderverein ul li:first-child { width: 100%;}

#navmobile { right: 10%; }
#navmobile, #navmobile p { width: 40px; }
#navmobile img { width: 40px; height: auto; }
#navmobile a p { font-size: 12px; }
#header { height: 70px; }
.slider { padding-top:70px; }
}