/* CSS Document */

@import url('shortcodes.css');
@import url("../Schulfont/style.css");

/*
 * Gridiculous
 *
 * A responsive grid boilerplate that takes you all the way from 1200px on down to 320px.
 *
 * created by c.bavota
 * released under GPL v2
 *
 * March 4th, 2013
 */

/* =Normalize.css v2.1.0 by Nicolas Gallagher - http://necolas.github.com/normalize.css/
-------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, .flexcontainermain {
display : block;
}
audio, canvas, video {
display : inline-block;
width : auto;
max-width : 100%;
max-height : 100%;
}
video{  object-fit: contain;}
audio:not([controls]) {
display : none;
height : 0;
}
[hidden] {
display : none;
}
html {
font-family : sans-serif;
}
body {
margin : 0;
text-decoration : none;
}
a {
outline : 0;
text-decoration : none;
color : inherit;
transition : all 0.5s ease-in-out;
}
a:focus {
outline : 0;
}
a:active, a:hover {
	outline : 0;
	text-decoration : none;
	color : #e3000b;
}
a:active.blue, a:hover.blue {
outline : 0;
text-decoration : none;
color : rgba(138, 138, 138, 1);
}
abbr[title] {
border-bottom : 1px dotted;
}
b, strong {
font-weight : bold;
}
dfn {
font-style : italic;
}
hr {
box-sizing : content-box;
height : 0;
}
mark {
background : #ff0;
color : #000;
}
code, kbd, pre, samp {
font-family : monospace, serif;
font-size : 1em;
}
pre {
white-space : pre-wrap;
}
q {
quotes : "\201C" "\201D" "\2018" "\2019";
}
small {
font-size : 80%;
}
sub, sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline;
}
sup {
top : -0.5em;
}
sub {
bottom : -0.25em;
}
img {
border : 0;
}
svg:not(:root) {
overflow : hidden;
}
figure {
margin : 0;
}
fieldset {
border : #c0c0c0 solid 1px;
margin : 0 2px;
padding : 0.35em 0.625em 0.75em;
}
legend {
border : 0;
padding : 0;
}
button, input, select, textarea {
font-family : inherit;
font-size : 100%;
margin : 0;
}
button, input {
line-height : normal;
}
button, select {
text-transform : none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor : pointer;
}
button[disabled], html input[disabled] {
cursor : default;
}
input[type="checkbox"], input[type="radio"] {
box-sizing : border-box;
padding : 0;
}
input[type="search"] {
box-sizing : content-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border : 0;
padding : 0;
}
textarea {
overflow : auto;
vertical-align : top;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
.row:before, .row:after, .clearfix:before, .clearfix:after {
content : '';
display : table;
}
.clearfix { zoom: 1;}
.row:after, .clearfix:after {
clear : both;
}
* {
box-sizing : border-box;
}
*,
*:after,
*:before,
*::before {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
*{
	outline:none;
	border:none;
}
body {/*position:relative;*/
font : 16px/26px 'roboto_light', sans-serif;
font-weight : normal;
font-size : 1em;
line-height : 1.4;
color : #4c4a4a;
background-color : #fefefe;	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.grid {
margin : 0 auto;
max-width : 1200px;
width : 96%;
list-style: none;
clear: both;
}
/* Grid vor hoverimageeffect
.grid {
margin : 0 auto;
max-width : 1200px;
width : 96%;
}*/
.grid_nav {
margin : 0 auto;
max-width : 1200px;
width : 96%;
}
img {
max-width : 100%;
height : auto;
}
.wfull {
width : 100%;
max-width : 100%;
}
.w320 {
max-width : 320px;
}
.w640 {
max-width : 640px;
}
.w960 {
max-width : 960px;
}
.w1200 {
max-width : 1200px;
}
.row {
width : 100%;
margin-bottom : 20px;
}
.row .row {
width : auto;
margin : 0 -20px;
}
.c1 {
width : 8.33%;
}
.c2 {
width : 16.66%;
}
.c20 {
width : 13%;
}
.c3 {
width : 25%;
}
.f3 {
width : 25%;
}
.c4 {
width : 33.33%;
}
.c5 {
width : 41.66%;
}
.c6 {
width : 50%;
}
.c7 {
width : 58.33%;
}
.c8 {
width : 66.66%;
}
.c9 {
width : 75%;
}
.c80 {
width : 80%;
}
.c10 {
width : 83.33%;
}
.c11 {
width : 91.66%;
}
.c12 {
width : 100%;
}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
min-height : 1px;
float : left;
padding-left : 10px;
padding-right : 10px;
position : relative;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.end {
float : right !important ;
}
.cir1 {
width : 8.33%;
}
.cir2 {
width : 16.66%;
}
.cir3 {
width : 25%;
}
.cir4 {
width : 33.33%;
}
.cir5 {
width : 41.66%;
}
.cir6 {
width : 50%;
}
.cir7 {
width : 58.33%;
}
.cir8 {
width : 66.66%;
}
.cir9 {
width : 75%;
}
.cir10 {
width : 83.33%;
}
.cir11 {
width : 91.66%;
}
.cir12 {
width : 100%;
}
.cir1, .cir2, .cir3, .cir4, .cir5, .cir6, .cir7, .cir8, .cir9, .cir10, .cir11, .cir12 {
min-height : 1px;
float : left;
padding-left : 10px;
padding-right : 10px;
position : relative;
overflow : hidden;
}
.c1_art {
width : 8.33%;
}
.c2_art {
width : 16.66%;
}
.c20_art {
width : 20%;
}
.c3_art {
width : 25%;
}
.c4_art {
width : 33.33%;
}
.c5_art {
width : 41.66%;
}
.c6_art {
width : 50%;
}
.c7_art {
width : 58.33%;
}
.c8_art {
width : 66.66%;
}
.c9_art {
width : 75%;
}
.c80_art {
width : 80%;
}
.c10_art {
width : 83.33%;
}
.c11_art {
width : 91.66%;
}
.c12_art {
width : 100%;
}
.c1_art, .c2_art, .c20_art, .c3_art, .c4_art, .c5_art, .c6_art, .c6_art_2, .c7_art, .c8_art, .c80_art, .c9_art, .c10_art, .c11_art, .c12_art {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
min-height : 1px;
float : left;
padding-left : 10px;
padding-right : 10px;
position : relative;
}

.termincontainer .termincontainer-icon {
width : 120px;
height : 120px !important ;
font-size : 90px;
margin :  20px auto 20px;
padding-top:10px;
text-align : center;
border-radius : 3%;
background : #e3000b;
color : #fff;
border : #ffffff solid 4px;
box-shadow : 0 0 0 3px #e3000b;
transition : all 0.5s;
}
.s1 {
margin-left : 8.33%;
}
.s1_5 {
margin-left : 11.11%;
}
.s2 {
margin-left : 16.66%;
}
.s20 {
margin-left : 20%;
}
.s3 {
margin-left : 25%;
}
.s4 {
margin-left : 33.33%;
}
.s4-5 {
margin-left : 37.50%;
}
.s5 {
margin-left : 41.66%;
}
.s6 {
margin-left : 50%;
}
.s7 {
margin-left : 58.33%;
}
.s8 {
margin-left : 66.66%;
}
.s9 {
margin-left : 75%;
}
.s10 {
margin-left : 83.33%;
}
.s11 {
margin-left : 91.66%;
}
#mobile-nav-holder {
display : none;
}
nav {
display : block;
}
.logomob_outside {
display : none;
}
.headerbild {
display : none;
}
#container {
position : relative;
padding : 0;
width : 100.1%;
margin : 0 auto;
display : block;
}
#container .item {
margin : 0;
overflow : hidden;
line-height : 0;
width : 20%;
padding : 2px;
background-color : rgba(255, 255, 255, 0);
}
#container .item img {
width : 100%;
height : auto;
}
.container .item25 {
margin : 0;
overflow : hidden;
line-height : 0;
width : 25%;
padding : 4px;
background-color : rgba(255, 255, 255, 0);
}
.container .item25 img {
width : 100%;
height : auto;
}
.figure.filmchen {
display : block;
/*background : #eee;*/
padding : 10px;
width:100%;
height:auto;
}
.figcaption {
display : block;
text-align : center;
margin : 5px 0;
font-style : italic;
font-size : 14px;
orphans : 2;
color : #e3000b;
}
.item25 {
padding : 5px 10px;
}
.item25 h4 {
font-size : 1.2em;
}
#map-canvas {
width : 100%;
height : 450px;
box-shadow : 5px 5px 4px inset;
}
footer .c4{
	border-right: 2px solid #FADA08;
}
.ueber_uns_hg_outside{
	background-image: url(../images/headerimages/HG_Buecherturm_Streifen.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	border-bottom : 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background-origin: border-box;
	background-size: contain;
}
.c_bottomline{position:relative;
float:left;
margin:0; padding:0;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
	}


/* Index Info Ende */

#layerslider .thumblink {
margin-left:40px;
}
#layerslider a.thumblink:before {
margin-left:-40px;
}

