html {
	font-size: 75%;  /* 12px alt value  */
}
/* ------- Navigation Menu ------------ */
.text-white {
  color: #ffffff;
}
.text-black {
  color: #292e33;
}
.text-nav_color_1 {
  color: #4c6878;
}
.text-nav_color_2 {
  color: #5791cd;
}
.text-nav_color_3 {
  color: #8781bd;
}
.text-nav_color_4 {
  color: #f172ac;
}
.text-nav_color_5 {
  color: #f36f21;
}
.text-nav_color_6 {
  color: #308b84;
}
.text-nav_color_7 {
  color: #ef4030;
}
.text-nav_color_8 {
  color: #8dc63f;
}
.text-nav_color_9 {
  color: #1b8eb1;
}

.bgc_1 {
  background-color: #4c6878;
}
.bgc_2 {
  background-color: #5791cd;
}
.bgc_3 {
  background-color: #8781bd;
}
.bgc_4 {
  background-color: #f172ac;
}
.bgc_5 {
  background-color: #f36f21;
}
.bgc_6 {
  background-color: #308b84;
}
.bgc_7 {
  background-color: #ef4030;
}
.bgc_8 {
  background-color: #8dc63f;
}
.bgc_9 {
  background-color: #1b8eb1;
}

.aspe_bg_color {
  background-color: #F3F5F6;
}
/* 
.page_navbar {
    background: transparent !important;
	border: medium none;
    box-shadow: none;
    left: 60px;
    margin-bottom: 0;
    position: fixed;
    right: 60px;
    top: 0;
    width: auto;
    z-index: 10000;
}
 */
/* menu node */

