/* globale Variable  */
:root{
	--main-color: rgba(163, 197, 23, 1);  /* grün #a3c517 -> var(--main-color)*/
}


/* .inside .container{margin-left:2rem; margin-right:2rem;}  */
.row{margin-left:0;margin-right:0;}

h4, .h4 {font-weight:bold;
	margin-top: 1rem;
}

.blau {background-color:#4f81bc!important; color:#ffffff;}
.blau a {color:#ffffff;}

.logo_mobile{display:none;}
.notmobile{display:inline;}
.mobile{display:none;}

.topbar{
	background-color:#ffffff;
}

@media (max-width:991px) {
	.notmobile{display:none;}
	.mobile{display:inline-block;}
}	

/* breadcrumb  */
.mod_breadcrumb li {list-style-type:none;}
.mod_breadcrumb li a, .mod_breadcrumb li span{
	text-decoration: none;
	font-size:0.9rem;
	color: #34495e;
	font-style: italic;
} 

/* Startseite Slider  */
.bgStyle {background-position: center center;}
.bgStyle1 h1{height:22rem;padding-bottom:24rem;}
.bgStyle2 h1{height:22rem;padding-top:24rem;}
.bgStyle3 h1{height:22rem;padding-top:16rem;padding-bottom:8rem;}

/* Slider ab contao 5.3: Content-Swiper */
.content-swiper {
	--swiper-navigation-size: 24px;
    --swiper-theme-color: #fff;
}
.content-swiper button {
	display: none;
    /*  background: rgba(0, 0, 0, 0.5); */ }
.swiper .swiper-notification {display: none;}


/* Startseite 3Schule mit Links  */
.bild1{
	width:50%;
	
}
.bild2{
	width:50%;
	margin-left:20%;
	margin-top:-4%;
}
.bild3{
	width:50%;
	margin-left:40%;
	margin-top:-4%;	
}

/* Navigation */
.mainnavi li {
	padding: 0.4rem;
}
.mainnavi ul.level_1 > li a:hover{
	color: #a3c517;
}




/* Aktuelles - GMS-Nachrichten   */
.teaser, .teaser p {
	text-align:justify;
	width:92%;
}
.layout_full img {width:250px; height: auto;}

.news_box {
	border: 1px solid var(--main-color);
	border-radius:15px;
	margin-right:5px;
	padding: 22px;
	min-height:450px;
}
.mod_newslist h2 {
	min-height: 160px;
}
.mod_newslist figure.image_container{
	margin-top: 26px;
}
/* Weiterlesen-Seite der GMS-Nachrichten  */
.mod_newsreader .media--below{
	padding:3rem;
	border: 1px solid var(--main-color);
	border-radius: 15px;
	margin:2rem;
}
/* Pagination */
.pagination ul li .active{
	color:var(--main-color);
}



/* Styling Schatten Images */
.img-shadow_color1 img{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding:0rem;
}

/* Featuresblock */
.featuresblock 	a {color:#ffffff;}
.featuresblock a:hover {color:#3f681c;}
	
/* Downloadbereich  */
.download-element a{
	font-size:1.4rem;
	padding-left: 2.5rem;
	background-size: 2.5rem;
    }  
}

/* ungeordnete Liste  */
.gms_ulist ul{
	list-style-type: circle!important;
	padding-left:1.5rem!important;
	/* list-style-position: outside; */
}
/* Liste DS-Erklärung, enger Zeilenabstand */
.gms_ulist li{
	color:#000000!important;
	font-size:1.0rem;
}
.gms_ulist2 ul{
	list-style-type: circle!important;
	padding-left:1.5rem!important;
	}	
.gms_ulist2 li{
	color:#000000!important;
	font-size:1.1rem;
	line-height:1.2rem;
	margin-top: 1rem;
	}
	

.btn h1, .btn h2 {color:#ffffff;}

.btn:hover {background-color:#728910;}

.btn-hell h1, .btn-hell h2 {color:#728910;}
.btn-hell {
	background-color: #ffffff;
	padding-top: 0.3rem; padding-bottom:0.3rem;
	padding-left: 1rem; padding-right: 1rem;
	border-radius: 1rem;
	margin: 0 auto;
}

.btn-hell:hover {background-color:#ffffff;}

/* Login-Button -  Logout*/
.login-button{
	width:6rem;
	text-align:center;
	float:right;
	margin-right:1.5em;
	display:inline;
	}
	
.login-button-footer{
	width:6rem;
	text-align:center;
	margin-left:1.0em;
	font-weight:bold;
	}	
	
.logoutzeile{
	padding:5px 50px;
	background-color:#e8e8e8;
	}
.logoutzeile a{color:#000000!important;}
.logoutzeile a:hover{color:#a3c517!important; font-weight:bold!important;}	

.error {
	color: #e64a19;
}

/* Back-Button "zurück" */
.back-button{
	width:6rem;
	text-align:center;
	background-color: var(--main-color) ;
	}
.back-button a{
	color: #ffffff;
	font-weight:bold;
}




@media (max-width:1199px) {
	.login-button{
		width:5rem;
		font-size:1rem;
		padding: 1px;
		margin-top:0px;
		height:1.8rem;
	}
	.logoutzeile{
		margin-bottom:5px;
	}
	.button-menu .fa {font-size:2rem;}
}		


/* Ticker - Laufzeile Home - andere Einstellungen in web/bundles/softleisterticker/style.css   */
.mod_ticker .telex {
		line-height:3.5rem;
		font-size:1.4rem;
		}

/* Elements Hintergrund */		
.bg-fixed {
    background-attachment: fixed;
    background-size: cover;
}
.bg-music {
    background-image:url("../../GMSEssenbach/Bilder/Schule/Die musikalische Schule/BGNoten500_2.jpg");
    background-repeat:repeat;
    background-attachment: fixed;
}
	/* beim Menüpunkt kein Hintergrund*/
li .bg-music{
	background-image: none!important;
}

.bg-willkommen{
    background-image:url("../../GMSEssenbach/Bilder/Schule/Leitbild_CAmmersdorfer680x481.png");
    background-repeat:no-repeat;
    margin:3rem;
    padding:8rem 0 0 2rem;
    background-position: center top;
    background-size: contain;
}

.bg_hellgrau{
	background-color: #e2e2e2;
	border-right: 3px solid #a3c517;
}

/* Card-Reader */
.card-header{
	background-color:#e2e2e2;
}
/* Kreise z.B. bei Berufsorientierung  */
.bubbles{
	border-radius: 120px;
	width: 240px;
	height: 240px;
	padding:3em 2em;
}
.bubbles p{
	font-size:1.2em!important;
	text-align:center;
	vertical-align:middle;
}
@media (max-width:991px) {
	.bubbles{width:180px;
			height:180px;
			border-radius: 90px;
			padding:1.8em 1em;
	}
/* runde Elemente z.B. Mittelschule - Berufsorientierung  */
.bubbles p{
	font-size:1em!important;
	}
	
	.mobile{display:inline;}
}
/* Elemente mit 2 runden und 2 eckigen Ecken  */
.flags_elements{
	display: block;
    padding: 0.8rem 1rem 0.3rem 1rem;
    border-radius: 0 6px 0 6px;
}
.flags_elements a{font-size:1.2rem;}
.gruen{background-color:#a3c517;}
.gelb{background-color:#fee902;}
.rot{background-color:#cb555e;}
.blau{background-color:#4f81bc;}
.gruen a:hover,.gelb a:hover, .rot a:hover, .blau a:hover {color:#a9a9a9;}

/* Styling Links (hyperlinks)  */
.ce_hyperlink a{
	line-height:3.3rem;
	font-size:1.3rem;
/*	padding:0.3rem 0.5rem;
	border: 2px dotted #222;  */
}
.links_txt{
	font-size:1.3rem;
}

/* Tabelle Beratung - Berufseinstiegsbetreuung */
.table_beb .col_0{width:5rem!important;}
.table_beb .col_1{width:5rem!important;}
.table_beb .col_2{width:11rem!important;}

/* Tabelle Sprechstunden */
.table-sprechstunden table thead{
	height: 3rem;
	background-color: var(--main-color);
}
.table-sprechstunden table tr{
	height: 3rem;}
.table-sprechstunden table td{	
	padding-left: 1rem; padding-right: 1rem;}

/* Video Mittelschule  */
 .video_ms{width:640px;height:auto;padding-bottom:4rem;}

/* Styling team  */
.team {padding-bottom:10px;}
.team figure img {border-radius:15px;}
.team .textInner{
	top: -5%;
	right:24%;
	padding: 13px 48px;
	width: 26rem;
	display:block;
	position: unset;  /* ohne Bilder - mit Bilder: position:absolute; */
}

.team2 {padding-bottom:10px;}
.team2 figure img {border-radius:15px;}
.team2 .textInner{
	top: -5%;
	right:24%;
	width: 100%;
	display:block;
	position: unset;  /* ohne Bilder - mit Bilder: position:absolute; */
	
}


/*  Bilderslider Schulen */
.bilderslider .textInner{
		background-color:rgba(227,227,227,0.5);
		color: #000;
		padding: 1rem;
		text-align:center;
}
.bilderslider .slider-control .slider-menu {
    position: unset!important;
    width:auto!important;
    top: 0!important;
    font-size: 34px!important;
    text-align: center!important;
    margin-left:0px!important;
}    
	
.aktuelles figure img{
	width:55%;
	margin-left:2rem;
}





/* Schulleben - Archiv  */

.navi_bilderarchiv .level_1 li a {
	color:var(--main-color);
	font-size:1.6rem;
}
.navi_bilderarchiv .level_1 li {
	margin-top:0.8rem;	
}
.navi_bilderarchiv .level_2 li a {
	color:#222222;
	font-size:1.2rem;
	margin-left:1.5rem;
}
.navi_bilderarchiv .level_2 li {
	margin-top:0rem;	
}

.bottom3rem{
	margin-bottom: 3rem;
}
.bottom4rem{
	margin-bottom: 4rem;
}

/* Styling Newsletter unter Eltern - geschützter Bereich  */
.nl_eltern h4{
	height: 4rem;
	width:100%;
	background-color:#535353;
	color:#ffffff;
	font-size:2rem;
	padding:20px 0 0 20px;
}
.nl_eltern .widget-text .mandatory{
	margin-bottom:0.5rem;
	width: 60%;
}
.nl_eltern input{
	padding: 0.5rem;
	background-color:#ffffff;
}
.nl_eltern .checkbox_container{
	width:60%;
	margin-bottom:0.5rem;
}
.nl_eltern fieldset{
	border: 1px solid;
	padding: 1rem;
}
.nl_eltern span{
	display:inline-block;
	width:150px;
}
.nl_eltern .ce_accordion .toggler{
	height: 4rem;
	background-color:#555555;
	font-size:2rem;
}
.div_grau{
	background-color:#e2e2e2;
	margin:2rem;
	padding: 1rem;
}

/* Die sportliche Schule */
.iconborder{
	border: 2px solid #a3c517;
	border-radius: 15%;
	padding: 1rem;
	width: 10rem;
	
	
}
.iconborder{
	.ce_text{width:3rem;}
}

.devider_weiss{
	  border-top: 2px dashed #ffffff;
	  width: 50rem;
      margin: auto;
      margin-bottom: 3rem;
}

/* ********** mobile ***********/

@media (max-width:1199px) {
	.logo{display:none;}
	.img-shadow_color1{box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);}
	.logo_mobile {display:inline;}
	.logo_mobile img{width:350px;}
	.video_ms{width:960px;height:auto;}

}
@media (max-width:992px) {
	.logo_mobile img{width:400px;}
	.video_ms{width:400px;height:auto;}
}
@media (max-width:768px) {
	.logo_mobile img{width:400px;}
	.video_ms{width:400px;height:auto;}
	.team .textInner {padding: 6px 17px; top:66%; right:0;}
	.team .textInner h2,.team .textInner h4, .team .textInner a {font-size:0.9rem;}
	.bg-willkommen{margin:0;padding:6rem 0 0 0;}
}

@media (max-width:576px) {
	.logo_mobile img{width:270px;}
	.video_ms{width:400px;height:auto;}
	.calendar th {font-size:0.6rem;}
	.mod_breadcrumb li a, .mod_breadcrumb li span {font-size: 0.6rem;}
	.bg_hellgrau{border-bottom: 6px solid #a3c517;}
}
@media (max-width:380px) {
	.bubbles {margin:5% 25%;}
	.video_ms{width:300px;height:auto;} 
	.slider_notmobile{display:none;}
	.slider_mobile{display:inline;}	
	.calendar th {font-size:0.4rem;}
	
	
}