@media screen and (min-width: 2049px){
	.overlayschatten .infofenster {
	width: 40%;
	left: 30%;}	
  .box1{
    width: 60%;
  }
	#layerslider .thumblink {
margin-left:28px;
}
#layerslider a.thumblink:before {
margin-left:-28px;
}
  .over1 .pop2 {
    width: 60%;
    left: 20%;
  }
}


@media screen and (max-width: 2048px){
	.overlayschatten .infofenster {
	width: 50%;
	left: 25%;}	
  .box1{
    width: 60%;
  }
  .over1 .pop2 {
    width: 60%;
    left: 20%;
  }
	#layerslider .thumblink {
margin-left:28px;
}
#layerslider a.thumblink:before {
margin-left:-28px;
}
}

@media screen and (max-width: 1280px){
	.overlayschatten .infofenster {
	width: 60%;
	left: 20%;}	
  .box1{
    width: 60%;
  }
  .over1 .pop2 {
    width: 60%;
    left: 20%;
  }
#layerslider .thumblink {
margin-left:28px;
}
#layerslider a.thumblink:before {
margin-left:-28px;
}
}

@media screen and (max-width: 768px){
	.overlayschatten .infofenster {
	width: 80%;
	left: 10%;
	margin: 90px auto;
}
  .box1{
    width: 70%;
  }
  .over1 .pop2 {
    width: 80%;
    left: 10%;
  }
}
	
@media all and (orientation:landscape) {


}
@media all and (max-width:1280px), all and (max-device-width:1280px){
.row .row .c1, .row .row .c2, .row .row .c3, .row .row .c4, .row .row .c5, .row .row .c6, .row .row .c7, .row .row .c8, .row .row .c9, .row .row .c10, .row .row .c11, .row .row .c12 {
width : 96%;
margin-bottom : 20px;
}
	.nav{font-size : 90%;
}
.row .row > div:last-child {
margin-bottom : 0 !important ;
}
.grid {
width : 90%;
}
.item.width2 {
width : 33.33% !important ;
}
footer .c4{
	border-right: 2px solid #FADA08;
}
#layerslider .thumblink {
margin-left:25px;
}
#layerslider a.thumblink:before {
margin-left:-25px;
}
}
@media only screen and (min-width:781px) and (max-width:980px), only screen and (min-device-width:781px) and (max-device-width:980px){
body {
font-size : 90%;
}
.row {
margin-bottom : 0 !important ;
}
.grid {
width : 90%;
}
.grid_nav {
margin : 0 auto;
max-width : 1200px;
width : 98%;
}
.nav_outer {
display : none;
}
#mobile-nav-holder {
display : block;
}
.headerimg_outside {
display : none;
}

.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11,  .cir3, .cir4 {
width : 50%;
margin-right : 0;
margin-left : 0;
margin-bottom : 20px;
}
.c12 {
width : 100%;
}
.cir2 {width:33.33%; margin-bottom : 20px;}
.end {
float : left !important;
}

	#layerslider .thumblink {
margin-left:40px;
}
#layerslider a.thumblink:before {
margin-left:-40px;
}
.logo_svg {
width : 50%;
max-width : 350px;
}
.headerimg_outside {
display : none;
}
.container .item25 {
width : 33%;
margin : 0;
}
#map-canvas {
height : 350px;
}
footer .c4{
	border-right: 0px solid #FADA08;
	border-bottom: 2px solid #FADA08;
	padding-bottom:5px;
}
footer .c3{
width : 100%;
margin-right : 0;
margin-left : 0;
margin-bottom : 20px;
}
.termincontainer .termincontainer-icon {
width : 100px;
height : 100px !important ;
font-size : 60px;
margin :  20px auto 10px;
}
.c_bottomline{border-bottom: 2px solid #FADA08;}
}
@media only screen and (min-width:481px) and (max-width:780px), only screen and (min-device-width:481px) and (max-device-width:780px) {
body {
font-size : 90%;
}
#status {
width : 100px;
height : 100px;
position : absolute;
left : 50%;
top : 60% !important;
background-repeat : no-repeat;
background-position : center;
margin : -50px 0 0 -50px;
}
#status_logo {
	width : 80px;
	height: 140px;
	position: relative;
	background-repeat : no-repeat;
	background-position : center;
	margin : 0 auto;
}
.row {
margin-bottom : 0 !important ;
}
.grid {
width : 90%;
}
.logo {
width : 80%;
}
.pr30 {
padding-right:0px;
}
.nav_outer {
display : none;
}
#mobile-nav-holder {
display : block;
}
#layerslider .thumblink {
margin-left:30px;
}
#layerslider a.thumblink:before {
margin-left:-30px;
}	
.logo_svg {
width : 50%;
max-width : 350px;
}
#container .item {
width : 50%;
}
.container .item25 {
width : 49%;
margin : 0;
}
.headerimg_outside {
display : none;
}
.end {
float : left !important;
}
.f3 {
width : 80%;
margin-right : 10%;
margin-left : 10%;
margin-bottom : 20px;
}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .cir3, .cir4, .c6_art {
width : 100%;
margin-right : 0;
margin-left : 0;
margin-bottom : 20px;
}
.cir1, .cir2, .cir3, .cir4  {
width : 50%;
margin-right : 0;
margin-left : 0;
margin-bottom : 20px;
	}
#map-canvas {
height : 250px;
}
footer .c4{
	border-right: 0px solid #FADA08;
	border-bottom: 2px solid #FADA08;
	padding-bottom:5px;
}
footer .c3{
width : 100%;
margin-right : 0;
margin-left : 0;
}
.c_bottomline{border-bottom: 2px solid #FADA08;}
}
@media only screen and (min-width:481px) and (max-width:680px), only screen and (min-device-width:481px) and (max-device-width:680px) {
#status {
width : 100px;
height : 100px;
position : absolute;
left : 50%;
top : 60% !important;
background-repeat : no-repeat;
background-position : center;
margin : -50px 0 0 -50px;
}
#layerslider .thumblink {
margin-left:20px;
}
#layerslider a.thumblink:before {
margin-left:-20px;
}
footer .c4{
	border-right: 0px solid #FADA08;
	border-bottom: 2px solid #FADA08;
	width : 100%;
margin-right : 0;
margin-left : 0;
margin-bottom : 20px;
padding-bottom: 10px;
}
.c_bottomline{border-bottom: 2px solid #FADA08;}	
	}
@media only screen and (max-width:480px), only screen and (max-device-width:480px) {
	body {
font-size : 90%;
}
#status {
width : 100px;
height : 100px;
position : absolute;
left : 50%;
top : 70% !important;
background-repeat : no-repeat;
background-position : center;
margin : -50px 0 0 -50px;
}
#status_logo {
	width : 60px;
	height: 120px;
	position: relative;
	background-repeat : no-repeat;
	background-position : center;
	margin : 0 auto;
}
.row {
margin-bottom : 0 !important ;
}
.grid {
width : 90%;
}
.modal {width:300px;
margin-left:-150px;}
.nav_outer {
display : none;
}
#layerslider .thumblink {
margin-left:20px;
}
#layerslider a.thumblink:before {
margin-left:-20px;
}
.logo {
width : 80%;
}
.headerbild {
display : block;
}
.logo {
width : 80%;
}
.pr30 {
padding-right:0px;
}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .cir3, .cir4, .c6_art, .c8_art  {
width : 100%;
margin-right : 0;
margin-left : 0;
margin-bottom : 20px;
}