#page_navbar_node-1-1 {
	border-left: solid 5px #ef4030;
}
#page_navbar_node-1-1 .navbar-toggle, #page_navbar_node-1-1 .navmenu-brand {
	background-color: #ef4030;
	color: #ffffff;
}
#page_navbar_node-1-2 {
	border-left: solid 5px #f36f21;
}
#page_navbar_node-1-2 .navbar-toggle, #page_navbar_node-1-2 .navmenu-brand {
	background-color: #f36f21;
	color: #ffffff;
}
#page_navbar_node-1-3 {
	border-left: solid 5px #8dc63f;
}
#page_navbar_node-1-3 .navbar-toggle, #page_navbar_node-1-3 .navmenu-brand {
	background-color: #8dc63f;
	color: #ffffff;
}
#page_navbar_node-1-4 {
	border-left: solid 5px #308b84;
}
#page_navbar_node-1-4 .navbar-toggle, #page_navbar_node-1-4 .navmenu-brand {
	background-color: #308b84;
	color: #f2fbfa;
}
#page_navbar_node-1-5 {
	border-left: solid 5px #5791cd;
}
#page_navbar_node-1-5 .navbar-toggle, #page_navbar_node-1-5 .navmenu-brand {
	background-color: #5791cd;
	color: #ffffff;
}
#page_navbar_node-1-6 {
	border-left: solid 5px #8781bd;
}
#page_navbar_node-1-6 .navbar-toggle, #page_navbar_node-1-6 .navmenu-brand {
	background-color: #8781bd;
	color: #ffffff;
}
#page_navbar_node-1-7 {
	border-left: solid 5px #f172ac;
}
#page_navbar_node-1-7 .navbar-toggle, #page_navbar_node-1-7 .navmenu-brand {
	background-color: #f172ac;
	color: #ffffff;
}
#page_navbar_node-1-8 {
	border-left: solid 5px #4c6878;
}
#page_navbar_node-1-8 .navbar-toggle, #page_navbar_node-1-8 .navmenu-brand {
	background-color: #4c6878;
	color: #fafbfc;
}
#page_navbar_node-1-9 {
	border-left: 5px solid #8b307e;
}
#page_navbar_node-1-9 .navbar-toggle, #page_navbar_node-1-9 .navmenu-brand {
	background-color: #8b307e;
	color: #fafbfc;
}
#page_navbar_node-1-10 {
	border-left: 5px solid #efa230;
}
#page_navbar_node-1-10 .navbar-toggle, #page_navbar_node-1-10 .navmenu-brand {
	background-color: #efa230;
	color: #fafbfc;
}
/* or this */
#page_navbar_node-3-1 {
	border-left: solid 5px #ef4030;
}
#page_navbar_node-3-1 .navbar-toggle, #page_navbar_node-3-1 .navmenu-brand {
	background-color: #ef4030;
	color: #ffffff;
}
#page_navbar_node-3-2 {
	border-left: solid 5px #f36f21;
}
#page_navbar_node-3-2 .navbar-toggle, #page_navbar_node-3-2 .navmenu-brand {
	background-color: #f36f21;
	color: #ffffff;
}
#page_navbar_node-3-3 {
	border-left: solid 5px #8dc63f;
}
#page_navbar_node-3-3 .navbar-toggle, #page_navbar_node-3-3 .navmenu-brand {
	background-color: #8dc63f;
	color: #ffffff;
}
#page_navbar_node-3-4 {
	border-left: solid 5px #308b84;
}
#page_navbar_node-3-4 .navbar-toggle, #page_navbar_node-3-4 .navmenu-brand {
	background-color: #308b84;
	color: #f2fbfa;
}
#page_navbar_node-3-5 {
	border-left: solid 5px #5791cd;
}
#page_navbar_node-3-5 .navbar-toggle, #page_navbar_node-3-5 .navmenu-brand {
	background-color: #5791cd;
	color: #ffffff;
}
#page_navbar_node-3-6 {
	border-left: solid 5px #8781bd;
}
#page_navbar_node-3-6 .navbar-toggle, #page_navbar_node-3-6 .navmenu-brand {
	background-color: #8781bd;
	color: #ffffff;
}
#page_navbar_node-3-7 {
	border-left: solid 5px #f172ac;
}
#page_navbar_node-3-7 .navbar-toggle, #page_navbar_node-3-7 .navmenu-brand {
	background-color: #f172ac;
	color: #ffffff;
}
#page_navbar_node-3-8 {
	border-left: solid 5px #4c6878;
}
#page_navbar_node-3-8 .navbar-toggle, #page_navbar_node-3-8 .navmenu-brand {
	background-color: #4c6878;
	color: #fafbfc;
}
#page_navbar_node-3-9 {
	border-left: 5px solid #8b307e;
}
#page_navbar_node-3-9 .navbar-toggle, #page_navbar_node-3-9 .navmenu-brand {
	background-color: #8b307e;
	color: #fafbfc;
}
#page_navbar_node-3-10 {
	border-left: 5px solid #efa230;
}
#page_navbar_node-3-10 .navbar-toggle, #page_navbar_node-3-10 .navmenu-brand {
	background-color: #efa230;
	color: #fafbfc;
}
/* end. menu node */

  ul.root_menu li ul a {
    margin-left: 30px;
    margin-right: 15px;
    padding-left: 15px;
  }

  ul.root_menu li.sub_line_1 > a {
    border-bottom: solid 5px #308b84;
  }
  ul.root_menu li.sub_line_1.active > a {
    background-color: #308b84;
    color: #f2fbfa;
  }
  ul.root_menu li.sub_line_2 > a {
    border-bottom: solid 5px #5791cd;
  }
  ul.root_menu li.sub_line_2.active > a {
    background-color: #5791cd;
    color: #ffffff;
  }
  ul.root_menu li.sub_line_3 > a {
    border-bottom: solid 5px #8781bd;
  }
  ul.root_menu li.sub_line_3.active > a {
    background-color: #8781bd;
    color: #ffffff;
  }
  ul.root_menu li.sub_line_4 > a {
    border-bottom: solid 5px #f172ac;
  }
  ul.root_menu li.sub_line_4.active > a {
    background-color: #f172ac;
    color: #ffffff;
  }
  ul.root_menu li.sub_line_5 > a {
    border-bottom: solid 5px #4c6878;
  }
  ul.root_menu li.sub_line_5.active > a {
    background-color: #4c6878;
    color: #fafbfc;
  }
  ul.root_menu li.sub_line_6 > a {
    border-bottom: 5px solid #8b307e;
  }
  ul.root_menu li.sub_line_6.active > a {
    background-color: #8b307e;
    color: #fafbfc;
  }
  ul.root_menu li.sub_line_7 > a {
    border-bottom: 5px solid #efa230;
  }
  ul.root_menu li.sub_line_7.active > a {
    background-color: #efa230;
    color: #fafbfc;
  }
    ul.root_menu li.sub_line_8 > a {
    border-bottom: solid 5px #ef4030;
  }
  ul.root_menu li.sub_line_8.active > a {
    background-color: #ef4030;
    color: #ffffff;
  }
  ul.root_menu li.sub_line_9 > a {
    border-bottom: solid 5px #8dc63f;
  }
  ul.root_menu li.sub_line_9.active > a {
    background-color: #8dc63f;
    color: #ffffff;
  }
  ul.root_menu li.sub_line_10 > a {
    border-bottom: solid 5px #f36f21;
  }
  ul.root_menu li.sub_line_10.active > a {
    background-color: #f36f21;
    color: #ffffff;
  }
  
  ul.root_menu li a .schulnavi {
	  position:relative;
  }
  ul.root_menu li a .nav_colors {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -6px;
  }
  ul.root_menu li a .nav_colors .color {
	float: left;
	margin-right: 1.666666%;
	width: 15%;
	height: 4px;
  }

  .pdf_ref_download {
	  margin-top: 15px;
	  margin-bottom: 5px;
  }
  .pdf_ref_download::after {
	content: ' ';
	padding: 18px 0 5px 50px;
	background: transparent url(../app_images/icons/pdf-download_48.png) center right no-repeat;
}
  
