@font-face {
  font-family: 'Nothing You Could Do';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nothing-you-could-do-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Nothing You Could Do'), local('NothingYouCouldDo'),
       url('../fonts/nothing-you-could-do-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nothing-you-could-do-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nothing-you-could-do-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nothing-you-could-do-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nothing-you-could-do-v7-latin-regular.svg#NothingYouCouldDo') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../material-icons/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../material-icons/MaterialIcons-Regular.woff2) format('woff2'),
    url(../material-icons/MaterialIcons-Regular.woff) format('woff'),
    url(../material-icons/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
html {width: 100%; height: 100%}
body { width: 100%; height: 100%; margin:0; padding: 0; font-family: Verdana, Geneva, sans-serif; color: #313131; font-size: 1em; min-width: 240px; line-height:135%; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}

* {margin:0; padding:0;}
h1, h2, h3, h4, h5 {font-weight: normal; color: #494c50;}
h1, h2 {line-height: 115%;}
h1 {padding-left: 2.5%;}
.content h1, .content h2 {font-size:1.7em;}
.content .boxtyp1 h2 {font-size:1.4em;}
p {margin-top: 0; margin-bottom: 1em; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}
figure {float: left; width: 100%;}
figure img {width: 100%; height: auto; vertical-align: bottom;}
figcaption {float:left;clear:both;width:100%;height:auto;overflow:hidden;font-size: 0.8em; font-style: italic; padding-top: 0.25em;}
.logo_kirch {float:right;width:auto;text-align:center;}
#wrapper { width:90%;max-width:1400px;margin-left:auto;margin-right:auto;}
#inline {width:100%;border-left: dashed 1px #999; border-left: dashed 1px #999; border-right: dashed 1px #999; min-height: 100%; }
.content { float: left; clear: both; width: 100%; padding-top: 2.75em; margin-top: 2.75em; color: #5F5F5F; }
.top-nav {width: 99%; padding-right: 1%; float: left; clear: both; text-align: right; padding-top: 0.5em; padding-bottom: 0.5em;}
.top-nav a {color: #666; text-decoration: none; margin-left: 2em; font-size: 0.8em; color: #494c50;}
.top-nav a:hover {text-decoration: underline;}
.contain01 {width: 50%; padding-left: 4%; padding-right: 16%; float: left;}
.contain02 {width: 24%;  padding-right: 2%; float: right;}
.nav2 {float: left; width: 100%; text-align: right; font-size: 0.8em; padding-bottom: 1em; }
.nav2 a {text-decoration: none; color: #737373; margin-right: 1em; margin-left: 1em;}
.nav2 a:hover {text-decoration: underline;}
.small-02 {font-size: 0.7em; font-style: italic;}
.small-03 {font-size: 0.7em !important; color: #747474;}
.small-03 img {width: 70px; height: auto; margin-right: 1em;}
a.linky {text-decoration: none; color: #737373;}
a.linky:hover {text-decoration: underline;}
.bild_rund {border-radius: 90%; width: 50%; padding: 2%; border: solid 1px #999; margin-top: -2em;}
/* Topleiste */
.namenleiste { width: 100%; vertical-align: middle; padding-top: 36px; padding-bottom: 62px; overflow: hidden; z-index: 12; clear: both; float: left; text-indent: 1em; text-align: left; position: relative; color: #494c50; line-height: 135%;}
.nam01 {font-size: 2.85em; margin:0; font-family: 'Nothing You Could Do', cursive;}
.nam02 {font-size: 0.95em; margin:0; font-family: 'Nothing You Could Do', cursive;}
.umbruch0 { white-space: nowrap;}
.nav-unter { float: left; clear: both; width: 100%; height: 24px; /*background-image: url(../images/standard/BG-OBEN.gif); background-repeat: repeat-x; background-position: center bottom; */}
/* Bildleiste */
.cuvert { float: left; width: 100%; position: relative; z-index: 1; }
.cuvert img {width: 100%; height: auto; vertical-align: bottom;}
/* Bereich Content */
.spalte01 {float:left; clear: both; width: 100%; margin-top: 2em;}
.contain01 article { float:left; clear: both; width: 100%; margin-bottom: 3.5em; font-size: 0.95em;}
.contain01 article header {margin-bottom: 1.5em; font-size: 1.275em; font-family: 'Nothing You Could Do', cursive;}
.contain01 article a {color: #313131; text-decoration: none;}
.contain01 article a:hover {text-decoration: underline;}
.contain01 article ul {padding-left: 14px;}
.contain01 article ul li {margin-bottom: 0.5em;}
.contain01 h3 {font-size: 1em; font-weight: bold; margin-top: 2em; margin-bottom: 0.75em;}
.contain01 .text_con h3 {margin-top:0;}
article figure {width: 25%; float: left;}
article figure img {width: 99.9%; height: auto;border:solid 1px #ccc;}
article footer a { text-decoration: none; color: #313131;}
article footer a:hover {color: #f6ee06;}
.art_folge_2_start {margin-top: -30px;} /* Folgeartikel nach Hintergrundbild Kind */
.text_con, .text-con-b {width: 70%; float: right;}
.text-con-c {width: 100%; float: left;}
.text-con-c figure {float: right; width: 40%; padding-left: 3.75em; margin-bottom: 1.5em;}
.text-con2 {width: 67.5%; padding-left: 2.5%; float: right; margin-top: -1em;line-height:140%;margin-top:-4px;}
.contain01 article footer {margin-top: 1.5em;}
.boxtyp1 { float:left; width: 95%; padding: 2.5%; border: solid 1px #ccc; border-radius: 6px; background-image: url(../mitarbeiter/images/0_bg_mitarbeiter.jpg); background-repeat: no-repeat; background-size:cover;}
.sonder_003, .boxtyp1, .boxtyp1 header h2 {color:#3c2836;}
/* Betreuungszeiten */
.zeiten {float:left;width:45%;padding-right:5%;}
.zeiten ul {list-style:none;margin:0;padding-left:0!important;padding-bottom:2em;margin-bottom:2em;border-radius:0.75em;text-align:center;border:solid 1px #999;}
.zeiten ul li {line-height:normal;}
.zeiten ul li h3 { font-family: 'Nothing You Could Do', cursive;line-height:150%;font-size:1.85em;padding-top:0em;margin-top:1.25em;;font-weight:normal;}
.gruppe, .gruppe2 { font-size:1.15em; font-style:italic; border-top: dotted 1px #999; margin:0; padding:0; padding-top:1em; padding-bottom:0.25em;   text-indent: 0; }
.gruppe2 {margin-top:1.75em;}
.kernzeit, .kernzeit2  {font-weight:normal;font-weight:bold;padding-bottom:0.5em;}
.ueber_01 {}
ul li .back_col_1, ul li .back_col_2 {color:#fff;margin-bottom:0.5em;width:60%;margin-left:auto;margin-right:auto;border-radius:0.5em;box-shadow: 2px 2px 1px #999;}
ul li .back_col_1 {background-color:#77aea3;}
ul li .back_col_2 {background-color:#778bae;}
/* Anfahrt */
.pic_anfahrt {float: left; clear: both; width: 100%; margin-bottom: 1em; vertical-align:bottom;}
.pic_anfahrt img {width: 40%; height: auto; vertical-align:bottom;  margin-top: 6px; border-radius: 0.25em;}
.pic_anfahrt figcaption { float: right; width: 55%; line-height: normal;}
.dist-03 {padding-top: 2em; border-top: dashed 1px #999;}
/* Termine */
.haus1 h3, .haus2 h3 {font-weight: bold; padding-bottom: 0.25em; font-size: 1em; color: #6e6363;}
.haus1 {margin-top: -34px; padding-bottom: 1.5em;}
.haus1 h3 img, .haus2 h3 img  { clear: both;width: 20px; height: auto;}
.haus2 { margin-bottom: 1.05em; padding-bottom: 24px;}
.haus h3, .tel {margin-bottom: 0.5em;}
.info {float: left; width: 100%; font-size: 0.925em; }
.info h2 {font-size: 1.875em; margin-bottom: 0.5em; font-family: 'Nothing You Could Do', cursive; margin-bottom: 1.25em;}
.info aside { float: left; clear:both; width: 100%; text-align: center; margin-bottom: 1.25em;}
.sonder {margin-top: 2em;}
.sonder a {display: inline-block; color: #fff; text-decoration: none; font-weight: bold; height: 60px; line-height: 60px; width: 60px; background-color: #9a9fa8; border-radius: 90%; }
.sonder a img {height: 30px; width: auto; margin-top: 12px; }
.sonder a:hover {text-decoration: underline; background-color: #BFE16F;}
.klein01 {font-size: 0.8em; color: #747474;}
.info h2 { text-align: center; padding-top: 0.25em; padding-bottom: 0.25em; font-size: 1.2em; margin:0;}
.info aside p {font-size: 0.8em; margin-bottom: 1em; color: #464646;}
.schrift003 { font-size: 1.75em  !important; margin-bottom: 0.5em !important; background-image: url(../images/standard/background-line-aside-h3.gif); width:85% !important; margin-left: 7.5% !important; margin-right: 7.5% !important; background-repeat: repeat-x; background-position: left center; padding: 0px; }
.weiss-bg {background-color: #fff;}
.abstand01 {margin-top: 1em !important;}
.toon {width: 100%; height: auto; text-align: center; margin-top: -0.5em; margin-bottom: 1em;}
.toon img  {width: 190px; height: auto; vertical-align:bottom; margin-bottom:0.25em;}
.termine {float: left; clear: both; width: 80%; padding-left: 10%; padding-right: 10%;}
/* ############################ Accordeon ########################### */
#accordion107, #accordion108, #accordion109, #accordion1010, #accordion1011, #accordion1022, #accordion1023  {margin: 0; padding: 0;}
#accordion107, #accordion108, #accordion109, #accordion1010, #accordion1011,  #accordion1022, #accordion1023  {margin-bottom: 1em;}
#accordion107 img, #accordion108 img, #accordion109 img, #accordion1010 img, #accordion1011 img,  #accordion1022 img, #accordion1023 img {float: left; width: 100%; height: auto;}
#accordion107 p, #accordion108 p, #accordion109 p, #accordion1010 p, #accordion1011 p,  #accordion1022 p, #accordion1023 p {margin-top: 1em; margin-bottom: 1em; text-align: center; background-color: #f2f2f2; padding: 0.75em; box-shadow: 2px 2px 1px #c8c8c8; border-radius: 6px; font-size: 0.95em;}
#accordion107 p:first-line, #accordion108 p:first-line, #accordion109 p:first-line, #accordion1010 p:first-line, #accordion1011 p:first-line,  #accordion1022 p:first-line, #accordion1023 p:first-line  {font-weight:bold;}
.accordion-toggle { cursor: pointer; margin: 0; padding:0;}
.accordion-content { display: none;}
.accordion-content.default {display: block;}
.accordion-all h5 { font-weight: normal; text-align: center; font-family: 'Nothing You Could Do', cursive; padding-top: 0.35em; padding-bottom: 0.35em; font-size: 1.35em;}
.accordion-all h5:hover {background-color: #BFE16F; color: #333;}
.dunkel {background-color: #999 !important;}
.schrift06 {background-color: #ccc; padding-bottom: 3px; padding-top: 3px; font-weight: bold; color: #fff; font-size: 0.8em; text-shadow: 1px 1px #999; border-radius: 6px; width: 90px; margin-left: auto; margin-right: auto;}
/* #########################  footer unten   ################################# */
.footer-unten {width: 96%; padding: 2%; padding-top: 3em; margin-top: 1.5em; font-size: 0.7em; color: #707070; float: left; border-top: solid 1px #9a9fa8;}
.bo-01, .bo-02, .bo-mitte {float: left; width: 33.3%;}
.bo-mitte {text-align: center;}
.bo-01 img {width: 162px; height: auto;}
.bo-mitte img {width: 200px; height: auto; text-align: center;}
.bo-02 a {color: #707070; text-decoration: none;}
.bo-02 a:hover {text-decoration: underline;}
.bo-02 {text-align: right;}
.move_top {float:left;clear:both;width:100%;text-align:center;}
.move_top_link { display:inline-block; font-size:12px; width:45px; height:45px;color:#fff; border-radius:90%; line-height:45px; background-color: #979ca5; cursor: pointer; background-image: url(../images/standard/move_to_top.gif); background-repeat: no-repeat; background-position: center center; background-size:20px 20px; }
/* ##################################################################### */
/* Hintergrundfarben  */
.namenleiste, .top-nav, .cuvert {background-color: #fff;}
#navigation {background-image: url(../images/standard/bg-navihation.gif); background-repeat: no-repeat; background-position: left bottom;background-size:100% auto; }
#navigation ul, .menu-button {background-color: #9a9fa8;}
.content, .namenleiste, .cuvert, .top-nav, .footer-unten  {background-color:  rgba(255, 255, 255, 0.4);}
.farb02, .schrift05 {background-color: #9a9fa8; color: #fff;}
.verlauf01 { float: left; clear:both; width: 100%;
background: -moz-linear-gradient(-45deg, rgba(154,159,168,0.36) 0%, rgba(0,0,0,0) 100%); 
background: -webkit-linear-gradient(-45deg, rgba(154,159,168,0.36) 0%,rgba(0,0,0,0) 100%); 
background: linear-gradient(135deg, rgba(154,159,168,0.36) 0%,rgba(0,0,0,0) 100%);

}
.rot-01 {color:#853d2f;}
.blau-01 {color:#1a4cca;}
.gruen-01 {color:#39852f;}
.gelb-01 {color:#d6c074;}
/* Hintergrundbilder */
body { background-attachment: fixed; background-image: url(../images/standard/links_mini.jpg); background-repeat: no-repeat; background-position: left top; background-size: 35% auto; }
.bildchen { background-image: url(../images/standard/bg_strichfrauchen_trans.gif); background-size: auto 70px; background-repeat: no-repeat; background-position: 90% 1em;}
.hund_katze { background-image: url(../images/standard/hund-katze.jpg); background-repeat: no-repeat; background-position: left top; background-size: 90px auto;}
.hund { background-image: url(../images/standard/hund.jpg); background-repeat: no-repeat; background-position: left top; background-size: 90px auto;}
.katze { background-image: url(../images/standard/katze.jpg); background-repeat: no-repeat; background-position: left top; background-size: 90px auto;}
.maus { background-image: url(../images/standard/1maus.jpg); background-repeat: no-repeat; background-position: right bottom; background-size: 60px auto;}
.kind { background-image: url(../images/standard/kind.gif); background-repeat: no-repeat; background-position: right bottom; background-size: 60px auto;padding-bottom:30px; }
.dach { background-image: url(../images/standard/dach.gif); background-repeat: no-repeat; background-position: center top; background-size: 75% auto; margin-top: -1.75em; padding-top: 7em;}
@media only screen and (min-width: 801px) { 
.namenleiste { background-image: url(../images/standard/1maus.gif); background-repeat: no-repeat; background-position: right bottom; background-size: 50px auto; }
.mob-sub001 {display:none;}
.nono {display:none;}
}
@media only screen and (max-width: 800px) { 
.namenleiste { line-height: 150%; background-image: url(../images/standard/1maus.gif); background-position: center 10px; background-repeat: no-repeat; background-size: 50px auto; padding-top: 56px; padding-bottom: 34px;}
}
/* border- radius */
.info aside h2, .schrift05 {border-radius: 6px;}
/* ########### min ####### */

@media only screen and (min-width: 1100px) { 
.text_con { -webkit-columns: 2; -moz-columns: 2; columns: 2; column-gap: 1.5em; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em;}
}
/* ########### max ####### */

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

.nam01 {font-size: 2.45em;text-shadow: 1px 1px #f6f6f6;}
}
@media only screen and (max-width: 1000px) { 

.nam01 {font-size: 2.15em;}
.contain02 {width: 28%;}
.kind {background-size: 50px auto;}
}
@media only screen and (max-width:980px) { 
.zeiten ul li h3 {font-size:1.5em;}
}
@media only screen and (max-width: 800px) { 
body, #inline {background-image: none;}
.content {font-size:1.125em;}
#inline{width: 100%; padding:0; margin: 0; border: none;}
.nam01 {font-size: 1.85em;}
.nav2 { overflow: hidden; position: absolute; visibility: hidden; height: 1px; width: 1px; left: -9999px; top: -9999px; }
#inline {width: 90%; padding-left: 5%; padding-right: 5%;}
.content h1, .content h2 {font-size:1.8em;}
.contain01 {float: left; clear: both; width: 90%; margin: 0; padding:0;  padding-left: 5%; padding-right: 5%;} 
.contain02 {float: left; clear: both; width: 55%; margin: 0; padding:0;  padding-left: 22.5%; padding-right: 22.5%; margin-top: 3em; padding-top: 5em; border-top: dashed 1px #999;}
.haus2 {border:none;}
.content {margin-top:2.75em;padding-top:0;}
.move_top {margin-top:3em;}

}
@media only screen and (max-width: 650px) {
.bo-01, .bo-mitte, .bo-02 {margin:0; padding:0; width: 100%; float: left; clear: both; text-align: center; margin-bottom: 1.25em;} 
.nam01 {text-align: center;}
.zeiten {float:left;clear:both; width:60%;padding-right:20%;padding-left:20%;margin-bottom:2.5em;}
.zeiten ul li h3 {font-size:1.8em;}
h1, h2 {text-align: center;}
.kind {background-size: 40px auto;}
.contain02 {float: left; clear: both; width: 75%;   padding-left: 12.5%; padding-right: 12.5%;}
.text-con-c figure {float: right; width: 100%; clear: both; padding:0; margin:0; margin-bottom: 1em; text-align: center;}
.text-con-c figure img  {width: 60%; height: auto;}
.nam01, .mittig {text-align: center;}
.logo_kirch {float:none;width:auto;text-align:center;}
}
@media only screen and (max-width: 480px) { 
.zeiten {float:left;clear:both; width:90%;padding-right:5%;padding-left:5%;margin-bottom:2.5em;}
.gruppe, .gruppe2 {font-size:1em;}
}
@media only screen and (max-width: 400px) { 
.contain01 article figure, .contain01 article .text_con, .text-con-b, .text-con-c {width: 100%; clear: both; margin:0; padding:0; margin-bottom: 1em;}
.contain01 article figure {width:60%;padding-left:15%;padding-right:15%;margin-right:5%;margin-left:5%;text-align:center;}
.contain01 article figure img {width:95%; padding:2.4%;border:solid 1px #ccc;}
.text-con-c figure {float: left; clear: both; width: 100%; padding:0; margin-bottom: 1em;}
.contain01 article header {text-align: center;}
.contain02 img {max-width: 140px; margin:0; padding:0;}
.contain02 aside:first-child { background-image: none;}
.max400 {padding-bottom: 1.5em;}
.contain02 {float: left; clear: both; width: 90%;   padding-left: 5%; padding-right: 5%;}
.nam01 {line-height: 120%; font-size: 1.4em;}
.bo-01, .bo-02{float: left; clear: both; width: 100%; text-align: center;}
.accordion-all h5 {font-size: 1em;}
.text-con2 {padding:0;width:100%;text-align:center;}
.boxtyp1 figure figcaption {text-align:center; }
h2 {font-size:1.3em !important;}
.zeiten {font-size:0.8em;}
.zeiten h3 {font-size:1.55em;}
}
/* nachfolgen nur noch Hauptnavigation */ 
@media only screen and (min-width: 400px) {
.mob399 {display:none;} 
}
.mob-sub001 {float:left;width:100%;border-bottom:dashed 1px #898989;font-size:0.9em;display:none;}
.mob-sub001 a {line-height:200%;color:#474747;text-decoration:none;text-align:center;}
.mob-sub001 a:first-child {float:left;width:49.9%;border-right: dashed 1px #898989;}
.mob-sub001 a:last-child {float:right;width:48%;}
#navigation { width: 100%; float: left; clear: both; z-index: 300; position: relative;}
#navigation ul, #navigation ul li ul {margin: 0; padding: 0; list-style: none;}
.flexnav{-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;-webkit-transform-style:preserve-3d;overflow:hidden;margin:0 auto;width:100%;max-height:0;}
.flexnav.opacity{opacity:0;}
.flexnav.flexnav-show{max-height:2000px;opacity:1;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.flexnav.one-page{position:fixed;top:50px;right:5%;max-width:200px;}
.flexnav li{font-size:100%;position:relative;overflow:hidden;}
.flexnav li a{position:relative; display:block; z-index:2; overflow:hidden; text-decoration: none; text-align: center; padding-top: 0.5em; padding-bottom: 0.5em; float: left; width: 100%;  color: #fff;}
.flexnav li a:hover {background-color: #cacdd3; color: #656a73;}
.flexnav li ul{width:100%;}
.flexnav li ul li{font-size:100%;position:relative;overflow:hidden;}
.flexnav li ul.flexnav-show li{overflow:visible;}
.flexnav li ul li a{display:block; padding: 0.45em; padding-left: .96em; line-height: 2em;}
.flexnav li ul li:last-child  a{padding-bottom: 2.25em}
.flexnav .touch-button{position:absolute;z-index:999;top:0;right:0;width:50px;height:50px;display:inline-block;text-align:center;}
.flexnav .touch-button:hover{cursor:pointer;}
.flexnav .touch-button .navicon{position:relative;top:21px;}
.genericon-downarrow {color: #313131;font-size: 14px;}
.menu-button{position:relative;display:block;cursor:pointer; text-align: center; color: #f2f2f2;}
.menu-button.one-page{position:fixed;top:0;right:5%;padding-right:45px;}
.menu-button .touch-button{background:transparent;position:absolute;z-index:999;top:0;right:0;width:50px;height:50px;display:inline-block;text-align:center;}
.menu-button .touch-button .navicon{position:relative;top:1em;}
@media all and (min-width: 800px) {
#navigation { position: relative; z-index: 10;}
body.one-page{padding-top:70px;}
.flexnav{overflow:visible;}
.flexnav.opacity{opacity:1;}
.flexnav.one-page{top:0;right:auto;max-width:1080px;}
.flexnav ul {width: 100%;}
.flexnav li{position:relative;list-style:none;display:inline-block; float: left; overflow:visible; }
.flexnav li:last-child {border: none;}
.flexnav li ul li {box-shadow: 0px 0px 0px #fff;}
.short {width: 3% !important;}
.flexnav li a{ font-size: 0.875em; float: left; margin: 0px; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; margin-left: 1em; margin-right: 1em;line-height: normal;}
.flexnav li a:hover {color: #656a73;border-top-left-radius:12px;border-top-right-radius:12px;}
.flexnav li > ul{position:absolute;top:auto;left:0;}
.flexnav li > ul li{width:100%;}
.flexnav li ul li > ul{margin-left:100%;top:0;}
.flexnav li ul li a{border-bottom:none;}
.flexnav li ul.open{display:block;opacity:1;visibility:visible;z-index:1;}
.flexnav li ul.open li{overflow:visible;max-height:100px;}
.flexnav li ul.open ul.open{margin-left:100%;top:0;}

.menu-button{display:none;}
#navigation .mob { position: absolute; visibility: hidden; left: -9999px; top: -9999px; display: none;}

}
@media all and (max-width: 830px) {
.flexnav li a{ padding-left: 0.75em; padding-right: 0.75em; margin-left: 0.75em; margin-right: 0.75em;}
}
@media all and (max-width: 799px) {
#navigation {border-radius: 0; background-image:none;}
.menu-button { background-image: url(../images/navi/hamburger.png); background-size:auto 18px; background-repeat: no-repeat; background-position: center 4px; float:left; width:100%; margin:0; padding:0; height:36px; }
.flexnav li:last-child{padding-bottom:1.25em;}
/*.menu-button:hover { background-image: url(../images/standard/bg-nv-800-hover.gif); }*/
.flexnav li a{ font-size: 1.25em; float: left; margin: 0px; padding:0;padding-top: 1em; padding-bottom: 1em; line-height: normal; width: 100%; text-align: center !important; }
.top-nav a{font-size:0.75em;}
}
@media all and (max-width: 399px) {
.top-nav {display:none;}
.smalli img {width: 60%;} 
}
/* Stellenhinweis */
.stellenhinweis {position:fixed;left:0;bottom:0;width:100%;box-sizing:border-box;padding:32px;background-color: rgba(151, 156, 165, 0.8);color:#fff;text-align:center;transition: all 0.8s ease-out;font-size:1.1em;}
.stellenhinweis.sticky {left:-3200px;transition: all 0.8s ease-out;}
.stellenhinweis h3 {color:#fff;}
.stellenhinweis a {text-decoration:none;color:#fff;display:block;padding-top:12px;padding-bottom:12px;}
.button-close {font-size:120px;}
/* Spezielles */
aside.fortbildung-eu figure {float:left;width:100%;box-sizing:border-box;text-align:center;}
aside.fortbildung-eu figure:last-child img {width:90px;height:auto;margin-top:12px;}
aside.fortbildung-eu figure img {width:100%;height:auto;vertical-align:bottom;}
aside.fortbildung-eu .short-info {float:left;width:100%;margin:1em;margin-left:0;margin-right:0;font-size:15px;}