#mobile-nav-holder {
display : block;
}
.logo_svg {
width : 50%;
max-width : 300px;
}
#container .item {
width : 90%;
}
.container .item25 {
width : 90%;
margin : 0;
}
.headerimg_outside {
display : none;
}
footer .c4{
	border-right: 0px;
	border-bottom: 2px solid #FADA08;
	padding-bottom: 10px;
}
.c_bottomline{
	border-bottom: 2px solid #FADA08;
	}
.end {
float : left;
}
footer .end {
float : right !important ;
}
footer .c3{
width : 100%;
margin-right : 0;
margin-left : 0;
}
.f3 {
width : 80%;
margin-right : 10%;
margin-left : 10%;
margin-bottom : 20px;
}
.cir2{width:50%;}
#map-canvas {
height : 250px;
}
}
@media print {
* {
background : transparent !important ;
color : #000 !important ;
box-shadow : none !important ;
text-shadow : none !important ;
}
a, a:visited {
text-decoration : none;
}
a[href]:after {
content : " (" attr(href) ")";
}
abbr[title]:after {
content : " (" attr(title) ")";
}
pre, blockquote {
border : #999 solid 1px;
page-break-inside : avoid;
}
thead {
display : table-header-group;
}
tr, img {
page-break-inside : avoid;
}
img {
max-width : 100% !important ;
}
p, h2, h3 {
orphans : 3;
widows : 3;
}
h2, h3 {
page-break-after : avoid;
}

}

/* Gridiculous ENDE */


/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html, body {
padding : 0;
margin : 0;
height : 100%;
min-height : 100%;
background-size : cover;
background-attachment : fixed;
background-repeat : no-repeat;
background-position : center center;
}

::-moz-selection {
background-color : rgba(194, 0, 18, 0.6);
color : #fff;
text-shadow : none;
}
::selection {
background-color : rgba(194, 0, 18, 0.6);
color : #fff;
text-shadow : none;
}
img::-moz-selection {
background : transparent;
}
img::selection {
background : transparent;
}
h1, h2, h3, h4, h5, h6 {
font-family :  'roboto_light', sans-serif;
line-height : normal;
font-weight : normal;
color : #e3000b;
clear : both;
margin : 0;
display: block;
}
h1 {
font-size : 4em;
font-family :  'roboto', sans-serif;
}
h2 {
font-size : 3em;
font-family :  'roboto', sans-serif;
}
h3 {
font-size : 2em;
font-family :  'roboto', sans-serif;
}
h4 {
font-size : 1.4em;
}
h5 {
font-size : 1em;
font-weight : 700;
}
.upper{text-transform:uppercase}
.small {
font-size : 80%;
}
.smalltext {
	font-size : 80%;
	font-family: 'roboto', sans-serif;
	margin-top: 5px;
	font-style: normal;
	color: #7C7C7C;
}
.small_lh100 {
font-size : 80%;
line-height : normal;
}
.smaller {
font-size : 60%;
line-height : 60%;
}
.font90 {
font-size : 90%;
line-height : normal;
}
.font100 {
font-size : 100%;
line-height : normal;
}
.font110 {
font-size : 110%;
line-height : 125%;
}
.font120 {
font-size : 120%;
line-height : 130%;
}
.font130 {
font-size : 130%;
line-height : 140%;
}
.font140 {
font-size : 140%;
line-height : 150%;
}
.font150_infofenster {
font-size : 190%;
line-height : 150%;
}
.font2x {
font-size : 200%;
line-height : 200%;
}
.font3x {
font-size : 300%;
line-height : 300%;
}
.font4x {
font-size : 400%;
line-height : 400%;
}
.red {
color : #e3000b;
}
.grau {
	color : #4c4a4a;
}
.hellgrau {
	color : #7E7E7E;
}
.bgblue {
background-color : #09c;
}
.bggrey {
	background-color : #F3F3F3;
}
.bghellgrey {
	background-color : #E9E9E9;
}
.bghellgrau_padding {
    background-color : #F3F3F3;
	padding:10px;
	box-shadow : 0 1px 6px rgba(0, 0, 0, 0.2) inset;
border-radius : 5px;
}
.white {
color : #fff;
}
.bgwhite {
background-color : #fff;
}
.breadcrumb {
width : 100%;
padding-bottom : 5px;
}
.fw100{font-weight:100}
.fw300{font-weight:300}
.fw900{font-weight:900}
.robotoitalic{
	font-family : 'roboto', sans-serif;
	font-style: italic;
	font-weight: bold;
}
.robotoitalic500{
	font-family : 'roboto_medium', sans-serif;
	font-style: italic;
	font-weight: normal;
}
.lh160 {line-height : 160%;}
.lh140 {
line-height : 140%;
}
.lh120 {
line-height : 120%;
}
.lh80 {
line-height : 80%;
}
.lh90 {
line-height : 90%;
}
.lh60 {
line-height : 40%;
}
.lh100 {
line-height : 100%;
}
.lh110 {
line-height : 110%;
}
.textdown {
line-height : normal;
margin-bottom : 5px;
}
.textup {
line-height : normal;
margin-bottom : -5px;
}
.valign30 {
vertical-align : 30%;
}
.margauto {
display : block;
margin : auto;
}
.fw400 {
font-family: 'roboto';
font-weight : normal;
}
.fw500 {
font-family: 'roboto_medium';
font-weight : normal;
}
.fw700 {
font-family: 'roboto';
font-weight : bold;
}
hr {
border : 0;
height : 1px;
}
.signtext{
	font-style:italic;
	font-weight:400;}
.thumblink{
	display:inline-block;
    margin-left : 28px;
	transition : all 0.8s ease;
	-webkit-transition : all 0.8s ease; /* Safari/Chrome, other WebKit */
	-moz-transition : all 0.8s ease;    /* Firefox, other Gecko */
	-ms-transition : all 0.8s ease;     /* IE 10 + */
}
a.thumblink:before{
  display:inline;
  font-family: 'FontAwesome';
  position:absolute;
  margin-left: -28px;
  color:#e3000b;
  content:"\f0a4";
  transition : all 0.8s ease;
  -webkit-transition : all 0.8s ease; /* Safari/Chrome, other WebKit */
  -moz-transition : all 0.8s ease;    /* Firefox, other Gecko */
  -ms-transition : all 0.8s ease;     /* IE 10 + */
}

a:hover.thumblink:before, a:active.thumblink:before{
  font-family: 'FontAwesome';
  color:#e3000b;
  content:"\f087  ";
  transition : all 0.8s ease;
  -webkit-transition : all 0.8s ease; /* Safari/Chrome, other WebKit */
  -moz-transition : all 0.8s ease;    /* Firefox, other Gecko */
  -ms-transition : all 0.8s ease;     /* IE 10 + */
}
.thumblink2{
  display:inline-block;
  margin-left : 20px;
  transition : all 0.8s ease;
  -webkit-transition : all 0.8s ease; /* Safari/Chrome, other WebKit */
  -moz-transition : all 0.8s ease;    /* Firefox, other Gecko */
  -ms-transition : all 0.8s ease;     /* IE 10 + */
}
 a.thumblink2:before{
	display:inline;
	font-family: 'FontAwesome';
	position:absolute;
	margin-left: -20px;
	color:#e3000b;
	content:"\f0a4";
	transition : all 0.8s ease;
	-webkit-transition : all 0.8s ease; /* Safari/Chrome, other WebKit */
	-moz-transition : all 0.8s ease;    /* Firefox, other Gecko */
	-ms-transition : all 0.8s ease;     /* IE 10 + */
}