@media only screen and (min-width: 768px) {
  /* 
  ul.root_menu {
    padding-left: 20px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#929aa3), to(#424a53));
    background-image: -webkit-linear-gradient(top, #929aa3 0%, #646c75 45%, #2c343d 46%, #424a53 100%);
    background-color: #424a53;
    background-image: -moz-linear-gradient(top, #929aa3 0%, #646c75 45%, #2c343d 46%, #424a53 100%);
    background-image: -ms-linear-gradient(top, #929aa3 0%, #646c75 45%, #2c343d 46%, #424a53 100%);
    background-image: -o-linear-gradient(top, #929aa3 0%, #646c75 45%, #2c343d 46%, #424a53 100%);
    background-image: linear-gradient(top, #929aa3 0%, #646c75 45%, #2c343d 46%, #424a53 100%);
    background-repeat: repeat-x;
  } */
  ul.root_menu {
    width: auto;
  }
  
  ul.root_menu a{
	color: #1A282C;
	background-color: #424a53;
  }
  ul.root_menu a:visited{
	color: #1A282C;
  }
  ul.root_menu a:hover,
  ul.root_menu a:focus {
	color: #b7df2d;
	text-shadow: none;
  }
/* 
  ul.root_menu a:after {
	content: "\00a0";
  }
   */
/*   ul.root_menu i {
	font-size: 19px;
	font-size: 1.9rem;
  } */
  ul.root_menu a i {
	text-indent: 0;
  }
  ul.root_menu a.icon {
	width: 40px;
	margin-bottom: .75em;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.25;
	position: absolute;
  }
  ul.root_menu a.icon.dark {
	color: #626262;
  }

  ul.root_menu li {
	  display: inline-block;
  }
  ul.root_menu li a {
	text-decoration: none;
	text-indent: 5px;
	text-align: left;
	font-weight: 400;
	font-size: 18px;
	font-size: 1.5rem;
	padding: 0 5px 0 15px;
	overflow: hidden;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  ul.root_menu li ul li a {
    background-color: #F3F5F6;
    margin-top: 5px;
  }
  ul.root_menu li.active > a,
  ul.root_menu li.active > a:hover {
	color: #f8f5a4;
  }
  ul.root_menu > li.active > a {
	background-color: transparent !important; /* #4c6878 */
	color: #f8f5a4 !important;
  }
 
  ul.root_menu li ul {
	text-align: center;
    left: 5px;
    right: 5px;
    padding: 5px 20px 10px;
    height: auto;
	background-color: #f3f5f6;
  }
  ul.root_menu li ul li.active > a {
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 12px;
    -moz-border-radius-topright: 12px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 12px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
  }

  ul.root_menu li ul a {
    height: 45px;
    padding: 8px 15px 0 10px;
    margin: 0 15px 0 0;
    font-weight: 400;
    color: #2d353e;
  }
  ul.root_menu li ul a:visited {
    color: #2d353e;
  }
  ul.root_menu li ul a:hover,
  ul.root_menu li ul a:focus {
    color: #4C6878;
	font-weight: 300;
  }
  ul.root_menu li ul a i {
    text-indent: 0;
  }
  ul.root_menu li ul a.icon {
    width: 40px;
    margin-bottom: .75em;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.25;
    position: absolute;
  }
  ul.root_menu li ul a.icon.dark {
    color: #626262;
  }
}

/* private Project =================================================== */

/* Banner =================================================== */
#header-banner {
  position: relative;
  overflow: hidden;
}
#header-banner .aspe_logo {
  float: left;
  width: 100%;
  min-width: 100%;
}
.aspe_logo img {
  padding: 16px 32px;
  width: auto;
  max-width: 100%;
}
#header-banner .aspe_welcome {
  display: none;
}
/* .banner_head {
    background-color: #3e4b56;
    color: #efefef;
} */
.header_bg{
	background-color:#28343B;
	border-top:2px solid #C7CED6;
}
.bg_tafel{
	background-color: #28615C;
	/* background: url(../app_images/header/bg-01.jpg) repeat-x 50% 0; */
}
.lehrer_box.archive .bg_tafel {
    background-color: #4c6878;
}
.bg_lehrer{
	background: url(../app_images/footer_all.png) repeat-x 50% 0;
}
.pd_left{
	width:auto !important;
	padding-left:10%;
	/* margin-bottom: -5px; */
}
.bg_lehrer-head{
	/* border-top:2px solid #C7CED6; */
	/* height:30px; */
	padding:8px 0 8px 10%;
	margin-bottom:1.5em;
}
.bg_lehrer-head h5{
	margin-bottom:0;
}

