@charset "utf-8";

/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v34-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v34-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* oswald-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v53-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v53-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/oswald-v53-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/oswald-v53-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* CSS Document */
h2 a[href^="tel"] {
    font-size: 26px;
    line-height: 31px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 15px;
    color: #31aeac;
  font-weight:400;
}

.ce-gallery img {margin-bottom: 12px;}
#mobnav {
    display: none;
    position: relative;
}
#social{float:left}
#social ul{margin-left: auto; margin-right: auto; overflow: hidden; padding: 0;}
#social ul li{font-size:26px;padding-right: 12px;line-height: 32px;font-weight:500; text-align:left; list-style: outside none none; color:#fff;display: inline;}
#social ul li a{font-size:26px; font-weight:500;text-align:center; color:#ffffff; text-decoration:none;line-height: 32px;}
#social ul li a:hover{color:#00ffff;}
/*++++++++++++ Standart ++++++++++++*/
body{margin: 0; padding: 0;}
h1{font-size: 32px; line-height: 35px;font-family: 'Oswald', sans-serif; font-weight:300; color: #000;text-transform: uppercase;padding:0;margin:40px 0 25px 0;}
h2{font-size:26px; line-height: 31px;font-family: 'Oswald', sans-serif; font-weight:300;text-transform: uppercase; margin-top: 20px;margin-bottom: 15px;color: #0c8381;}
h3{clear: both;font-size: 20px;line-height:26px; font-family: 'Oswald', sans-serif; font-weight:300; color: #000000;text-transform: uppercase;padding:0 0 0 0;margin:20px 0 10px 0;}
h4{font-size: 15px; font-family: 'Oswald', sans-serif; font-weight:normal; color: #31aeac;}

ol {margin:0}
ol li {font-size: 16px; font-family: 'raleway', sans-serif; font-weight:400; color:#000; line-height: 20px;padding: 0 0 6px 0;margin:0;}
p{font-size: 16px; font-family: 'raleway', sans-serif; font-weight:400; color:#000; line-height: 23px;padding: 0 0 18px 0;margin:0;}
a{font-family: 'raleway', sans-serif; font-weight:400; color:#000;text-decoration:none}
a.more {text-transform: uppercase;
    font-size: 19px;
    width: auto;
    text-align: center;
    color: #0c8381;
    font-weight: 300;
    float: left;
    font-family: 'Oswald', sans-serif;
    margin-top: 0;}
a.more:hover {text-decoration:underline}
a.more:focus-within{text-decoration:underline;outline:none}
a.mail{font-family: 'raleway', sans-serif; font-weight:400; color:#0c8381;text-decoration:none}
a.mail:hover{text-decoration:underline}
a.mail:focus-within{text-decoration:underline;outline:none}
.internal-link:focus-within {background-color:#0c8381;color:#ffffff;outline:none}
.internal-link {font-size: 17px; font-family: 'raleway', sans-serif; font-weight:400; color:#0c8381; line-height: 26px;padding:0;margin:0;}
.information .internal-link {text-decoration:underline;font-size: 17px; font-family: 'raleway', sans-serif; font-weight:400; color:#ffffff!important; line-height: 26px;padding:0;margin:0;}
.external-link-new-window {font-size: 17px; font-family: 'raleway', sans-serif; font-weight:400; text-transform:none;color:#0c8381; line-height: 26px;padding:0;margin:0;}
.download:hover {text-decoration:underline}
.download:focus-within{text-decoration:underline;outline:none}
.download{display: block;text-transform:uppercase;color:#0c8381;font-size: 19px; font-family: 'oswald', sans-serif; font-weight:300;line-height: 23px;padding:5px 0 0 0;margin:0;}
.download::before {content: "";background: url(../img/file-download-solid.svg);background-position: left; background-repeat: no-repeat;height:18px;width:20px;display: inline-block;}
.ce-gallery figcaption {font-family: 'Oswald',sans-serif;font-size: 14px;line-height: 18px;color: #666666!important;font-weight: 300;padding: 0px 0 5px 0;margin: 0 0 15px 0;}
/*++++++++++++ Header ++++++++++++*/
#header{ width:1190px; overflow:hidden; margin-left: auto; margin-right: auto;}
#headerpicwrapper {width: 100%;}
.headerpic {background-image: url(../img/muenchen_isar.jpg);background-position: top center;background-attachment: fixed;background-repeat: no-repeat;background-size: 1950px;min-height: 650px;margin: 0 0 0 0}
/*++++++++++++ flyout ++++++++++++*/
#flyout{width:50px;height:auto;z-index:30;position:fixed;top:80px;right:0;float:right;}
#flyout ul{padding:0;text-decoration:none}
#flyout ul li{padding:8px 0 4px 0;margin-bottom:5px;background-color:#ffd61e;list-style:none;text-align:center;text-decoration:none;}
#flyout ul li{color:#fff;text-decoration:none;}
#flyout a{text-decoration:none;width:30px;height:30px;display:inline-block}

#flyout a:focus {outline: none}
#flyout a:focus-visible {border:2px solid #000000; border-radius:3px}

#flyout img{width:30px;height:30px;filter: brightness(1)!important;-webkit-filter: brightness(1)!important;}

#flyout_unter{width:50px;height:auto;z-index:30;position:fixed;right:0;float:right;}
#flyout_unter ul{padding:0;text-decoration:none}
#flyout_unter ul li{padding:12px 0 4px 0;margin-bottom:5px;background-color:#ec096b;list-style:none;text-align:center;text-decoration:none;}
#flyout_unter ul li{color:#fff;text-decoration:none;font-size:26px;font-weight:400;}
#flyout_unter a{text-decoration:none;}

#flyout_unter img{width:30px;height:30px;filter: brightness(1)!important;-webkit-filter: brightness(1)!important;}

svg:not(:root).svg-inline--fa {overflow: visible;color: #ffffff;}
svg:not(:root).svg-inline--fa:hover {color: #00ffff;}
.svg-inline--fa.fa-w-14 {width: 1.6em;}
.svg-inline--fa {display: inline-block;font-size: 20px;height: 1.4em;overflow: visible;vertical-align: -.125em;}
/*++++++++++++ GELBE SONNE ++++++++++++*/
#sonnewrapper{width:100%}
.logo{position: absolute;width: 300px;top: 100px;background: url(../img/logo-Au.svg);background-repeat: no-repeat;height: 90px;padding: 0;overflow: hidden;margin: 0 auto;left: 66%;}
.sonne{position: absolute;width: 520px;top: 95px;background: url(../img/sonne-mai24.svg);background-repeat: no-repeat; height: 520px;padding: 0;overflow: hidden;margin: 0 auto;left:0;right:0;margin-left:auto;margin-right:auto;}
.sonne h2{font-family: 'oswald', sans-serif;font-weight:300;font-size: 30px;text-transform: uppercase;margin-top:70px;margin-bottom: 5px;color: #000000;padding: 0 0 0 0; text-align: center;line-height: 36px}
.sonne h2::before {content: "";background: url(../img/telefon.svg);background-size: auto auto;background-position: center; background-size: 80px;background-repeat: no-repeat;height: 35px;display: block;padding-bottom: 80px;}
.sonne h3{font-family: 'oswald', sans-serif;font-weight:500;font-size: 35px;text-transform: uppercase;margin-top: 20px;margin-bottom: 5px;color: #000000;padding: 0 0 0 0; text-align: center;line-height: 36px}
.sonne p{font-family: 'Raleway', sans-serif;font-size: 17px;line-height: 23px; text-transform: none;margin-top: 25px;margin-bottom: 0;color: #000000;padding: 0 0 0 0;text-align: center}
/*++++++++++++ Navi ++++++++++++*/
.slicknav_menu {display:none;}
#navi{z-index: 1;position: fixed; width:100%; height:auto;background-color: rgba(255, 255, 255, 0.93);background-image: url(../img/logo-mit-sonne.svg);background-size: 280px;background-repeat:no-repeat; background-position:top left;}
#navi p {float: left; font-family: 'Titillium Web', sans-serif; font-size:35px; line-height:25px; color:#ff7336; text-transform: uppercase; padding: 26px 0 0px 30px;}
#navi img{width: 280px;height: auto; float: left}
#navi ul{width: 73%;margin: 0 auto;overflow: hidden;padding: 0;padding: 9px 0 1px 300px;text-align: left;float: left;}
#navi ul li{display:inline-block; float:none; padding: 16px 30px 20px 0px;}
#navi ul ul li {text-align: left;}
#navi ul li a{font-family: 'Oswald', sans-serif; font-size:19px; color:#000; font-weight:300; text-decoration: none; text-transform: uppercase;}
#navi ul li a:hover, #navi ul li a:focus-within{color:#0c8381;outline:none}

#navi ul li a.active{color:#0c8381;}

#navi ul li:hover > ul{visibility:visible;}
#navi ul li:focus-within > ul{visibility:visible;outline:none}

#navi ul li ul{visibility:hidden;position:absolute;padding: 21px 0 0 0;margin: 0;width:200px}
#navi ul li ul li{display:block;float:none;background-color: #0c8381;padding:9px 19px 9px 19px;border-right:none;border-bottom:2px solid #fff;}
#navi ul li ul li{float:none;padding:19px;}
#navi ul li ul li:last-child {border-bottom: 0;}
#navi ul li ul li a{font-size:18px;padding:0 0 0 0;color:#fff;text-transform:uppercase}
#navi ul li ul li a:hover, #navi ul li ul li a:focus-within{color:#bee4e4;outline:none}

#navi ul li ul li a.active{color:#bee4e4;}
.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {margin-bottom: 0;width: 100%;}
/*++++++++++++ tt_News ++++++++++++*/
.news-list-container {padding: 0;}
.news-list-container IMG {float: left;margin: 0 20px 5px 0;}
.news-list-date {color: #000000;
    display: block;
    font-size: 15px;
    font-weight: 400;
    font-family: 'oswald';
    padding: 2px 0 2px 0;
    margin-top: 0px;
    text-transform: uppercase;
}
.header h2 {color:#000000}
.news-list-date p {color: #000000;display: block;font-size: 15px;font-weight: 400;font-family: 'oswald';padding: 2px 0 2px 0;margin-top: 5px;text-transform: uppercase;}
.news-list-morelink {display:block;padding-left:0} 
#news-container-31 a.more {display:none}
.news-list-morelink a:hover {text-decoration:underline}
.news-list-morelink a:focus-within {text-decoration:underline;outline:none}
.news-list-morelink a {text-transform:uppercase;font-size:19px;width:auto;text-align:center;color:#0c8381;font-weight:300;float:left;font-family: 'Oswald',sans-serif;margin-top:15px} 
.news-list-category {display:none;font-size:12px;font-weight:500; color: #000000; margin: 0;padding:5px 0 5px 0;font-family: 'Oswald', sans-serif;text-transform:uppercase}
.news-backlink-wrap {padding: 15px;margin: 30px 10px 10px 0;width:100px;background-color: #0c8381;border: none;border-radius: 0;cursor: pointer;text-align: center;margin-bottom: 30px;}
.news-backlink-wrap a{text-decoration:none;color: #ffffff;font-family: 'Oswald', sans-serif;font-size: 18px;font-weight: 400;text-transform:uppercase;}
.news-backlink-wrap a:hover{color:#f5ebbc;}
.news-backlink-wrap a:focus-within{color:#f5ebbc;outline:none}
.news-backlink-wrap a:link{color:#f5ebbc;}
.news-backlink-wrap a:focus{color:#f5ebbc;}
.news-backlink-wrap a:active{color:#f5ebbc;}
.news-single-item p {padding:0 0 0 0}
.news-list-container .download{display: block;text-transform:uppercase;color:#0c8381;font-size: 19px; font-family: 'oswald', sans-serif; font-weight:300;line-height: 23px;padding:15px 0 0 0;margin:0;}
.news-list-container .download::before {content: "";background: url(../img/file-download-solid.svg);background-position: left; background-repeat: no-repeat;height:18px;width:20px;display: inline-block;}
.news-list-item-floh .news-list-morelink {display:none} 
.news-single-img {float: left;margin: 0 20px 0 0;}
.news-list-more a  {text-decoration: none;font-family: 'Oswald', sans-serif;font-size:29px; background-color:#000000;color:#ffffff;float:right;padding: 2px 10px 0 10px;margin-bottom:0; font-weight:700;margin-top: 10px;}
.news-list-more a:hover {color:#00ffff;}
.news-list-more a:focus {color:#00ffff;text-decoration:none}
.news-list-more a:active{color:#00ffff;text-decoration:none}
.news-list-more {bottom: 0;display:none} 
.news-single-img img {display:none}
.news-single-item h2 {font-size: 22px;font-family: 'Oswald',sans-serif;font-weight:300;text-transform: uppercase;margin-top: 0;margin-bottom: 10px;color: #000000;}
.contentunter .news-list-container h2 {padding: 45px 0 15px 0;font-size:24px;font-weight:300;color:#000000}
.contentunter .news-list-item {overflow: hidden;padding: 0 0 10px 0;border-top: 1px #000000 solid;}
.contentunter .news-list-item-floh {overflow: hidden;padding: 0 0 0 0;border-top: 1px #000000 solid;}
.contentunter .news-single-item h1 {padding-top: 25px;}
.contentunter .news-list-container img {display:none}
.box .internal-link:hover {text-decoration:underline}
.box .internal-link:focus-within {text-decoration:underline;outline:none;background-color:transparent!important}
.box .internal-link{text-transform:none;font-size:19px;width:auto;text-align:center;color:#0c8381;font-weight:300;float:left;font-family: 'Oswald',sans-serif;margin-top:5px}
.box .news-list-date{display:none}
/*++++++++++++ Breadcrumb ++++++++++++*/
#breadcrumb {margin: auto; padding: 10px 0; width: 1190px;}
#breadcrumb a {text-decoration: underline; color:#0c8381; font-size:15px;}

#breadcrumb a:focus-within {text-decoration: none; background-color:#0c8381;color:#ffffff;outline:none}
#breadcrumb p {text-decoration: none; color:#000000; font-size:15px;margin: 0;}
.rightcol{float:right; width:50%; height:auto; overflow:hidden; margin-top: 0; background-color:#ffffff;}
.rightcol h2{font-family: 'Oswald', sans-serif; font-weight:300;font-size:26px; line-height: 26px; text-transform: uppercase;color:#000000;padding:20px 0 0 10px}
.rightcol h1{font-size:20px;color:#000; text-transform: uppercase;  margin-top:0; margin-bottom:0;padding:30px 40px 0 40px;text-align: left;}         
.rightcol a:hover{color: #ec6726;text-decoration: none;}
.rightcol a:focus{color: #ec6726;text-decoration: none;}
/*++++++++++++ Content Startseite ++++++++++++*/
.ce-media{overflow:hidden}
#content_start h3{margin-top:12px;margin-bottom:0;color:#000000;font-size: 19px;line-height:26px;padding:0}
#content_start{width:100%; display:block; margin-left: auto; margin-right: auto; margin-bottom: 40px; overflow:hidden;}
.content {margin: auto; overflow: hidden; width: 1190px;text-align: center}
#content_start h1{margin: 40px 0 25px 0;}
/*++++++++++++ Content Unterseite ++++++++++++*/
#headerimage {width: 100%;margin-left: auto;margin-right: auto;}

#content_unter {width: 1190px;margin: 0 auto;}
.contentunter {width: 60%;float:left;margin-bottom: 30px;}
.rightcontainer {float: right;width: 31%;margin-top: 20px;background-color:none}
.rightcontainer a {color:#ffd61e;}
.rightcontainer a:hover {text-decoration:underline}
.contentunter h1{margin:20px 0 20px 0}
.contentunter ul {margin: 5px 0 14px 0; padding:0 0 0 0;padding-left: 20px!important;}
.contentunter ul li {font-size: 16px; font-family: 'raleway', sans-serif; font-weight:400; color:#000; line-height: 26px;padding:0 0 2px 0}
/*++++++++++++ kindergruppen ++++++++++++*/
.kindergruppe-left{float:left; width:33%;background-color:#ffffff;height:323px}
.kindergruppe-left img {max-width: 100%;height: auto;}
.kindergruppe-right{float:right; width:67%;background-color:#f1f1f1;height: 323px;}
.kindergruppe-left .ce-gallery img {max-width: 100%;height: auto;}
#kinderwrapper{margin: 10px 0 30px 0;width:100%;height:auto;overflow:hidden;}
#kinderwrapper h3 {margin: 0;padding: 20px;font-family: 'Oswald', sans-serif;font-weight:300;color:#000000;font-size:21px;line-height:28px;text-transform:none}
#kinderwrapper p {font-size: 16px; font-family: 'raleway', sans-serif; font-weight:400; color:#000000; line-height: 24px;margin:0;padding:0 10px 10px 20px}
  /*++++++++++++ Rechte Seite Flohmarkt ++++++++++++*/
.rightcontainer .flohmarkt a {text-transform:uppercase;font-size:19px;width:auto;color:#ffd61e;font-weight:300;font-family: 'Oswald',sans-serif;}
.flohmarkt{background-color:#000000;padding:20px;margin:0 0 25px 0}
.flohmarkt p {margin: 15px 0 0 0;text-align:center;font-size: 16px; font-family: 'raleway', sans-serif; font-weight:400; color:#ffd61e; line-height: 23px;}
.flohmarkt h2 {line-height:32px;color:#ffd61e;text-align:center;margin: 0;font-weight: 300;font-size:26px}
.flohmarkt h2::before {content: "";background: url(../img/laster.svg);background-size: auto auto;background-position: top center; background-size: 80px;background-repeat: no-repeat;height: 0;display: block;padding-bottom: 90px;}
.flohmarkt h3 {font-family: 'Oswald', sans-serif;color:#ffd61e;text-align:center;margin: 0;font-weight: 500;font-size:30px;padding:15px 0 0 0}
/*++++++++++++ Rechte Seite Notruf ++++++++++++*/
.rightcontainer .notruf a {text-transform:uppercase;font-size:19px;width:auto;color:#000000;font-weight:300;font-family: 'Oswald',sans-serif;}
.notruf{background-color:#ffd61e;padding:20px;margin:0 0 25px 0}
.notruf p {margin: 15px 0 0 0;text-align:center;font-size: 16px; font-family: 'raleway', sans-serif; font-weight:400; color:#000000; line-height: 23px;}
.notruf h2 {font-size:26px;color:#000000;text-align:center;margin: 0;font-weight:300;line-height:32px}
.notruf h3 {font-family: 'Oswald', sans-serif;color:#000000;text-align:center;margin: 0;font-weight: 500;font-size:30px;padding:15px 0 0 0}
.notruf h2::before {content: "";background: url(../img/telefon.svg);background-size: auto auto;background-position: top center; background-size: 80px;background-repeat: no-repeat;height: 0;display: block;padding-bottom: 90px;}
/*++++++++++++ Rechte Seite Information ++++++++++++*/
.rightcontainer .information a {text-transform:uppercase;font-size:19px;width:auto;color:#ffffff;font-weight:300;font-family: 'Oswald',sans-serif;}
.information{background-color:#0c8381;padding:30px 20px 20px 20px;margin:0 0 25px 0}
.information a {font-size: 17px; font-family: 'raleway', sans-serif; font-weight:400; color:#ffffff;text-decoration:underline;line-height: 26px;padding:0;margin:0;}
.information p a[href^="tel:"] {color: #ffffff!important;font-size: 16px!important;font-weight:400!important;font-family: 'raleway', sans-serif!important;}
.information p {margin: 15px 0 0 0;text-align:center;font-size: 16px; font-family: 'raleway', sans-serif; font-weight:400; color:#ffffff!important; line-height: 23px;}
.information h2 {font-size:26px;color:#ffffff;text-align:center;margin: 0;font-weight:300;line-height:32px}
.information h2::before {content: "";background: url(../img/information.svg);background-size: auto auto;background-position: top center; background-size: 80px;background-repeat: no-repeat;height: 0;display: block;padding-bottom: 90px;}
.information h1 {color:#ffffff}
.information h3 {font-family: 'Oswald', sans-serif;color:#ffffff;text-align:center;margin: 0;font-weight: 500;font-size:30px;padding:15px 0 0 0}
.information .mail {text-transform:none!important;font-size: 14px!important; font-family: 'raleway', sans-serif!important; font-weight:400; color:#ffffff; line-height: 23px!important;padding:0;margin:0;}


/*++++++++++++ Grauer Kasten++++++++++++*/
#grauwrapper {}
.grau {padding:10px 30px 10px 30px;background-color:#f1f1f1;margin-top:40px;margin-bottom:40px}

/*++++++++++++ TÜRKIS ++++++++++++*/
.tuerkis{padding: 30px 0 30px 0;width: 100%; background-color: #0c8381;height: auto;overflow: hidden;}
.menschen {width: 100%; background-color: #ffffff;height: 40px;background-image:url(../img/menschen.svg);background-repeat: repeat-x;margin-top: 30px;}
.menschens {width: 100%; background-color: #ffffff;height: 40px;background-image:url(../img/menschens.svg);background-repeat: repeat-x;margin-top: 0;}
#boxwrapper{ width:1190px; margin-left: auto; margin-right: auto;margin-top:0;}
#boxwrapper h1{font-size: 20px; font-family: 'Oswald', sans-serif; font-weight:300; color: #000;text-transform: uppercase; text-align:center; padding:0 0 15px 0;}
.box img {width:250px;height:auto}
.box {display: flex;float:left;width:48.5%; margin:20px 3% 15px 0; background-color:#ffffff; height:340px;overflow:hidden}
.box p{margin: 0;font-family: 'Raleway', sans-serif;font-size: 15px; line-height:21px;text-transform: none; color:#000000; padding: 0 18px 0 18px;}
.box h2 {text-decoration:none;font-size: 28px; font-family: 'Oswald', sans-serif; font-weight:300; color: #000;text-transform: uppercase;padding:15px 18px 10px 18px;margin:0}
.box .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {width: auto;}
.box .ce-intext.ce-left .ce-gallery {margin-right: 0}
.box:nth-child(2n+0) {margin-right:0;}
.imagesize {width:55%}
/*++++++++++++ 5 Sonnen ++++++++++++*/
#circlewrapper{width:1190px; margin-left: auto; margin-right: auto;margin-top:40px;background-color:#ffffff}
.circle {float:left;width:180px; margin:0 6% 0 0; height:180px;text-align: center;background-image:url(../img/circle.svg); background-repeat: no-repeat;}
.circle:last-child {margin-right:0;}
.circle p {font-family: 'Oswald', sans-serif; font-weight:400;font-size:21px;line-height:24px; text-align:center; color: #000000; text-transform: none;padding: 50px}
.circle p a {font-family: 'Oswald', sans-serif; font-weight:400;font-size:21px;line-height:24px;text-align:center;text-decoration:none;color: #000000;}
.circle p a:hover {text-decoration:underline}
.circle p a:focus-within {text-decoration:underline;outline: none}
.circle h3 {margin-top:0!important;font-family: 'Oswald', sans-serif!important; font-weight:400!important;font-size:21px!important;line-height:24px!important;text-align:center!important; color: #000000; text-transform: none!important;padding: 50px!important}
.circle h3 a {font-family: 'Oswald', sans-serif; font-weight:400;font-size:21px;line-height:27px;text-align:center;text-decoration:none;color: #000000;}
.circle h3 a:hover {text-decoration:underline}
.circle h3 a:focus-within {text-decoration:underline;outline: none;background-color:transparent!important;color:#000000!important}
/*++++++++++++ Footer ++++++++++++*/
#footerwrapper{width:100%; background-color:#ffd61e;height: auto;overflow:hidden;padding:0 0 20px 0}
#footer{width:1190px;margin-left: auto;margin-right: auto;padding:30px 0 30px 0}
.footer{float:left;width:31.3%; margin:0 3% 20px 0;height:auto;overflow:hidden}
.footer img {display: block;margin-bottom: 0px;margin-top:0px}
.footer p{font-size: 15px; font-family: 'raleway', sans-serif; font-weight:400; color:#000; line-height: 24px;margin:0 0 30px 0;}
.footer h2{font-size: 20px;padding:0 0 10px 0;margin:0 0 0 0;color:#000000}
.footer:last-child {margin-right:0;}
#footer ul{margin:0 0 0 0;padding:0 0 0 0}
#footer ul li{font-size:15px; font-weight:400; text-align:left; list-style: outside none none; color:#000;line-height: 22px;padding:0 0 7px 0;font-family:'raleway', sans-serif; font-weight:400;margin:0 0 0 0}
#footer ul li a{font-size:15px; font-weight:400;text-align:left; color:#000000; text-decoration:none;line-height: 22px}
#footer ul li a:hover{text-decoration:underline;}
#footer ul li a:focus-within{text-decoration:none;outline:none;background-color:#000000;color:#ffffff}

/*++++++++++ PHONE ++++++++++*/
@media screen and (min-width: 0px) and (max-width: 640px){
#c48 img {padding-left:950px}
#c56 img { padding-left: 300px;}
#c22 img { padding-right: 600px;}
#c20 img { padding-left: 700px;}
.sonne {position: absolute;width: 280px !important;height: 280px !important;margin-top: 32px;}
.headerpic {background-position: -45px 0px !important;}
}

@media screen and (min-width: 0px) and (max-width: 910px){
 
.contentunter .ce-gallery img {width:100%;height: auto;}
.rightcontainer a[href^="tel:"] {font-family: 'Oswald', sans-serif;color:#000000;text-align:center;margin: 0;font-weight: 500;font-size:30px;padding:15px 0 0 0}
.box img {width: 100%;height: auto;}
#c72 .ce-gallery {float: left;}
/*#c62 .ce-gallery {float: left;}*/
.kindergruppe-left .ce-center .ce-inner {float:none;right: -50%;}
.kindergruppe-left .ce-gallery img {width: 100%;}
.kindergruppe-left .ce-center .ce-outer {float: none;right: 50%;}
.kindergruppe-left {float: none;width: 100%;height: auto;}
.kindergruppe-right{float: none;width: 100%;height:auto}
.rightcontainer {float: none;width: 90%;margin-left: 20px;}
#content_unter {width: 100%;}
#headerimage .ce-center .ce-outer {position: relative;float: right;right: 60%;}
.contentunter {width: 90%;float: none;margin-left:20px}
#breadcrumb {width: 90%;margin-left: 20px;}
#circlewrapper {width: 100%;margin-top:20px}
.circle {width: 148px;margin: 0 0 20px 20px;height: 148px;}
.circle p {font-size: 23px;padding: 48px 20px 0 20px;}
.circle h3 {font-size: 23px!important;padding: 48px 20px 0 20px!important;}
#boxwrapper {width: 100%}
.box {display:block;padding-bottom: 20px;height:auto!important;width: 90%;margin:20px 0 15px 20px;margin: 0 auto;float:none;margin-bottom: 15px;margin-top: 20px;}
.box .ce-left .ce-gallery, .ce-column {float: none;}
.box .ce-gallery img {display: block;width: 100%;height: 100%;}
.box:nth-child(n) {margin-right:auto;}
.headerpic {background-position: top left;background-size: 1260px;min-height: 440px;}
.logo{display:none}
.content h1 {margin: 15px 0 15px 0;}
.content {width: 90%;padding:0}
.contentunter h1 {margin: 0 0 15px 0;}
#content_start {margin-bottom: 10px;}
#footer {width: 93%;}
.footer {float: left;width:100%;margin:0 0 40px 0}
#footer ul li {text-align: left;margin:0 0 0 0}
.footer h2 {font-size: 20px;padding: 0 0 15px 0;text-align:left}
.sonne {position: absolute;width: 320px;height: 320px;}
.sonne h2 {margin-top: 30px;font-size:24px;line-height:28px;padding:0 30px 0 30px}
.sonne h2::before {background-size: 60px;height: 0;}
.sonne h3 {font-size: 30px;}
.sonne p {font-size: 16px;line-height: 21px;margin-top: 10px;}
#menu{display:none;}
.slicknav_menu {display: block;}
.slicknav_menu .slicknav_icon{margin:0.188em 0 0 0;}
.slicknav_menu > ul{max-height:auto;overflow-x:hidden;overflow-y:auto}
.slicknav_menu .slicknav_menutxt{display:none!important;}
.slicknav_menu{background-color:transparent!important;width:100%;padding: 0 0 0 0 !important;}
.slicknav_menu .slicknav_icon-bar{background-color:#000!important;width:1.3em!important;height:0.2em!important;margin: 0.188em 0 0 0.438em;}
.slicknav_nav .slicknav_row:hover{background:#fff;}
.slicknav_nav a{padding:14px 10px!important;margin:0 5px!important;}
.slicknav_nav a:hover{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:none!important;}
.slicknav_parent .slicknav_open ul li a{padding:0;}
.slicknav_collapsed ul li{padding:0;}
.slicknav_collapsed .slicknav_parent{padding:0;}
.slicknav_item a{padding:0 0 0 0!important;margin:0 0 0 0!important;}
.slicknav_btn{float:right!important;background-color:transparent!important;margin: 5px 5px 10px 6px!important;padding: 1.2em 0.625em 0.9em 0.35em!important;}
.slicknav_nav .slicknav_arrow{font-size:1em;float: right;}
#navi{width:100%;float:left;background-color:#ffffff}
#navi ul{width:100%;padding:0 0 0 0;background-color:#0c8381;margin-top:0}
#navi ul li{float:none;display:block;padding:0 0 0 0;border-top:solid 1px #ffffff;}
#navi ul li:hover{background-color:#31aeac;color:#000000}
#navi ul li.active{background-color:#31aeac;color:#000000}
#navi ul li a{color:#fff;font-size:17px;}
#navi ul li a:hover{color:#ffffff;}
#navi ul li a:focus{color:#ffffff;}
#navi ul li a.active{color:#ffffff;}
#navi ul li ul{padding:0 0 10px 0;margin:0 0 0 0;width:100%;visibility:visible;position:relative;border-top:none;}
#navi ul li ul li:hover{background-color:#6ebfc0}
#navi ul li ul li.active{background-color:#6ebfc0}
#navi ul li ul li{background-color:#31aeac;padding:0 0 0 0;margin-top:0;border-bottom:none}
#navi ul li ul li a{font-size: 17px;color: #ffffff;font-weight: 300;}
#navi ul li ul li a:hover{color:#ffffff;font-size: 17px;font-weight: 300;}
#navi ul li ul li a.active{color:#ffffff;font-size: 17px;font-weight: 4300;}
#navi ul li ul li a:focus{color:#ffffff;font-size: 17px;font-weight: 300;}
#navi ul li ul li:last-child{border-bottom:none;}
}

@media screen and (min-width: 910px) and (max-width: 1070px){
  .box {height: 450px;}
}

/*++++++++++ TABLET++++++++++*/
@media screen and (min-width: 910px) and (max-width: 1300px){
/*.ce-gallery img {width:100%;height: auto;}*/

.rightcontainer a[href^="tel:"] {font-family: 'Oswald', sans-serif;color:#000000;text-align:center;margin: 0;font-weight: 500;font-size:30px;padding:15px 0 0 0}
.notruf {padding: 20px;}
.flohmarkt {padding: 20px;}
.information {padding: 20px;}
#c72 .ce-gallery {float: left;}
#kinderwrapper{background-color: #ffffff;height:323}
.kindergruppe-left .ce-gallery img {width:auto;height:auto}
.kindergruppe-left {background-color: #ffffff;width:43%}
.kindergruppe-right {width:57%;height: 323px;padding-bottom:10px}
#kinderwrapper h3 {padding: 10px 20px 10px 20px;}
.circle p {padding:40px}
.circle h3 {padding:40px!important}
#circle {width: 910px;margin: 0 auto;}
#breadcrumb {padding: 10px 0 10px 20px;width: 98%;}
.circle {padding-bottom:0;margin: 0 3% 0 0;height: 158px;width: 158px;}
#circlewrapper {width: 97%;padding-left: 20px;}
#footer {width: 96%;}
.rightcontainer {margin-right: 20px;}
#content_unter {width: 100%;}
.contentunter {margin-left: 20px;}
.box img {width: 180px;padding: 0 15px 0 0 !important;}
.box .internal-link {padding-bottom:15px;text-align: left;line-height: 23px;}
.box .ce-bodytext {overflow:visible!important;}
.box .ce-media {padding:0 15px 0 0 !important;}
#menu{display:none;}
.content {width: 90%;padding:0}
#boxwrapper {width: 97%;margin-left: 20px;}
.box p {padding: 0 0 0 0;hyphens: auto;}
.box h2 {padding: 0 0 10px 0px;hyphens: auto;font-size:26px}
.box {padding:15px;width: 45%;margin:20px 3% 15px 0;float:left;margin-bottom: 15px;margin-top: 20px;}
.box .ce-left .ce-gallery, .ce-column {float: left;}
.box .ce-gallery img {display: block;}
.slicknav_menu {display: block;}
.slicknav_menu .slicknav_icon{margin:0.188em 0 0 0;}
.slicknav_menu > ul{max-height:550px;overflow-x:hidden;overflow-y:auto}
.slicknav_menu .slicknav_menutxt{display:none!important;}
.slicknav_menu{background-color:transparent!important;width:100%;background-repeat:no-repeat!important;background-size:150px 50px!important;background-position:14px 8px!important;padding: 0 0 0 0 !important;}
.slicknav_menu .slicknav_icon-bar{background-color:#000!important;width:1.3em!important;height:0.2em!important;margin: 0.188em 0 0 0.438em;}
.slicknav_nav .slicknav_row:hover{background:#fff;}
.slicknav_nav a{padding:14px 10px!important;margin:0 5px!important;}
.slicknav_nav a:hover{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:none!important;}
.slicknav_parent .slicknav_open ul li a{padding:0;}
.slicknav_collapsed ul li{padding:0;}
.slicknav_collapsed .slicknav_parent{padding:0;}
.slicknav_item a{padding:0 0 0 0!important;margin:0 0 0 0!important;}
.slicknav_btn{float:right!important;background-color:transparent!important;margin: 5px 5px 10px 6px!important;padding: 1.2em 0.625em 0.9em 0.35em!important;}
.slicknav_nav .slicknav_arrow{font-size:0.8em;}
#navi{width:100%;float:left;background-color:#ffffff}
#navi ul{width:1400px;padding:0 0 0 0;background-color:#0c8381;margin-top:0}
#navi ul li{float:none;display:block;padding:0 0 0 0;border-top:solid 1px #ffffff;font-size:17px}
#navi ul li:hover{background-color:#31aeac;color:#000000}
#navi ul li.active{background-color:#31aeac;color:#000000}
#navi ul li a{color:#fff;font-size:17px;}
#navi ul li a:hover{color:#ffffff;}
#navi ul li a:focus{color:#ffffff;}
#navi ul li a.active{color:#ffffff;}
#navi ul li ul{padding:0 0 0 0;margin:0 0 0 0;width:100%;visibility:visible;position:relative;border-top:none;}
#navi ul li ul li:hover{background-color:#0c8381}
#navi ul li ul li.active{background-color:#0c8381}
#navi ul li ul li{background-color:#31aeac;padding:0 0 0 0;margin-top:0;border-bottom:none}
#navi ul li ul li a{font-size: 17px;color: #ffffff;font-weight: 300;}
#navi ul li ul li a:hover{color:#ffffff;font-size: 17px;font-weight: 300;}
#navi ul li ul li a.active{color:#ffffff;font-size: 17px;font-weight: 4300;}
#navi ul li ul li a:focus{color:#ffffff;font-size: 17px;font-weight: 300;}
#navi ul li ul li:last-child{border-bottom:none;}

}

/*++++++++++++ Slicknav ++++++++++++*/
@media screen and (min-width: 0) and (max-width: 1300px){
.slicknav_btn{position:relative;display:block;vertical-align:middle;float:left;padding:0.438em 0.625em 0.40em 0.35em;line-height:1.125em;cursor:pointer;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{margin-top:0.188em;}
.slicknav_menu{*zoom:1;}
.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;}
.slicknav_menu .slicknav_icon{float:left;margin:0.188em 0 0 0.438em;}
.slicknav_menu .slicknav_no-text{margin:0;}
.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:0.16em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}
.slicknav_menu:before{content:" ";display:table;}
.slicknav_menu:after{content:" ";display:table;clear:both;}
.slicknav_nav{clear:both;}
.slicknav_nav ul{display:block;}
.slicknav_nav li{display:block;}
.slicknav_nav .slicknav_arrow{font-size:0.8em;margin:0 0 0 0.4em;}
.slicknav_nav .slicknav_item{cursor:pointer;}
.slicknav_nav .slicknav_item a{display:inline;}
.slicknav_nav .slicknav_row{display:block;}
.slicknav_nav a{display:block;}
.slicknav_nav .slicknav_parent-link a{display:inline;}
.slicknav_brand{float:left;}
.slicknav_menu{box-sizing:border-box;background:#004998;padding:5px;}
.slicknav_menu *{box-sizing:border-box;}
.slicknav_menu .slicknav_menutxt{color:#fff;font-weight:bold;}
.slicknav_menu .slicknav_icon-bar{background-color:#fff;}
.slicknav_btn{margin:5px 5px 6px;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#004998;}
.slicknav_nav{color:#fff;margin:0;padding:0;list-style:none;overflow:hidden;}
.slicknav_nav ul{list-style:none;overflow:hidden;padding:0;margin:0 0 0 20px;}
.slicknav_nav .slicknav_row{padding:5px 10px;margin:2px 5px;}
.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#00ffff;color:#000000;}
.slicknav_nav a{padding:5px 10px;margin:2px 5px;text-decoration:none;color:#fff;}
.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#4d97d2;color:#222;}
.slicknav_nav .slicknav_txtnode{margin-left:15px;}
.slicknav_nav .slicknav_item a{padding:0;margin:0;}
.slicknav_nav .slicknav_parent-link a{padding:0;margin:0;}
.slicknav_brand{color:#fff;padding:7px 12px;height:44px;}
}