a:hover.thumblink2:before, a:active.thumblink2:before{
  font-family: 'FontAwesome';
  color:#e3000b;
  content:"\f087";
  transition : all 0.8s ease;
  -webkit-transition : all 0.8s ease; /* Safari/Chrome, other WebKit */
  -moz-transition : all 0.8s ease;    /* Firefox, other Gecko */
  -ms-transition : all 0.8s ease;     /* IE 10 + */
}
.linktext{font-weight:400;
	padding: 1px 4px; border: 1px solid rgba(179,179,179,1.00);
}
.linktext:hover{font-weight:400;
	padding: 1px 4px; border: 1px solid #e3000b;
}
.termine_textlink:hover{transition : all 0.8s ease;
	-webkit-transition : all 0.8s ease; /* Safari/Chrome, other WebKit */
	-moz-transition : all 0.8s ease;    /* Firefox, other Gecko */
	-ms-transition : all 0.8s ease;     /* IE 10 + */}
.cont-ul {
padding-left : 0;
list-style-type : none;
margin-top : 0;
}
.headline-h3 {
font-size : 1.3em;
font-family : 'roboto_condensed', sans-serif;
font-weight : 600;
}
.iconcontainer .cont-ul {
transition : background 0.4s 0s ease-out;
}
.cont-ul > li {
position : relative;
}
.cont-li {
margin-right : 10px;
text-align : center;
}
.iconcontainer:hover .cont-li {
color : #fff;
}
.alignleft {
text-align : left;
}
.alignright {
text-align : right;
}
.aligncenter {
text-align : center;
display : block;
}
.aligncenter2 {
text-align : center;
}
.w50 {
width : 50%;
}
.w80 {
width : 80%;
margin : 0 auto;
}
.w90 {
width : 90%;
margin : 0 auto;
}
.mr20 {
width : 80%;
margin : 0 20% 0 0;
}
.mb0 {
margin-bottom : 0;
}
.mb20 {
margin-bottom : 20px !important ;
}
.mb40 {
margin-bottom : 40px;
}
.mb60 {
margin-bottom : 60px;
}
.mb100 {
margin-bottom : 100px;
}
.mt5{
margin-top : 5px;
}
.mt10 {
margin-top : 10px;
}
.mt20 {
margin-top : 20px;
}
.mt40 {
margin-top : 40px;
}
.mb10 {
margin-bottom : 10px  !important;
}
.mb5 {
margin-bottom : 5px;
}
.mb-5 {
margin-bottom : -5px;
}
.mb-10 {
margin-bottom : -10px;
}
.mb-20 {
margin-bottom : -20px;
}
.mb-40 {
margin-bottom : -40px;
}
.mt-5 {
margin-top : -5px;
}
.mt-10 {
margin-top : -10px;
}
.mt-20 {
margin-top : -20px;
}
.mt-30 {
margin-top : -30px;
}
.mt-40 {
margin-top : -40px;
}
.mt-50 {
margin-top : -50px;
}
.mr20 {
margin-right:20px;
}
.ml20 {
margin-left:20px;
}
.pt10 {
padding-top : 10px;
}
.pt0 {
padding-top : 0px;
}
.pt-10 {
padding-top : -10px;
}
.pt-30 {
padding-top : -30px;
}
.pr30 {
padding-right: 30px;
}
.svg300 {
width : 100%;
max-width : 300px;
margin : auto;
}
.svg150 {
width : 100%;
max-width : 150px;
float : right;
}
.textliste ul {
box-sizing : border-box;
margin : 0;
padding : 0;
}
.textliste ul li {
list-style-type : none;
color : #e3000b;
margin-left : 0;
font-weight : 400;
}
.l100 {
margin-left : -100%;
}
.l200 {
margin-left : -200%;
}
.l300 {
margin-left : -300%;
}
.l400 {
margin-left : -400%;
}
.l500 {
margin-left : -500%;
}
.bottom0 {
margin-bottom : 0;
}
.mp0{margin : 0;
padding:0;}
mp_t0{margin-top : 0;
padding-top:0;}
/* Preloader */
#preloader {
position : fixed;
width:100%;
height:100%;
top : 0;
left : 0;
background-color : #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
z-index : 9999991;
}
.hoehe100{height:70vh}
.ancho {
    position: relative;
}
.ancho #Mitarbeiterjump, 
.ancho #Lehrerjump,
.ancho #SchuelerOnline,
.ancho #SchuelerWbg,
.ancho #SchuelerNbg,
.ancho #InfoOnline,
.ancho #InfoWbg,
.ancho #InfoNbg,
.ancho #MesseNbg{
  position: absolute;
  left: 0;
  top: -160px; /* change this value to match the height of the header */
  height: 0;
  width: 0;
}

#status{
  width:50px;
  height:100px;
  position:relative;
  left:50%;
  top:50%;
  background-repeat:no-repeat;
  background-position:center;
  margin:20px 0 0 -20px;
  z-index : 9999992;}
#status_logo_outer {
  display:inline-block;
  width : 340px;
  height : auto;
  top:35%;
  left : 50%;
  position: absolute;
  background-repeat : no-repeat;
  background-position : center;
  text-align:center;
  margin : -50px 0 0 -170px;
}
#status_logo {
  width : 100px;
  height: auto;
  position: relative;
  background-repeat : no-repeat;
  background-position : center;
  margin : 10px auto;
}
img.statusimg {
height : auto;
width : 80px;
margin-left:0;
}
#status_text {	
  width : 100%;
  text-align:center;
  position : relative;
  margin:0 auto;
  background-repeat : no-repeat;
  background-position : center;
}
#status_text h2{
  font-size: 1.4em;
  font-family: 'roboto_medium', sans-serif;
  font-weight: normal;
  color : #4c4a4a;
}
#status_text h4{
  font-size: 1.1em;
  font-family: 'roboto', sans-serif;
  font-weight: normal;
  color : #e3000b;
}
#circularG{
position:relative;
width:100px;
height:100px}

.circularG{
position:absolute;
background-color:#c6c6c6;
width:23px;
height:23px;
-moz-border-radius:15px;
-moz-animation-name:bounce_circularG;
-moz-animation-duration:0.96s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:15px;
-webkit-animation-name:bounce_circularG;
-webkit-animation-duration:0.96s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:15px;
-ms-animation-name:bounce_circularG;
-ms-animation-duration:0.96s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:15px;
-o-animation-name:bounce_circularG;
-o-animation-duration:0.96s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:15px;
animation-name:bounce_circularG;
animation-duration:0.96s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#circularG_1{
left:0;
top:39px;
-moz-animation-delay:0.36s;
-webkit-animation-delay:0.36s;
-ms-animation-delay:0.36s;
-o-animation-delay:0.36s;
animation-delay:0.36s;
}

#circularG_2{
left:11px;
top:11px;
-moz-animation-delay:0.48s;
-webkit-animation-delay:0.48s;
-ms-animation-delay:0.48s;
-o-animation-delay:0.48s;
animation-delay:0.48s;
}

#circularG_3{
top:0;
left:39px;
-moz-animation-delay:0.6s;
-webkit-animation-delay:0.6s;
-ms-animation-delay:0.6s;
-o-animation-delay:0.6s;
animation-delay:0.6s;
}

#circularG_4{
right:11px;
top:11px;
-moz-animation-delay:0.72s;
-webkit-animation-delay:0.72s;
-ms-animation-delay:0.72s;
-o-animation-delay:0.72s;
animation-delay:0.72s;
}

#circularG_5{
right:0;
top:39px;
-moz-animation-delay:0.84s;
-webkit-animation-delay:0.84s;
-ms-animation-delay:0.84s;
-o-animation-delay:0.84s;
animation-delay:0.84s;
}

#circularG_6{
right:11px;
bottom:11px;
-moz-animation-delay:0.96s;
-webkit-animation-delay:0.96s;
-ms-animation-delay:0.96s;
-o-animation-delay:0.96s;
animation-delay:0.96s;
}

#circularG_7{
left:39px;
bottom:0;
-moz-animation-delay:1.08s;
-webkit-animation-delay:1.08s;
-ms-animation-delay:1.08s;
-o-animation-delay:1.08s;
animation-delay:1.08s;
}

#circularG_8{
left:11px;
bottom:11px;
-moz-animation-delay:1.2s;
-webkit-animation-delay:1.2s;
-ms-animation-delay:1.2s;
-o-animation-delay:1.2s;
animation-delay:1.2s;
}

