/* colors

grey  -  spacer + hr, etc  #a6a6a6

dblau #0054a6
rot #d91e48
lila #7c0e5f
grün #9bb34f
hblau #01bbd6



*/

/* ==========================================================================
   Base
   ========================================================================== */

body { }



/* =============================================================================
   Header
   ========================================================================== */

.banner { }

.navbar {
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #eee;
}

.row .row {
    margin-top: 30px;
}

.rsUni .rsBullets {
    margin-bottom:20px;
}

#pageheaderimage { width:100%; max-height:300px; overflow:hidden; display:block;}
#pageheaderimage img { width:100%;}


.navbar-header h3 { display:inline-block; padding:15px 0 0 10px;}

.navbar-brand img { max-width: 500px;}

#topicons  { float:right; margin-top:30px; border-right:1px solid #a6a6a6;}
#topicons li { display:inline; }
#topicons li:last-child a { }
#topicons li > a { display:inline-block; width:40px; height:40px; background-position: center; background-size:32px; border-left:1px solid #a6a6a6; outline:none;}
#topicons li a.home { background-image:url(../img/icon_home.png);}
#topicons li a.email { background-image:url(../img/icon_mail.png);}
#topicons li a.maps { background-image:url(../img/icon_maps.png);}
#topicons li a.suche { background-image:url(../img/icon_search.png);}
#topicons li a.telefon { background-image:url(../img/icon_telefon.png);}

#topicons li a:hover { opacity:.6;}

#topicons li span { display:none; overflow:hidden; font-size:11px; color:#777; padding:5px 10px 0 0;  height:39px; vertical-align:top;}

#topicons li span.input-group-btn {
    display: table-cell;
	padding:0 0 0 5px;;
}

/* megamenu */

#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current_page_item 
a.mega-menu-link ,

#mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {

    font-weight: bold;
    color: #009DE0;

}

/*
#mega-menu-wrap-primary_navigation-84 #mega-menu-primary_navigation-84 > li.mega-menu-item.mega-toggle-on > a,
#mega-menu-wrap-primary_navigation-84 #mega-menu-primary_navigation-84 > li.mega-menu-item > a:hover,
#mega-menu-wrap-primary_navigation-84 #mega-menu-primary_navigation-84 > li.mega-menu-item > a { text-transform:uppercase; font-weight:700;}
*/


/* ==========================================================================
   front page
   ========================================================================== */