.bg_lehrer_tafel{
background: rgb(232,247,241); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZThmN2YxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjNzdiYWFkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFkNGU0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  rgba(232,247,241,1) 0%, rgba(119,186,173,1) 44%, rgba(29,78,68,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(232,247,241,1)), color-stop(44%,rgba(119,186,173,1)), color-stop(100%,rgba(29,78,68,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(232,247,241,1) 0%,rgba(119,186,173,1) 44%,rgba(29,78,68,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(232,247,241,1) 0%,rgba(119,186,173,1) 44%,rgba(29,78,68,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(232,247,241,1) 0%,rgba(119,186,173,1) 44%,rgba(29,78,68,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(232,247,241,1) 0%,rgba(119,186,173,1) 44%,rgba(29,78,68,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f7f1', endColorstr='#1d4e44',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

/* FOOTER */
#footer_1{
	margin: 0 auto;
	text-align:center;
	padding: 0;
	clear: both;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index:999;
}
#footer_1 .row {
	padding: 0 25px;
}
#footer_1 .col-xs-4 {
	position: relative;
}
#footer_1 .f_div{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.footer_line {
	background: rgb(98,114,135);
	background: -moz-linear-gradient(left,  rgba(98,114,135,1) 0%, rgba(224,235,249,1) 50%, rgba(98,114,135,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(98,114,135,1) 0%,rgba(224,235,249,1) 50%,rgba(98,114,135,1) 100%);
	background: linear-gradient(to right,  rgba(98,114,135,1) 0%,rgba(224,235,249,1) 50%,rgba(98,114,135,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627287', endColorstr='#627287',GradientType=1 );

	border-bottom: 5px solid #9cacbe;
	height: 15px;
}
.bg_fill {
	background: -moz-linear-gradient(left,  rgba(244,244,244,0) 0%, rgba(133,180,252,0.25) 25%, rgba(182,200,249,0.15) 50%, rgba(133,180,252,0.25) 80%, rgba(232,232,232,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(244,244,244,0) 0%,rgba(133,180,252,0.25) 25%,rgba(182,200,249,0.15) 50%,rgba(133,180,252,0.25) 80%,rgba(232,232,232,0) 100%);
	background: linear-gradient(to right,  rgba(244,244,244,0) 0%,rgba(133,180,252,0.25) 25%,rgba(182,200,249,0.15) 50%,rgba(133,180,252,0.25) 80%,rgba(232,232,232,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4f4f4', endColorstr='#00e8e8e8',GradientType=1 );
}

.white-popup {
  position: relative;
  background: #EAEAEA;
  padding: 20px;
  width: auto;
  /* max-width: 200px; */
  margin: 20px auto;
  text-align: center;
}
.navbar {
	box-shadow: 0px 4px 30px -10px rgb(170, 170, 170);
	background-color: rgba(252, 252, 252, 0.9);
}
.slide_box .info_1 {
	background-color: #152C38;
}
.bg_logo {
	position:relative;
}
.bg_logo:before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: 0.15;
	background-image: url('../img/NeurOWL_Kreise_web_150x150.png');
	/* background-repeat: no-repeat; */
	background-position: 50% 0;
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.bg_logo.bg_2:before{
	background-image:url('../img/NeurOWL_Kreise_web_150x150.png'), url('../img/tmp/zimi_home.jpg');
	
	opacity: 0.1;
}
.navbar-fixed-top .navbar-header {
	position: relative;
	width: 100%;
}
.navbar-header .app_btn {
	position: absolute;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
	right: 0;
	bottom: 0;
}
.logo_card {
	position: relative;
	overflow: hidden;
	float: left;
}
.logo_card img {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 15px;
	max-width: 90px;
}
.navbar .logo_card img {
	max-width: 60px;
}
.logo_card .card_txt {
	float: left;
}
.logo_card_head {
	display: inline-block;
	font-size: 22px;
	color: #99D64B;
	padding-left: 15px;
}
.logo_card_head > small {
	display: inline-flex;
	font-weight: 300; 
	line-height: 1;
	color: #657B8F;
}

.list_day {display: inline-block; min-width: 120px;}
.list_fon {display: inline-block; min-width: 60px;}

#user_page {
	position: relative;
}
#topslider {
	margin-bottom: 50px;
}
.infoboxes {
	padding-top: 10px;
	padding-bottom: 25px;
}
.infoboxes .tab-content {
    padding: 0;
}
.infobox {
	padding: 1px;
}
.infobox .flex-pauseplay {
    bottom: auto;
    left: -10px;
    top: -10px;
}
.infobox .flex-pauseplay > a::before{
    font-size: 16px;
}

.flex-control-nav {
	bottom: -35px;
    height: 16px;
    overflow: hidden;
}
.flex-control-paging li a {
    height: 16px;
    width: 16px;
}
.flex-control-paging li a.flex-active {
    background-color: #197aff;
}
#main_content {
	/* background-color:#fefdfe; */
	max-width: 87.4375em;
	margin-left: auto;
	margin-right: auto;
}

@media(min-width:768px) {
	[role="banner"] {
		display: block;
	}
	#main_content {
		padding-top: 220px;
		padding-bottom: 50px;
	}
	#contents {
		padding: 15px 20px 0;
	}
	#topslider .slide_text {
		margin-left: 0;
		margin-right: 0;
	}
	.navbar-fixed-top {
		padding: 35px 0 0;
		background-color: #f8f8f8; /* rgba(252, 252, 252, 0.2); */
		/* background-image:url("assets/app_images/header/bg-01.jpg"); */
		-webkit-transition: padding .5s ease-in-out;
		-moz-transition: padding .5s ease-in-out;
		-ms-transition: padding .5s ease-in-out;
		-o-transition: padding .5s ease-in-out;
		transition: padding .5s ease-in-out;
		/* -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
		-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
		transition: background .5s ease-in-out,padding .5s ease-in-out; */
	}
	.top-nav-collapse {
		padding: 0;
		background-color: #f8f8f8; /* rgba(252, 252, 252, 0.9); */
	}
	#nav_header {
		/* background-color: #45716D; */ /* #424a53; */
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		max-width: 87.4375em;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.top-nav-collapse #nav_header {
		padding-bottom: 0;
	}
	#nav_header nav {
		margin-left: -20px;
	}
	.navbar .logo_card img {
		max-width: 90px;
	}
	.top-nav-collapse .logo_card img {
		max-width: 60px;
		-webkit-transition: all .5s ease-in;
		-moz-transition: all .5s ease-in;
		-ms-transition: all .5s ease-in;
		-o-transition: all .5s ease-in;
		transition: all .5s ease-in;
	}
	.top-nav-collapse .logo_card_head {
		display: none;
		visibility: hidden;
	}
	.infobox {
		padding: 12px;
	}
	.flexslider .lehrer_box {
		padding:0 10%;
	}
	.infobox .slide_box {
		position: absolute;
		bottom: 0;
	}
	.slide_box .info_1 {
		background-color: rgba(42, 56, 75, 0.75);
	}
}
@media screen and (min-width: 992px) {
	.infoboxes {
		padding-top: 0;
		padding-bottom: 50px;
	}
	.infoboxes .tab-content {
		min-height: 500px; /* 462px; */
		
	  /* Make it a flex container */
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex; 
	  /* Align the bootstrap's container vertically */
		-webkit-box-align : center;
	  -webkit-align-items : center;
		   -moz-box-align : center;
		   -ms-flex-align : center;
			  align-items : center;
	  /* In legacy web browsers such as Firefox 9 we need to specify the width of the flex container */
	  width: 100%;
	  
			 -webkit-box-pack : center;
				-moz-box-pack : center;
				-ms-flex-pack : center;
	  -webkit-justify-content : center;
			  justify-content : center;
	}
	.infobox .flex-pauseplay {
		top: -30px;
	}
	#events_home_aktuell .event-txt {
		padding-left: 10px;
	}
	.aspe_logo img {
	  padding: 16px 48px;
	}
}