@-moz-keyframes bounce_circularG{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}
}

@-webkit-keyframes bounce_circularG{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}
}

@-o-keyframes bounce_circularG{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}
}

@keyframes bounce_circularG{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}
}

/* Loader Animation senkrechte_Balken */
.la-line-scale-party,
.la-line-scale-party > div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.la-line-scale-party{display:block;font-size:0;color:#fff;}
.la-line-scale-party.la-dark{color:#333;}
.la-line-scale-party > div{display:inline-block;float:none;background-color:#e3000b;border:0 solid currentColor;}
.la-line-scale-party{width:40px;height:32px;}
.la-line-scale-party > div{width:4px;height:32px;margin:2px;margin-top:0;margin-bottom:0;border-radius:0;-webkit-animation-name:line-scale-party;-moz-animation-name:line-scale-party;-o-animation-name:line-scale-party;animation-name:line-scale-party;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.la-line-scale-party > div:nth-child(1){-webkit-animation-duration:.43s;-moz-animation-duration:.43s;-o-animation-duration:.43s;animation-duration:.43s;-webkit-animation-delay:-.23s;-moz-animation-delay:-.23s;-o-animation-delay:-.23s;animation-delay:-.23s;}
.la-line-scale-party > div:nth-child(2){-webkit-animation-duration:.62s;-moz-animation-duration:.62s;-o-animation-duration:.62s;animation-duration:.62s;-webkit-animation-delay:-.32s;-moz-animation-delay:-.32s;-o-animation-delay:-.32s;animation-delay:-.32s;}
.la-line-scale-party > div:nth-child(3){-webkit-animation-duration:.43s;-moz-animation-duration:.43s;-o-animation-duration:.43s;animation-duration:.43s;-webkit-animation-delay:-.44s;-moz-animation-delay:-.44s;-o-animation-delay:-.44s;animation-delay:-.44s;}
.la-line-scale-party > div:nth-child(4){-webkit-animation-duration:.8s;-moz-animation-duration:.8s;-o-animation-duration:.8s;animation-duration:.8s;-webkit-animation-delay:-.31s;-moz-animation-delay:-.31s;-o-animation-delay:-.31s;animation-delay:-.31s;}
.la-line-scale-party > div:nth-child(5){-webkit-animation-duration:.74s;-moz-animation-duration:.74s;-o-animation-duration:.74s;animation-duration:.74s;-webkit-animation-delay:-.24s;-moz-animation-delay:-.24s;-o-animation-delay:-.24s;animation-delay:-.24s;}
.la-line-scale-party.la-sm{width:20px;height:16px;}
.la-line-scale-party.la-sm > div{width:2px;height:16px;margin:1px;margin-top:0;margin-bottom:0;}
.la-line-scale-party.la-2x{width:80px;height:64px;}
.la-line-scale-party.la-2x > div{width:8px;height:64px;margin:4px;margin-top:0;margin-bottom:0;}
.la-line-scale-party.la-1_5x{width:40px;height:32px;}
.la-line-scale-party.la-1_5x > div{width:4px;height:32px;margin:2px;margin-top:0;margin-bottom:0;}
.la-line-scale-party.la-3x{width:120px;height:96px;}
.la-line-scale-party.la-3x > div{width:12px;height:96px;margin:6px;margin-top:0;margin-bottom:0;}
@-webkit-keyframes line-scale-party{0%{-webkit-transform:scaleY(1);transform:scaleY(1);}
50%{-webkit-transform:scaleY(.3);transform:scaleY(.3);}
100%{-webkit-transform:scaleY(1);transform:scaleY(1);}
}
@-moz-keyframes line-scale-party{0%{-moz-transform:scaleY(1);transform:scaleY(1);}
50%{-moz-transform:scaleY(.3);transform:scaleY(.3);}
100%{-moz-transform:scaleY(1);transform:scaleY(1);}
}
@-o-keyframes line-scale-party{0%{-o-transform:scaleY(1);transform:scaleY(1);}
50%{-o-transform:scaleY(.3);transform:scaleY(.3);}
100%{-o-transform:scaleY(1);transform:scaleY(1);}
}
@keyframes line-scale-party{0%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1);}
50%{-webkit-transform:scaleY(.3);-moz-transform:scaleY(.3);-o-transform:scaleY(.3);transform:scaleY(.3);}
100%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1);}
}

/* Preloader Ende */
/*  Cookiebar */
#cookie-bar {background:#303030; height:auto; line-height:30px; color:#cfcfcf; text-align:center; padding:10px 80px; font-size:0.875em;-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;color:#cfcfcf;}
#cookie-bar a {color:#FADA08; display:inline-block; border-radius:2px; text-decoration:none; padding:5px ; margin-left:15px;}
#cookie-bar .cb-enable {background:#393938;-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
#cookie-bar .cb-enable:hover {background:#FADA08;color:#393938;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#393938;color:#FADA08;-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
#cookie-bar .cb-policy:hover {background:#FADA08;color:#393938;}
/* Ende Cookiebar */
.flexcontainermain{  flex: 1;}
#wrap_all {
/*min-height : 100%;*/
height : auto !important ;
height : 100%;
margin : 0 auto;
width : 100%;
 display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.farbbalken {
width : 100%;
height : 5px;
margin : 0 auto;
background-color: #FADA08;
}
nav {
width : 100%;
height : 110px;
margin : 0 auto;
border-bottom : 1px solid #ccc;
background-color:#fff;
z-index:999999;
}
.header_outside {
width : 100%;
height : auto;
margin : 0 auto;
border-bottom : 1px solid #ccc;
}
.headerimg_outside {
width : 100%;
height : auto;
margin : 0 auto;
}
.headerimg_container {
	position: relative;
	width : 100%;
	height : auto;
	margin: 0 auto;	
}
.headerbild {
width : 100%;
background-color : #e3000b;
height : auto;
margin : 0 auto;
}
.logomob_outside {
width : 100%;
height : auto;
margin : 0 auto;
}
.main_outside {
width : 100%;
margin : 0 auto;
padding-top : 30px;
clear:both;
}
.main_outside2 {
width : 100%;
margin : 0 auto;
clear:both;
}
.footer_outside {
width : 100%;
margin : 0 auto;
padding-top : 30px;
/*background-color:#FADA08;*/
background-image : url(../images/texture.png);
}
.svgaussen {
display : block;
position : relative;
height : 0;
padding-bottom : 20.80%;
width : 100%;
max-width : 300px;
}
.svgbild {
position : absolute;
width : 100%;
height : 100%;
}
.logo {
margin-top : 5%;
width : 100%;
float : right;
padding : 0 10px 0 20px;
height : 90px;
max-width : 180px;
}
.floatright{float : right;}
.logo_svg {
width : 100%;
  float : left;
padding : 0 10px 0 0;
height : 20.80%;
max-width : 300px;
}
.logofooter_svg {	
width : 100%;
margin:auto;
padding : 0;
height : 150px;
max-width : 150px;
}
.logo_mobile {
width : 80%;
height : 100px;
margin : auto;
max-width : 350px;
padding : 20px;
}
img.logomobimg {
width : 100%;
height : 100%;
}
img.logoimg {
height : 100%;
width : auto;
margin:auto;
}
.nav {
position : relative;
z-index : 7999;
height : 110px;
float : left;
width : 87%;
max-width : 990px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
-ms-box-sizing: border-box;     /* IE 10 + */
box-sizing: border-box;         /* Opera/IE 8+ */
padding : 0;
}
.nav ul {
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
-ms-box-sizing: border-box;     /* IE 10 + */
box-sizing: border-box;         /* Opera/IE 8+ */
margin : 0;
padding : 0;
}
.oe_overlay {
background : #000;
opacity : 0;
position : relative;
top : 0;
left : 0;
width : 100%;
max-width:100%;
height : 100%;
}
ul.oe_menu {
font-family : 'roboto_condensed', sans-serif;
list-style : none;
position : absolute;
float : right;
z-index : 7999;
width : 100%;
height : 110px;
font-weight:normal;
display:block;
}
ul.oe_menu > li {
font-size : 1em;
width : 16.66%;
height : 110px;
float : left;
position : relative;
/*text-transform : uppercase;*/
vertical-align : bottom;
z-index : 8000;
border-left : 1px solid rgba(200, 200, 200, 1) inset;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
-ms-box-sizing: border-box;     /* IE 10 + */
box-sizing: border-box;         /* Opera/IE 8+ */
}
.li_last {
/*border-right : 1px solid rgba(200, 200, 200, 1);*/
border-left:none;
}
ul.oe_menu > li > a {
display : inline-block;
background-color : rgba(200, 200, 200, 0.2);
color : #393938;
text-decoration : none;
text-align:center;
width : 100%;
height : 100%;
opacity : 0.89999997615814208984375;
vertical-align : bottom;
z-index : 7999;
cursor : pointer;
padding : 25px 10px 10px 10px;
}
ul.oe_menu > li > a i{
	display: block;
	text-align: center;
	margin: 0px auto 16px;
}
ul.oe_menu > li > a:hover, ul.oe_menu > li.selected > a {
background : #FADA08;
color : #e3000b;
opacity : 1;
transition : all 0.7s ease;
z-index : 7999;
}
.auswahl1, .auswahl1 > a
 {
	background-color: rgba(250,218,8,0.5);
	color : #e3000b;
	opacity : 1;
}