.newsbox { padding:10px;  display:inline-block;}
.newsbox { border:1px solid #0054a6; min-height:230px;}
.newsbox h2 { background-color:#0054a6; color:#fff; font-size:18px; padding:6px 20px; min-height:2em; margin-top:0;}
.newsbox h2 span { height:100%; display:inline-block;} 
.newsbox p { padding:5px 10px;}

.newsbox.konzept { border-color:#d91e48;}
.newsbox.konzept h2 {background-color:#d91e48;}

.royalSlider { margin-bottom:40px;}




/* ==========================================================================
   Content
   ========================================================================== */

.content { }

.main a { color: #009DE0; font-weight: bold;}

.main img, .main figure { max-width: 100%; height: auto;}
.main img { margin-top: 1.5em; margin-bottom: 1.5em;}
.main img.alignleft { margin-right:2em; margin-top: .5em; clear:left;}
.main img.alignright { margin-left:2em; margin-top: .5em; clear:right;}

.main p, .main ul, .main ol {
    margin-bottom: 1em;
    line-height: 1.6em;
}

.main h1, .main h2, .main h3, .main h4, .main h5, .main h6  {
    line-height: 1.4;
}
.main h3 { margin-bottom: 1em;  }



/* Gallery Shortcode */
.gallery-row { padding: 15px 0; }


/* termine */
.termin a { color:#0054a6; text-decoration:none; font-weight:bold; }


/* blog */
article { display:inline-block;}
.blog header { margin-bottom:5px; margin-top:2em;}
time.small { font-size:11px; color:#aaa;}
.thumbnail-wrapper img { width:220px; float:left; height:auto; margin-right:20px;}


/* ==========================================================================
   Sidebar
   ========================================================================== */

.sidebar { margin-top:10px; }
.sidebarinfo a { text-decoration:none;}
.sidebarinfo { border:1px solid #a6a6a6; margin-bottom:2em;}
.sidebarinfo  h3 { margin-top:0; background-color:#CACACA; padding:5px 15px; font-size:18px; letter-spacing:1px; color:#fff;}
.sidebarinfo .infocontent { padding:10px;}

.sidebarinfo.schueler { border-color:#9bb34f;}
.sidebarinfo.schueler h3 { background-color:#9bb34f; padding:5px 15px; font-size:20px; color:#fff; }
.sidebarinfo.eltern { border-color:#01bbd6;}
.sidebarinfo.eltern h3 { background-color:#01bbd6; padding:5px 10px; font-size:20px; color:#fff;}

.sidebarinfo .infocontent h4 { margin-top:0;}

/* ==========================================================================
   Posts
   ========================================================================== */

.hentry header { margin:3em 0 1em 0;}
.hentry time { }
.hentry .byline { }
.hentry .entry-content { padding-right: 4em; }
.hentry footer { }



/* ==========================================================================
   Footer
   ========================================================================== */

footer { border-top:1px solid #a6a6a6; margin-bottom:50px; margin-top:30px;}

article footer { border:none;}

.content-info { }

.socials { margin-top:10px; text-align: right; }
.socials a { margin-left:10px; display: inline-block; }
.socials img { max-width:92px; float:right; transition: .2s all ease-in-out;}
.socials img:hover { opacity: .8;}


#menu-footer { margin-top:12px; padding-left:0;}

#menu-footer li { display:inline-block; margin-right:1em;}
#menu-footer li a { text-transform:uppercase; font-size:11px; color:#666;}


aside.sidebar {
    padding-left: 40px;
    padding-top: 1.3em;
}

.search-results article.post {
    margin-bottom: 4em;
    border-bottom: 1px solid #009DE0;
    padding-bottom: 1em;
}

img.rsImg {
width: 100%!important;
min-height: 325px!important;
}

/* ==========================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 768px) {
    .main {}
}

@media (max-width: 600px) {
	#mega-menu-wrap-primary_navigation-84 .mega-menu-toggle ~ #mega-menu-primary_navigation-84 {
		display: block;
	}
	.navbar-brand img {
		max-width: 300px;
		margin-left:10px;
	}
        
        /*
        .rsOverflow { overflow: visible; overflow-x: hidden; overflow-y:visible!important;}
        .rsGCaption { bottom: -60px!important; z-index: 9999!important;}
        */
        
        .home .thumbnail-wrapper img {width: 100%;}
        
 }
 
@media (max-width: 450px) {
	.navbar-brand img {
		max-width: 250px;
		margin-left:10px;
	}
        
        #menu-footer li {
            display: block;
            margin: .5em 0;
        }
        
        footer .socials { text-align: left; margin-top: 2em;}
        footer .socials a { margin-left: 0; margin-right: 10px;}
 }
  
@media (min-width: 992px) { }

@media (min-width: 1200px) { }


#topicons li span { position: absolute; top: 80px; display: block; }
#topicons input { max-width: 216px;}



/* CF7 */
.wpcf7-form label, div.wpcf7-response-output  { width: 60%; }
.wpcf7-form input.wpcf7-form-control,
.wpcf7-form textarea.wpcf7-form-control { padding: 3px 5px; border: 1px solid #6F6F72; width: 100%; }

.wpcf7-form input.wpcf7-form-control.wpcf7-submit { transition: all 0.2s ease-in-out;}
.wpcf7-form input.wpcf7-form-control.wpcf7-submit:hover { background-color:#98C10F; color:#fff  }

div.wpcf7-response-output { margin: 1em 0; padding: 10px;}
.wpcf7-response-output.wpcf7-mail-sent-ok {  background-color: #98C10F; color: #fff; border: none;}
.wpcf7-response-output.wpcf7-validation-errors { background-color: #F29400; color: #fff; border: none;}

span.wpcf7-not-valid-tip { color: #E1007A;}

/* pagination */
.pagination { text-align: center; display: block;}
.pagination span, .pagination a { border-radius: 5px; background-color:#FFCC00; width: 2em; height: 2em; line-height: 2em; margin: 10px; display: inline-block; transition: all .2s ease-in-out;}
.pagination span { background-color:#98C10F; }
.pagination a { text-decoration: none; color: #666768; }
.pagination a:hover { background-color:#98C10F; }


.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-weekday-6 .simcal-day-number,
.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-weekday-0 .simcal-day-number  { background: #ccc;}
.simcal-default-calendar .simcal-calendar-head { margin:2em 0;}

#mega-menu-wrap-primary_navigation .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label,
#mega-menu-wrap-primary_navigation .mega-menu-toggle .mega-toggle-block-1::after {
    color: #aaa;
}

.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
    background: #FFF!important;
}

.rsSlide img { margin: 0!important;}