.navbar-toggle {
    border: 0 solid transparent;
}
.navbar-fixed-top .navbar-toggle {
    background-color: #506f9d;
    border: 1px solid #fcfcfc;
}
.navbar-toggle .icon-bar {
    background-color: #fcfcfc;
}
.navbar-toggle .icon-bar_app {
    color: #fcfcfc;
}

.logo_sgsa > img {
    max-height: 80px;
}
a.logo_sgsa {
  overflow: visible !important;
}
a.logo_sgsa > img {
	display: block;
	margin-top: -4px;
    max-height: 48px;
}

#root_home_menu .logo_sgsa > img {
	-webkit-transition: all .65s ease-out;
	-moz-transition: all .65s ease-out;
	-ms-transition: all .65s ease-out;
	-o-transition: all .65s ease-out;
	transition: all .65s ease-out;
}
#footer > .banner_head > .block_in {
  padding-top:35px;
  padding-bottom:35px;
}
#footer > .banner_head .logo_sgsa,
#footer > .banner_head h3 {
  float:left;
}
#footer > .banner_head .logo_sgsa {
  margin:0 15px;
}
#footer > .banner_head h3 {
  margin:20px 15px 0;
  font-size: 1.2em;
}
.navbar-header .app_menu > a {
    color: #fcfcfc;
	font-size: 1.4em;
}
.page_supmenu .bg_box {
	font-family: 'Caveat', cursive;
}
.page_supmenu .bg_box span {
	/* font-weight:700; */
	color:#D3E4F5;
}
@media (min-width: 480px) {
	#footer > .banner_head h3 {
	  float:right;
	}
}
@media only screen and (min-width: 768px) {
	
	.navbar-fixed-top {
		padding-top: 80px;
	}
	.top-nav-collapse {
		padding: 0;
		position: absolute;
	}
	
	a.logo_sgsa > img {
	  margin-top: -60px;
	  max-height: 120px;
	}

	.top-nav-collapse a.logo_sgsa > img {
		margin-top: 2px;
		max-height: 50px;
	}
	a.logo_sgsa > img:hover {
		-webkit-filter: hue-rotate(-20deg) saturate(1.8);
		-moz-filter: hue-rotate(-20deg) saturate(1.8);
		-o-filter: hue-rotate(-20deg) saturate(1.8);
		filter: hue-rotate(-20deg) saturate(1.8);
	}
	ul.root_menu a{
		color: #222222;
		/* background-color: #424a53; */
	}
	ul.root_menu a:visited{
		color: #3a3a3a;
	}
	ul.root_menu a:hover,
	ul.root_menu a:focus {
		color: #3f5282;
		text-shadow: none;
		background-color:unset;
	}
  
	ul.root_menu > li.active > a {
		color: #506f9d !important;
	}
	ul.root_menu > li.hasChildren > a {
		position: relative;
		overflow: visible;
	}
	/* 
	ul.root_menu li a .nav_colors {
		top: 0;
		bottom: auto;
		width: 100%;
		padding-right: 15px;
	}
	ul.root_menu li a .nav_colors .color {
		height: 4px;
		margin-top: 4px;
	}
	 */
}

@media print {
  #footer_1 {
	  position: static !important;
  }
}