ul.oe_menu div {
  left:0px;
  float : left;
  margin-top : 0;
  margin-right: 0;
  background : #efefef;
  width : 600%;
  min-height : 100%;
  display : none;
  border : #ddd solid 1px;
  z-index : 8000;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  -ms-box-sizing: border-box;     /* IE 10 + */
  box-sizing: border-box;         /* Opera/IE 8+ */
  padding : 15px 0 0 0;
}
ul.oe_menu div ul {
z-index : 8000;
padding-left : 15px;
overflow : hidden;
}
ul.oe_menu div ul li a {
text-decoration : none;
color : #222;
display : block;
font-size : 1.2em;
z-index : 8000;
margin : 0px -7px 0px -16px;
padding : 10px 5px 10px 25px;
}
ul.oe_menu div ul.oe_full {
width : 100%;
z-index : 8000;
}
ul.oe_menu div ul li a:hover,ul.oe_menu div ul li.selected1 a{
background : #e3000b;
color : rgba(255, 255, 255, 1);
transition : all 0.5s ease;
z-index : 8000;
}
ul.oe_menu li ul {
list-style : none;
float : left;
width : 150px;
margin-right : 10px;
z-index : 8000;
}
li.oe_heading {
color : #aaa;
font-size : 16px;
margin-bottom : 10px;
padding-bottom : 6px;
border-bottom : 1px solid #ddd;
z-index : 999;
line-height : normal;
}
/* Menu ende */
#slider-wrapper {
margin : 0 auto;
padding-bottom : 40px;
max-width : 1280px;
}
#full-slider-wrapper {
margin : 0 auto;
padding : 0;
width : 100%;
border-bottom : 1px solid #ccc;
}
#layerslider * {
font-family : 'roboto_condensed', sans-serif;
}
#mobile-nav-holder {
width : 100%;
max-width : 100%;
height : auto;
list-style : none;
background-color : #fff;
box-sizing : border-box;
position : relative;
z-index : 999999;
margin : 0;
}
#mobile-nav {
background-color : #fff;
width : 100%;
list-style : none;
display : none;
margin-bottom : 10px;
padding : 0;
}
#mobile-nav-holder a {
display : block;
text-decoration : none;
color : #303030;
font-size : 1.3em;
font-weight : normal;
transition : all 0.3s ease;
border-bottom : 1px dashed #c8c8c8;
padding : 3px 5px 3px 10px;
}
#mobile-nav-holder ul {
	list-style : none;
margin : 0px;
}

#mobile-nav-holder li {
	list-style : none;
	margin : 0 ;
	line-height : 4em;
}
#mobile-nav-holder li a {
list-style : none;

}
#mobile-nav-holder li:last-child a, #mobile-nav-holder li > ul a {
border : none;
}
#mobile-nav-holder li > ul a {
list-style : none;
color : #e3000b;
margin-left : 0px;
font-weight : 400;
}
#mobile-nav-holder a:hover, #mobile-nav-holder a:focus,  #mobile-nav-holder a.selectmobile {
background-color : #e3000b;
color : #fff;
}
#mobile-nav-holder a:hover {
padding-left : 15px;
}
#mobile-nav-holder #nav-open {
font-family : 'roboto_condensed', sans-serif;
text-decoration : none;
list-style : none;
outline : none;
border : none;
float : none;
width : 100%;
position : relative;
z-index : 10000;
line-height : 24px;
font-size : 1.3em;
font-weight : 500;
background-color : #3e3e3e;
color : #fff;
text-transform : uppercase;
}
#mobile-nav-holder #nav-open a {
list-style : none;
font-weight : normal;
background-color : #3e3e3e;
color : #fff;
text-transform : uppercase;
box-shadow : 3px 3px 3px 1px rgba(0, 0, 0, 0.3);
padding : 22px 22px;
border : none;
text-decoration : none;
}
#mobile-nav-holder #nav-open span {
float : right;
margin-right : 20px;
}
#mobile-nav-holder #nav-open:hover a {
cursor : pointer;
list-style : none;
color : #e3000b;
background-color : #1b1b1b;
}
#mobile-nav-holder #nav-open .active a {
list-style : none;
}
#mobile-nav-holder li .moblist-icon {
	font-size : 0;
	float : right;
	margin-right : 10px;
	vertical-align : bottom;
	transition : all 0.8s ease;
	-webkit-transition : all 0.8s ease; /* Safari/Chrome, other WebKit */
	-moz-transition : all 0.8s ease;    /* Firefox, other Gecko */
	-ms-transition : all 0.8s ease;     /* IE 10 + */
}
#mobile-nav-holder li:hover .moblist-icon {
  font-size : 26px;
}
.li2 , .li3 {
	margin-left : 0px;
	padding-left : 0px;
	font-size : 80%;
	transition : all 0.8s ease;
	-webkit-transition : all 0.8s ease; /* Safari/Chrome, other WebKit */
	-moz-transition : all 0.8s ease;    /* Firefox, other Gecko */
	-ms-transition : all 0.8s ease;     /* IE 10 + */
}
.li2 a, .li3 a {line-height:2.9em;}
#mobile-nav-holder .li1 {
    font-family: 'roboto';
    font-size : 1.3em;
    background-color: rgba(248,248,248,1.00);
    color : #303030;
    opacity : 1;
    padding-left : 10px;
    border-bottom : 1px dashed #c8c8c8;
}
#mobile-nav-holder .li1:hover {
    background-color: rgba(248,248,248,1.00);
    color : #303030;
    opacity : 1;
}
#mobile-nav-holder .li4 {
	font-family: 'roboto_medium';
	font-size : 1.3em;
    background-color: rgba(250,218,8,0.35);
	color : #303030;
    opacity : 1;
	padding-left : 10px;
	border-bottom : 1px dashed #c8c8c8;
}
#mobile-nav-holder .li4:hover {
    background-color: rgba(250,218,8,0.3);
	color : #303030;
    opacity : 1;
}
.li3 a:before{
	font-family: 'FontAwesome';
	margin-left : 0px;
	padding-left : 20px;
	font-size : 1.3em;
}
.li2 a:before{
	font-family: 'FontAwesome';
	margin-left : 0px;
	padding-left : 20px;
	font-size : 1.3em;
	color:#e3000b;
	content:"\f0a4   ";
	transition : all 0.8s ease;
	-webkit-transition : all 0.8s ease; /* Safari/Chrome, other WebKit */
	-moz-transition : all 0.8s ease;    /* Firefox, other Gecko */
	-ms-transition : all 0.8s ease;     /* IE 10 + */
}

.li2:hover a:before, .li2:active a:before, .li3 a:before{
  font-family: 'FontAwesome';
  margin-left : 0px;
  padding-left : 20px;
  padding-right : 5px;
  color:#fff;
  content:"\f087";
}

