@import '/media/jui/css/icomoon.css';
/* JSN Support Write your custom css code here
Bug wegen h1 Title doubled  
doch anders gelöst über jsn_hub\html\com_content\article\default.php
 erster Versuch wegen bug im Template, da h1 title ansonsten doppelt angezeigt */
/*.page-header h1:last-child {
    display: none;
}
*/

/* kumbh-sans-regular - latin */
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fontslocal/kumbh-sans-v1-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Kumbh Sans Regular'), local('KumbhSans-Regular'),
       url('../fontslocal/kumbh-sans-v1-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fontslocal/kumbh-sans-v1-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fontslocal/kumbh-sans-v1-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fontslocal/kumbh-sans-v1-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fontslocal/kumbh-sans-v1-latin-regular.svg#KumbhSans') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fontslocal/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fontslocal/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fontslocal/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fontslocal/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fontslocal/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fontslocal/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fontslocal/lato-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fontslocal/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fontslocal/lato-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fontslocal/lato-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fontslocal/lato-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fontslocal/lato-v16-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* blau : #0096e7, hellblau: #89CDF1 grau: #737477 */

body {font-family: 'Lato', Verdana, sans-serif; margin-bottom: 200px; color: #232323; font-size: 18px; }


a:hover, a:focus {
  color: #716d6d;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.4;
  letter-spacing: 0px;
  text-transform: none;
  font-family: 'Kumbh Sans'; color: #0096e7;
}
h1, .h1 {  font-size: 28px;  letter-spacing: 2px;  text-transform: uppercase;}
h2, .h2 {  font-size: 24px;}
h3, .h3 {  font-size: 21px;}
h4, .h4 {  font-size: 15px;}
h5, .h5 {  font-size: 12px;}
h6, .h6 {  font-size: 11px;}
.grundschultitel h1 {font-size: 31px; color: #fff;  }

#menu_item_menu ul.navbar-nav > li > a, #menu_item_menu ul.navbar-nav > li > span.nav-header {
    font-family: 'Roboto';
}
tbody td {vertical-align: top; text-align: left; padding: 5px;}
.schultab td {padding: 10px ;  }
.schultab td {vertical-align: top; text-align: left; }
.tabhg-blau td {background-color: #0096e7; color: #fff; }
.tabhg-blau td h2 {color: #fff; }
.bereich-topbar {
    background-color: #fff;
}
.bereich-topbar a {color: #0096e7;}
.bereich-topbar #row_row-24_wqCF8cN2 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.grundschultitel {background-color: #0096e7; color: #fff;}
.grundschultitel h1, .grundschultitel h2 {text-transform: uppercase; letter-spacing: 2px;}
.grundschultitel h2 {color: #fff;}

.border-tb::before {   height: 1px;  }
.border-tb::after {    background-color: #0096e7;    }
.sunfw_section_component {  padding-top: 0px;}
.sunfw-homepage .sunfw_section_component {  padding-top: 35px;}
.homeblock {
    background-color:#EBEBEB;
}
.customhome-block  .jsn-bootstrap3 .pb-element-container {
  margin-top: 15px; margin-bottom: 15px; 
}
.customhome-block  .jsn-bootstrap3 h2 { font-size: 45px;
    font-weight: 700;
    text-transform: capitalize;
    color: #0096e7;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 50px 20px;
    font-family: 'Kumbh Sans', Geneva, sans-serif;
    
} 
.customhome-block  .jsn-bootstrap3 a {
    color: #0096e7 !important;
    padding: 15px;
    font-weight: bold;
    font-size: 45px;
    font-family: 'Kumbh Sans', Geneva, sans-serif;
    line-height: 1.4;
    text-shadow: 1px 1px #fff;
    letter-spacing: 2px;
}


.home-kontakt {
    /* height: 254px; */
    background-color: #89CDF1 ;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: cover;
   
}
.home-aktuelles {
    /*  height: 254px; */
    background-color: #89CDF1;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: cover;   
}
.home-termine {
    /* height: 254px; */
    background-color:#FFC250 ;     background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: cover;
}	
.home-schulleben {
    /* height: 254px; */
    background-color: #FFC250;     background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: cover;
}

.bereichbottom {
    background-color: #89CDF1;
    color: #000;
    margin-top: 50px;
}
.bereichbottom h2, .bereichbottom h3 {color: #000;}
.bereichbottom a {color: #000; font-weight: bolder;}

#jevents_body .nav-items div.active a, .jev_header2 .active a {
    background-color: #0096e7;   
}
#jevents_body .nav-items div.active a:hover, .jev_header2 .active a:hover {
      border-left: 1px solid #0096e7;
}

.nav-items > div {    
    border: 1px solid #0096e7;
   }
#jevents_body .nav-items > div a:hover {
       border-left: 1px solid #0096e7;
    }
.nav-items > div:first-child {
        border-left: 1px solid #0096e7;
}

.nav-items > div:last-child {
        border-right: 1px solid #0096e7;
}
#jevents_body .cal_today a.cal_daylink {
    background-color: #0096e7;
   }

#jevents_body .cal_today a.cal_daylink:hover {
    border-left: 1px solid #0096e7;
      border: 1px solid #0096e7;
      color: #0096e7;
}
.jev_toprow div.previousmonth, .jev_toprow div.nextmonth {
    background-color: #0096e7;
    border: 1px solid #0096e7;
}
.jev_toprow div.currentmonth {
    border-top: 1px solid #0096e7;
    border-bottom: 1px solid #0096e7;
   
}
.parall01 {
 background-image: url(../../../../images/parallax/02.jpg);
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 430px;
    padding-left: 0px;
    padding-right: 0px;
    background-attachment: fixed;
    width: 100%;
}


.parall01-smart {
	background-image: url("../../../../images/parallax/02-smart.jpg") ;
	padding-top: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	padding-right: 0px;	
    background-position: center center;
    background-repeat: no-repeat;
}  
.parall01 .jsn-bootstrap3 .bottominfo h2 {color: #fff; font-size: 40px; text-transform: uppercase; margin: 100px 50px; text-shadow:  1px 1px 3px #686868 ;}
.parall01-smart .jsn-bootstrap3 .bottominfo h2 {color: #fff; font-size: 25px; text-transform: uppercase; margin: 20px 10px; text-shadow:  1px 1px 3px #686868 ;}

.buttonbottominfo a{margin-left: 20px; margin-right: 20px;}

[class*="module-style-"].module-style-3 .module-title, [class*="module-style-"].module-style-4 .module-title {
    margin: 0 0px 21px;
}
[class*="module-style-"].module-style-3 .module-title .box-title, [class*="module-style-"].module-style-4 .module-title .box-title {
    padding: 11px 0px;
    margin: 0;
    border-radius: 0 0 0 0;
}
.modulformulare ul li {
    list-style-type: none;
    padding-left: 10px;   
    line-height: 1.8em;
    list-style-image:url(../../../../images/layoutdateien/pfeil1.png);
}
.modulformulare ul { padding-left: 30px;}
.homeaktuelles {border-top: solid  #0096E7 thin; border-bottom: solid  #0096E7 thin; margin-top: 30px;}
.homeaktuelles .pb-articlelist-wrapper .articlelist-item { margin-bottom: 30px;}
.homeaktuelles .articlelist-item .title a {
    font-size: 20px;
}

.breadcr {
    padding: 0;
    margin: 0;
    list-style: none;
    background: none;
    font-size: 30px; color: #000; font-weight: 600; text-transform: uppercase;
    text-align: center;
}

.page-termine .breadcr { 
    background-image: url(../../../../images/layoutdateien/sonnenuhr1140.jpg);
	background-position: center center;
	padding-top: 50px;
	padding-bottom: 200px;
	padding-left: 0px;
	padding-right: 0px; background-repeat: no-repeat;
    color: #fff;}

.page-aktuelles .breadcr { 
    background-image: url("../../../../images/layoutdateien/sonnenuhr1140.jpg");
	background-position: center center;
	padding-top: 50px;
	padding-bottom: 200px;
	padding-left: 0px;
	padding-right: 0px; background-repeat: no-repeat;
    color: #fff;}

.page-termine .breadcr a, .page-aktuelles .breadcr a{text-shadow:  1px 1px 2px #fff ;}
.breadcr ul {
    list-style-type: none;
}
.kontaktmoeg {padding-bottom: 50px;}
.kontaktmoeg h2 {color: #000;}

.bilderschule img {margin-bottom: 25px;}





/* =============== MENU - SIDE MENU =============== */
.module-style ul.nav[class*='menu-sidemenu'], .module-style ul.nav[class*='menu-treemenu'] {
  margin: -8px 0; }
  .module-style ul.nav[class*='menu-sidemenu'] > li > a:not(.get-it), .module-style ul.nav[class*='menu-sidemenu'] > li > span.nav-header:not(.get-it), .module-style ul.nav[class*='menu-treemenu'] > li > a:not(.get-it), .module-style ul.nav[class*='menu-treemenu'] > li > span.nav-header:not(.get-it) {
    position: relative;
    text-transform: none;
    font-weight: normal;
    line-height: 1.53;
    color: #0096e7;  
    font-size: 18px;
    }



.alert.alert-message {
    color: #fff;
    background-color: #89CDF1;
}

#menu_item_menu ul.dropdown-menu, #menu_item_menu ul.sunfw-megamenu-sub-menu, #menu_item_menu .modulecontainer ul.nav-child {
  border: #ECEEF1 thin solid;}

nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:not(.get-it), nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:not(.get-it) {
      padding: 30px 30px;   }



.mittag, .kastenakt {margin-top: 50px;}


@media (min-width: 768px) {
  nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header.get-it,
      nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it {
  padding: 15px 30px;  }
}

@media (max-width: 1280px) and (min-width: 1024px){
nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:not(.get-it), nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:not(.get-it) {
    padding: 26px 15px; }
}

@media (max-width: 991px) and (min-width: 768px){
nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:not(.get-it), nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:not(.get-it) {
    padding: 15px;}
}    

.modulzeiten {margin-top: 30px;}


/* RESPONSIVE */




@media (max-width: 1024px) and (min-width: 768px){

    .grundschultitel h1 {
    font-size: 25px; }

}

/* end media */

@media (max-width: 991px) and (min-width: 768px){
    
nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:not(.get-it), nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:not(.get-it) {
    padding: 15px 10px;}
}
    
/* end media */
    
/* ===== MOBILE ===== */
@media (max-width: 767px) {
  
  
.sunfw-menu-head .navbar-header {
    background: #fff; }
.sunfw-menu-head .navbar-header button.navbar-toggle {
      background: #fff;       }
.sunfw-menu-head .navbar-header button.navbar-toggle i {
                color: #000; }
   
h1, .h1 {  font-size: 24px;  letter-spacing: 2px;  text-transform: uppercase;}
h2, .h2 {  font-size: 22px;}
h3, .h3 {  font-size: 20px;}
h4, .h4 {  font-size: 15px;}
h5, .h5 {  font-size: 12px;}
h6, .h6 {  font-size: 11px;}   
.breadcr {
    font-size: 22px;}
body:not(.sunfw-homepage):not(.extra-page):not(.sunfw-view-archive):not(.sunfw-view-featured):not(.sunfw-layout-blog):not(.sunfw-view-contact):not(.sunfw-view-categories):not(.sunfw-layout-edit):not(.sunfw-view-category):not(.sunfw-view-registration):not(.sunfw-view-profile):not(.sunfw-view-itemlist):not(.sunfw-view-search):not(.sunfw-com-easyblog) .layout-item.sunfw-item-page-content {
    padding: 28px 15px 30px;    
}

.sunfw-menu-head .navbar-header button.navbar-toggle i {
       font-size: 40px;
} 
.navbar {
    min-height: 100px;    
}
        
    
}
/* Ende mobile */

/* Gerry gdpr css code here 


@media only screen and (min-width: 960px), (min-device-width: 960px) {
		div.cc-window.cc-floating {
			max-width: 100%!important;
		}

	.cc-banner .cc-message {
		flex: none!important;
		width: 100%;
		letter-spacing: normal;
	}
	.cc-btn.cc-deny,
	.cc-btn.cc-dismiss {
		width: 150px;		
		font-size: 15px;		
		font-weight: normal;
				
	}
	.cc-compliance {
		margin: 15px auto 4px auto;	
	}
	.cc-btn.cc-allow {
		width: 450px;
		margin: 3px 40px;
		text-transform: uppercase;
		font-size: 15px;
		font-weight: normal;
		letter-spacing: 2px;
	}
	.cc-revoke.cc-bottom {
		bottom: 1em;
		left: 3em;
		border-radius: 45px!important;
		text-align: center;
		width: 90px;
		height: 90px;
		padding-top: 20Px;
		background-color: #1C304B !important;
		color: #fff !important;
	}
	.cc-revoke.cc-bottom p {
			color: #fff !important;
	}	
	.cc-revoke.cc-bottom:hover {
		text-decoration: none;
		color: #C0C0C0;
	}
	.cc-revoke:after {
		font-family: 'IcoMoon';
	    font-style: normal;
	    speak: none;
	    content: "\39";
	    text-align: center;
	    width: 90px;
	    font-size: 25px;
	}
	.cookiebutton {
		text-align: center;
		width: 100%;
		line-height: 10px;
	}
	.cc-cookie-settings-toggle {
		position:absolute;
		left: 25px; 
		top: 50px;
		font-size: 14px!important;
		margin-top: 10px;
		border: 0!important;
		background-color: transparent!important;
	}
	
}
div.gdprlock-placeholder.gdprlock-placeholder-action {
	margin-bottom: -70px;
	z-index: 999;
}
div.gdprlock-placeholder-text {
	font-size: 25px!important;
}
.clickbutton {
	margin-top: 15px;
	text-transform: uppercase;
}

.clickbutton  {
	background: #3D94F6;
	background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
	background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFFFFF;
	font-family: 'Open Sans', Arial;
	font-size: 18px;
	font-weight: 100;
	padding: 10px;
	box-shadow: 1px 1px 10px 0px #000000;
	-webkit-box-shadow: 1px 1px 10px 0px #000000;
	-moz-box-shadow: 1px 1px 10px 0px #000000;
	text-shadow: 1px 1px 10px #000000;
	border: solid #337FED 1px;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}

.clickbutton:hover {
	border: solid #337FED 1px;
	background: #1E62D0;
	background-image: -webkit-linear-gradient(top, #1E62D0, #3D94F6);
	background-image: -moz-linear-gradient(top, #1E62D0, #3D94F6);
	background-image: -ms-linear-gradient(top, #1E62D0, #3D94F6);
	background-image: -o-linear-gradient(top, #1E62D0, #3D94F6);
	background-image: linear-gradient(to bottom, #1E62D0, #3D94F6);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
*/
/* Zusatz Lissi : */
a.cc-link label {
    color: #fff;
}
.cc-color-override-944417498 a.cc-btn {
    color: rgb(255, 255, 255);
    border-color: #0096e7 !important;
    background-color: #0096e7 !important;
}