#chromeframe {
  font-family : 'roboto_condensed', sans-serif;
  position : fixed;
  width : 100%;
  margin : 0 auto;
  color : #4c4a4a;
  background-color : #F3F3F3;
  padding : 20px;
  z-index : 9999999;
}
#chromeframe a {
  text-decoration : none;
  color : #e3000b;
  z-index : 9999999;
}
#chromeframe h2 {
font-size:1.3em;
}
#chromeframe a:hover {
text-decoration : none;
color : #e3000b;
z-index : 9999999;
}
.chromeframe_inner {
position : relative;
width : 80%;
margin : 0 auto;
color : #4c4a4a;
font-size : 1em;
font-weight : normal;
line-height : normal;
padding : 5px;
z-index : 1;
z-index : 9999999;
}
.chromeframe_close {
float : right;
position : relative;
right : 50px;
bottom : 20px;
width : 10px;
color : #4c4a4a;
font-size : 1em;
font-weight : 700;
padding : 2px 15px 2px 5px;
background-color : #F3F3F3;
border : #4c4a4a solid 1px;
z-index : 9999999;
}
.sliderbg {
margin : 0 auto;
width : 100%;
height : 3px;
box-shadow : 0 10px 11px #7B7B7B;
}
footer {
color : #4c4a4a;
width : 100%;
font-size : 1em;
box-shadow : 0 0;
line-height : normal;
padding-bottom:20px;
}
footer .row {
width : 100%;
margin-bottom : 0px;
}
footer h3 {
font-family : 'roboto_condensed', sans-serif;
font-weight : bold;
font-size : 1.5em;
}
footer p {
line-height : 1.5em;
margin : 10px 0 0;
padding : 0;
}
footer .margleft {
padding-left : 10px;
}
footer i {
color : #4c4a4a;
padding-top : 5px;
}

footer a {
text-decoration : none;
color : #4c4a4a;
}
footer a:hover {
color : #e3000b;
}
footer a:hover i{
color : #e3000b;
}
#human {
margin-top : 20px;
max-width : 80px;
}
#human img {
outline : none;
margin-top : 10px;
}

#map-canvas a {
text-decoration : none;
color : #09c;
}
/*wichtig für zoomControl richtig anzeigen*/
#map-canvas img {
max-width : none;
}
.iconcontainer {
margin : 0 0 10px 0;
text-align : center;
padding : 30px 10px 30px;
border : #f3f3f3 solid 1px;
position : relative;
transition : all 0.5s;
background-color : #ffffff;
box-shadow : 0 1px 6px rgba(0, 0, 0, 0.2) inset;
border-radius : 5px;
box-sizing : border-box;
overflow:hidden;
}
.iconcontainer:hover {
background-color : #e3000b;
box-shadow : 0 1px 12px rgba(0, 0, 0, 0.3) inset;
color : #ffffff;
border : transparent solid 1px;
}

.iconcontainer .iconcontainer-icon {
width : 130px;
height : 130px !important ;
font-size : 90px;
margin : 30px auto 30px;
padding-top : 15px;
text-align : center;
display : block;
border-radius : 50%;
background : #e3000b;
color : #fff;
border : #ffffff solid 4px;
box-shadow : 0 0 0 3px #e3000b;
transition : all 0.5s;
}
.iconcontainer:hover .iconcontainer-icon {
border : #e3000b solid 4px;
box-shadow : 0 0 0 3px #ffffff;
background : #fff;
color : #e3000b;
}
.iconcontainer h2 {
font-size : 1.75em;
font-family : 'roboto', sans-serif;
color : #e3000b;
font-weight : normal;
transition : all 0.7s;
}
.iconcontainer:hover h2 {
color : #fff;
}
.iconcontainer h3 {
font-size : 110%;
font-family : 'roboto_condensed', sans-serif;
color : #666666;
font-weight : bold;
clear : both;
margin : 0;
text-transform : uppercase;
transition : all 0.7s;
padding-top : 5px;
}
.iconcontainer:hover h3 {
color : #fff;
}

/*.iconcontainer:hover a {
color : #fff;
font-weight : 500;
letter-spacing : 0.1em;
}*/
.containerabstand {
margin : 10px 0 20px;
}
.iconcontainer:hover .icon_link{
z-index : 310;
top : 45%;
color : #fff;
}
.iconcontainer .icon_link {
	width : 60px;
	height : 60px;
	position : absolute;
	top : -160px;
	left : 50%;
	margin-left : -30px;
	border-radius : 10px;
	transition : all 0.5s ease-in-out;
	text-shadow : 0 -2px 1px #86827D;
}
.icon_link a {
transition : all 0.3s ease-in-out;
color : rgba(0, 153, 204, 0.8);
font-size:2em;
}
.icon_link a:hover {
	color : #fff;
	font-size : 1.7em;
}
.pt-20{
	padding-top:-20px;
}

.item_description p {
padding : 22px 10px 0 10px;
margin : 0;
font-family : 'roboto', sans-serif;
font-size : 18px;
color : #fff;
line-height : 26px;
font-weight : bold;
text-transform : uppercase;
}
.isocontainer {
display : block;
float : left;
width : 100%;
text-align : center;
padding : 0;
position : relative;
transition : all 0.5s;
box-sizing : border-box;
}
.isocontainer .isocontainer-inner {
overflow : hidden;
display : block;
width : 100%;
margin : 0;
padding : 0;
text-align : left;
position : relative;
transition : all 0.5s;
background-color : #ffffff;
box-shadow : 0 3px 6px rgba(0, 0, 0, 0.25) inset;
box-sizing : border-box;
}
.isocontainer-inner img {
width : 100%;
}
.isocontainer-icon .isocontainer-inner .item_description {
position : absolute;
top : -200px;
left : 0;
right : 0;
height : auto;
background : #09c;
text-align : center;
color : #3e3e3e;
transition : all 0.2s ease-in-out;
}
.isocontainer-icon .isocontainer-inner:hover .item_description {
position : absolute;
top : 0;
height : 100%;
background-color : rgba(0, 153, 204, 0.8);
text-align : center;
color : #fff;
transition : all 0.3s ease-in-out;
}
.isocontainer .isocontainer-icon,.iconcontainer .isocontainer-icon {
width : 100%;
height : auto !important ;
text-align : center;
display : block;
transition : all 0.3s;
}
.isocontainer_h2 {
text-transform : uppercase;
font-size : 1.75em;
margin : 0 0 10px 0;
color : #663908;
text-shadow : 0 -1px 1px #645b51;
}
.isocontainer-inner h2 {
text-transform : uppercase;
font-size : 1.4em;
line-height : 1.1em;
margin : 5px 0 10px 0;
text-align : center;
}
.isocontainer-inner p {
font-family :  'roboto', sans-serif;
font-size : 1.2em;
font-weight : normal;
color : #663908;
}
.iso_zoom {
width : 40px;
height : 40px;
position : absolute;
top : -160px;
left : 50%;
margin-left : -20px;
border-radius : 50%;
transition : all 0.5s ease-in-out;
}
.isocontainer-inner:hover .iso_zoom, .iconcontainer:hover .iso_zoom{
z-index : 310;
top : 55%;
color : #dfd6c1;
}
.iso_zoom a {
transition : all 0.3s ease-in-out;
color : rgba(255, 255, 255, 0.6);
}
.iso_zoom a:hover {
color : #fff;
font-size : 1.1em;
}
.item_description p {
padding : 22px 10px 0 10px;
margin : 0;
font-family :  'roboto', sans-serif;
font-size : 18px;
color : #fff;
line-height : 26px;
font-weight : bold;
text-transform : uppercase;
}
.logocontainer {
margin : 0 0 10px 0;
text-align : center;
padding : 30px 10px 30px;
border : #f3f3f3 solid 1px;
position : relative;
transition : all 0.5s;
background-color : #ffffff;
box-shadow : 0 1px 6px rgba(0, 0, 0, 0.2) inset;
border-radius : 5px;
box-sizing : border-box;
}
.logocontainer:hover {
box-shadow : 0 3px 6px rgba(0, 0, 0, 0.4) inset;
border : transparent solid 1px;
}
.logocontainer img {
width : 100%;
max-width : 220px;
transition : all 0.5s;
opacity : 1;
transform : scale(1);
}
.logocontainer:hover img {
opacity : 0.5;
transform : scale(1.1);
}

.responsive-video {
position : relative;
padding-bottom : 56%;
padding-top : 30px;
height : 0;
overflow : hidden;
}
.responsive-video iframe, .responsive-video object, .responsive-video embed {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
.copyright-container {
padding : 10px;
background-color : rgba(0, 0, 0, 0.8);
font-size : 0.7em;
text-align : left;
color : #cfcfcf;
}
.copyright-container a {
color : #cfcfcf;
text-decoration : none;
}
.copyright-container a:hover {
color : #FADA08;
}
.back-top {
position : fixed;
width : 50px;
height : 50px;
bottom : -5px;
right : 30px;
z-index : 9999999;
display : none;
text-align : center;
margin : 0 auto;
padding : 1.5em 0 3em;
}


.para {
background-attachment : fixed;
background-position : 50%;
background-repeat : no-repeat;
height : 400px;
position : relative;
}
body #wrap_all .headerbild {
}

/* animation Divblöcke und Textblöcke beim scrollen in Viewport ICH*/
.os-animation{ opacity: 0; }  
.os-animation.animated{ opacity: 1; }
/*animation ENDE*/

/* =====Artikelcontainer====== */
.termincontainer {
/* margin : 0 0 10px 0; */
padding : 0 10px 10px;
border : #f3f3f3 solid 1px;
position : relative;
transition : all 0.5s;
/*background-color : #ffffff;
box-shadow : 0 1px 6px rgba(0, 0, 0, 0.2) inset;*/
border-radius : 5px;
box-sizing : border-box;
overflow:hidden;
font-weight:400;
font-size:105%;
}
.termincontainer:hover {
background-color : #e3000b;
box-shadow : 0 1px 12px rgba(0, 0, 0, 0.3) inset;
color : #ffffff;
border : transparent solid 1px;
}
.termincontainer-icon img{border-radius : 3%;}
.termincontainer:hover .termincontainer-icon {
	border : #e3000b solid 4px;
	box-shadow : 0 0 0 3px #ffffff;
	background : #fff; 
	color : #e3000b;
}
.termincontainer h2 {
font-size : 1.5em;
font-family: 'roboto_medium', sans-serif;
color : #e3000b;
font-weight : normal;
text-transform : uppercase;
transition : all 0.7s;
margin-top:5px;
}
.termincontainer:hover h2,.termincontainer:hover a {
color : #fff;
}
.termincontainer h3 {
font-size : 1.1em;
font-family: 'roboto_medium', sans-serif;
color :  #4c4a4a;
font-weight : normal;
margin : 10px 0 5px 30px;
/*line-height:100%;*/
transition : all 0.7s;
position:relative;
}
.termincontainer h4{
	font-size : 1em;
	font-weight : 400;
	color : #4c4a4a;
}
.termincontainer:hover h3, .termincontainer:hover h4 {
color : #fff;
}
.termincontainer ul{margin-top:0px; font-weight:700; padding:0;}
.termincontainer li{
	line-height:140%;
	font-weight : 400;
	list-style-type:none;
	list-style-position:outside;}
.termincontainer li i{color:#a0bf34;}
.termincontainer li i.icon-team{color:#fff;line-height:1.8em; margin: 35px 0 0 5px; padding: 3px;border-radius: 3px; background-color:#a0bf34;}	
.termincontainer:hover li i{color:#FFF;}
.termincontainer:hover li i.icon-team{color:#00a6a8;  background-color:#fff;}	
.ort:before {
	font-family: 'Schulfont';
	position : absolute;
	font-weight : 500;
	font-size : 2em;
	content: "\e61c";
	color: #e3000b;
	line-height : 100%;
	top: -60%;
	left:-40px;
}
.termincontainer:hover .ort:before {
	content : "\e61c";
	color: #fff;
}
.datum:before {
	font-family: 'Schulfont';
	position : absolute;
	font-weight : 500;
	font-size : 2em;
	content: "\e60d";
	color: #e3000b;
	line-height : 100%;
	top: -60%;
	left:-40px;
}
.termincontainer:hover .datum:before {
	content : "\e60d";
	color: #fff;
}
.containerabstand {
margin : 10px 0 20px;
}
.termincontainer .termincontainer-icon:hover .icon_link{
z-index : 310;
top : 18%;
color : #fff;
}
.termincontainer .icon_link {
	width : 60px;
	height : 60px;
	position : absolute;
	top : -100px;
	left : 50%;
	margin-left : -30px;
	border-radius : 10px;
	transition : all 0.3s ease-in-out;
	/*text-shadow : 0 -2px 1px #a0bf34;*/
}
.termincontainer .icon_link a {
transition : all 0.3s ease-in-out;
color : #fff;
font-size:.45em;
}
.termincontainer .icon_link a:hover {
	color : #fff;
	font-size : .4em;
}
.termincontainer  a {
transition : all 0.3s ease-in-out;
color : #4c4a4a;
}
.termincontainer a:hover {
	color : #fff;
}


/* ======= ENDE Artikelcontainer========= */
.aktcontainer {
	margin: 4px;
	width: 100%;
	height: auto;
	border : #333 solid 1px;
	transition : all 0.5s;
	background-color : #aaa;
	box-shadow : 0 1px 6px rgba(0, 0, 0, 0.2) inset;
	border-radius : 5px;
	
	font-weight: 400;
	font-size: 105%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing : content-box;
}

.aktuellcontainer {
	width: 90%;
	height:100%;
	margin: auto;
	padding: 8px;
	border : #f3f3f3 solid 1px;
	transition : all 0.5s;
	background-color : #F7F7F7;
	box-shadow : 0 1px 6px rgba(0, 0, 0, 0.2) inset;
	border-radius : 5px;
	box-sizing : border-box;
	font-weight: 400;
	font-size: 105%;
}
.aktuellcontainer p{padding-left:10px;font-weight: 300}
.aktuellcontainer:hover {
background-color : #e3000b;
box-shadow : 0 1px 12px rgba(0, 0, 0, 0.3) inset;
color : #ffffff;
border : transparent solid 1px;
}
.aktuellcontainer-icon img{border-radius : 3%;}
.aktuellcontainer:hover .aktuellcontainer-icon {
	border : #e3000b solid 4px;
	box-shadow : 0 0 0 3px #ffffff;
	background : #fff; 
	color : #e3000b;
}
.aktcontainer h4 {
	font-size : 1.5em;
	font-family: 'roboto_light', sans-serif;
	color : #e3000b;
	font-weight : normal;
	text-transform : uppercase;
	transition : all 0.7s;
	margin-top: 5px;
}
.aktuellcontainer:hover h4,.aktuellcontainer:hover a,.aktuellcontainer:hover a.thumblink:before,.aktuellcontainer:hover a:hover.thumblink:before {
color : #fff;
}
.aktuellcontainer:hover hr.style-two, .aktuellcontainer:hover hr.style-two_red {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:    -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:     -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:      -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
}
.aktuellcontainer .aktuell-icon {
width : 40px;
height : 40px !important ;
font-size : 90px;
margin :  20px auto 20px;
padding-top:10px;
text-align : center;
border-radius : 3%;
background : #e3000b;
color : #fff;
border : #ffffff solid 4px;
box-shadow : 0 0 0 3px #e3000b;
transition : all 0.5s;
}

.jobcontainer {
	width: 100%;
	height:100%;
	margin: auto;
	padding: 8px;
	border : #f3f3f3 solid 1px;
	transition : all 0.5s;
	background-color : #F7F7F7;
	box-shadow : 0 1px 4px rgba(0, 0, 0, 0.2) inset;
	border-radius : 5px;
	box-sizing : border-box;
	font-weight: 400;
	font-size: 105%;
}

#layerslider a.thumblink:before {
color: #fff;
}
#layerslider:hover a:hover.thumblink:before {
color: #e3000b;
}
.radioliste {
	line-height:normal;
	padding-bottom:8px;
}