@font-face {
  font-family: 'Gafata';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gafata-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Gafata'), local('Gafata-Regular'),
       url('../fonts/gafata-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/gafata-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/gafata-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/gafata-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/gafata-v6-latin-regular.svg#Gafata') format('svg'); /* Legacy iOS */
}

body {
	margin: 0px;
    font-size:1.0em;
    color:#000; 
    font-family:'Gafata', sans serif;
    line-height:1.4em;
	background-color : #fff;
}

#header, .stdcontainer {
	width:1100px;	
}

/* Header */

#headercontainer {
    position:fixed;
	z-index:100;
	width:100%;
	background-image: url("../img/bg-header-85.png");
}

#header {
    margin: auto;
    padding:5px 0px 25px 0px;
}

#logo {
	float:right;
	width:300px;
	height:114px;
}

#mainnavigation {
    color:#fff;
    float:left;
}

#mainnavigation ul {margin:0; float:left; list-style:none outside; padding:0; }
#mainnavigation li {display:inline; float:left; margin:0px; padding:0px; }


/* Header */

.motiv {
	overflow:hidden;
}

/*.motiv img {
	width:100%;
	height:auto;	
}*/

#balken {
	height:15px;
	background-color : #a3002c;
}

#site {
	position:relative;
}

.containergrau {
	background-color : #f3f3f3;
}

.containerweiss {
	
}

.stdcontainer {
	margin:auto;
    padding:30px 0px 30px 0px;	
}

.shadowTop {
	-webkit-box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.75);	
}

.textblock {
	margin-top:40px;	
	margin-bottom:80px;	
}

.half {
	width:48%;
	float:left;
	padding:1%;
}

.third {
	width:29%;
	float:left;
	padding:2%;
	min-height:220px;
}

.eins {
	background-color: #eee;
}

.zwei {
	background-color: #ddd;
}

.drei {
	background-color: #ccc;
}

.totop {
	display:none;
}

.mitarbeiter {
	float: left; text-align: center; width: 25%;
}

#hamburger {
	display:none;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    height: 24px;
    padding: 3px 4px 3px;
    position: relative;
    background: #e11021;
    background: -moz-linear-gradient(top,  #e11021 0%, #e11021 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e11021), color-stop(100%,#e11021));
    background: -webkit-linear-gradient(top,  #e11021 0%,#e11021 100%);
    background: -o-linear-gradient(top,  #e11021 0%,#e11021 100%);
    background: -ms-linear-gradient(top,  #e11021 0%,#e11021 100%);
    background: linear-gradient(to bottom,  #e11021 0%,#e11021 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e11021', endColorstr='#e11021',GradientType=0 );
}
 
/*
The white stripes in the hamburger button
*/
#hamburger div {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px 2px 2px 2px;
    height: 2px;
    margin-top: 3px;
    width: 23px;
}

#hamburgerclose {
	display:none;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    height: 24px;
    padding: 3px 4px 3px;
    position: relative;
    background: #e11021;
    background: -moz-linear-gradient(top,  #e11021 0%, #e11021 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e11021), color-stop(100%,#e11021));
    background: -webkit-linear-gradient(top,  #e11021 0%,#e11021 100%);
    background: -o-linear-gradient(top,  #e11021 0%,#e11021 100%);
    background: -ms-linear-gradient(top,  #e11021 0%,#e11021 100%);
    background: linear-gradient(to bottom,  #e11021 0%,#e11021 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e11021', endColorstr='#e11021',GradientType=0 );
}
 
/*
The white stripes in the hamburger button
*/
#hamburgerclose div {
    background-color: #000;
    border: 1px solid #000;
    border-radius: 2px 2px 2px 2px;
    height: 2px;
    margin-top: 3px;
    width: 23px;
}


.flex-caption {
	position:absolute;
	bottom:0px;
	width:98%;
	font-size:2.0em;
	line-height:normal;
	color:#e11021;
	padding: 1%;
	text-align:center;
    background-image: url("../img/bg-header-70.png");
}

#footercontainer {
	background-color : #2f1e01;
}


#footer {
    margin:auto;
    padding:30px 0px 20px 0px;
    color:#fff;
    width:1000px;
    line-height:normal;
}

#footerlinks {
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding:5px;	
}


h1 { font-size:2.4em; color:#e11021; padding-top:0px; padding-bottom:15px; margin:0px; font-weight:normal; line-height:normal; }
h2 { font-size:1.8em; color:#6b6b6b; padding-top:0px; padding-bottom:15px; margin:0px; font-weight:normal; line-height:normal; }
h3 { font-size:1.4em; color:#a3002c; padding-top:0px; padding-bottom:0px; margin:0px; font-weight:bold; }
h4 { font-size:1.0em; color:#6b6b6b; padding-top:0px; padding-bottom:10px; margin:0px; font-weight:bold; }

img { border:0px; }

.off { display:none; }

.clear { clear:both; }

.anchor {
	display:block;
	height:120px;	
}

.fullsize {
	width:100%;
	height:auto;	
}

a.headlinelink:link  { color:#e11021; text-decoration:none; }
a.headlinelink:visited { color:#e11021; text-decoration:none; }
a.headlinelink:hover { color:#e11021; text-decoration:underline; }
a.headlinelink:active { color:#e11021; text-decoration:none; }

a:link  { color:#e11021; text-decoration:none; }
a:visited { color:#e11021; text-decoration:none; }
a:hover { color:#e11021; text-decoration:underline; }
a:active { color:#e11021; text-decoration:none; }

a.top:link  { color:#fff; text-decoration:none; }
a.top:visited { color:#fff; text-decoration:none; }
a.top:hover { color:#fff; text-decoration:underline; }
a.top:active { color:#fff; text-decoration:none; }

a.white:link  { color:#fff; text-decoration:none; }
a.white:visited { color:#fff; text-decoration:none; }
a.white:hover { color:#fff; text-decoration:underline; }
a.white:active { color:#fff; text-decoration:none; }

/*
*   Hauptnavigation
*/

a.mainlevel:link, a.mainlevel:visited {
	display: inline;
    float:left;
	margin:0;
    font-size: 1.0em;
    line-height:63px;
    position:relative; 
    color:#000;
    padding:0px 15px 0px 15px;
    text-transform:uppercase;
    border-left:1px solid #ccc;
}

a.mainlevel:hover {
	text-decoration: none;
	color: #fff;
    background-color:#e11021;
}

a.mainlevelActive:link, a.mainlevelActive:visited {
	display: inline;
    float:left;
	margin:0;
    font-size: 1.0em;
    line-height:63px;
    position:relative; 
    color:#ff0000;
    padding:0px 15px 0px 15px;
    text-transform:uppercase;
    border-left:1px solid #ccc;
}

a.mainlevelActive:hover {
	text-decoration: none;
	color: #fff;
    background-color:#e11021;
}


a.sublevel:link, a.sublevel:visited {
	margin:0; 
    line-height:30px;
    display:block;
    padding-left:30px;
    color:#fff;
    font-size:1.2em;
    border-bottom: 1px dotted #ccc;
    background-image: url("../img/bgHeadercontainer.png");
    background-repeat: repeat-x;
    font-family:'Fjalla One', sans serif;
    text-transform:uppercase;
}

a.sublevel:hover {
	text-decoration: none;
	color: #C20B37;
}

a.sublevelActive:link, a.sublevelActive:visited {
	margin:0; 
    line-height:30px;
    display:block;
    padding-left:30px;
    color:#000;
    font-size:1.2em;
    border-bottom: 1px dotted #ccc;
    background-image: url("../img/bgHeadercontainer.png");
    background-repeat: repeat-x;
    font-family:'Fjalla One', sans serif;
    text-transform:uppercase;
}


a.thirdlevel:link, a.thirdlevel:visited {
	margin:0; 
    line-height:30px;
    display:block;
    padding-left:50px;
    color:#58585A;
    font-size:1.0em;
    background-color:#fff;
}

a.thirdlevel:hover {
	text-decoration: none;
	color: #C20B37;
}

a.thirdlevelActive:link, a.thirdlevelActive:visited {
	margin:0; 
    line-height:30px;
    display:block;
    padding-left:50px;
    color:#C20B37;
    font-size:1.0em;
    background-color:#e3e3e3;
    background-image: url("../img/thirdlevelActive.png");
    background-repeat:no-repeat;
}

a.thirdlevelActive:hover {
	text-decoration: none;
	color: #C20B37;
}



a.fourthlevel:link, a.fourthlevel:visited {
	margin:0; 
    line-height:30px;
    display:block;
    padding-left:70px;
    color:#58585A;
    font-size:1.0em;
    background-color:#eee;
    border-bottom:1px solid #fff;
}

a.fourthlevel:hover {
	text-decoration: none;
	color: #C20B37;
}

a.fourthlevelActive:link, a.fourthlevelActive:visited {
	margin:0; 
    line-height:30px;
    display:block;
    padding-left:70px;
    color:#C20B37;
    font-size:1.0em;
    background-image: url("../img/thirdlevelActive.png");
    background-repeat:no-repeat;
    background-color:#f3f3f3;
    border-bottom:1px solid #fff;
}

a.fourthlevelActive:hover {
	text-decoration: none;
	color: #C20B37;
}

@media screen and (max-width:1199px) {
	#header, .stdcontainer {
		width:95%;	
	}
}

@media screen and (max-width:768px) {
	#headercontainer {
		position:static;
	}
	
	#site {
		position:static;
	}
	
	#hamburger {
    	margin-top:20px;
    	margin-bottom:5px;
		display:block;
	}
	
    #hamburgerclose {
    	margin-top:20px;
    	margin-bottom:5px;
	}
	
	#mainnavigation {
		width:100%;
    	height:auto;
    	display:none;
        text-align:left;
    	padding-top:1px;
	}

	#mainnavigation div {
		display:block;
	}
	
	#subnavigation {
		width:100%;
	}
	
	#infobox {
		background-color:#efefef;
		width:86%;
		height:auto;
		float:none;
		padding:7%;
	}
	
	#mainnavigation ul {margin:0; float:none; list-style:none outside; padding:0; }
	#mainnavigation li {display:block; float:none; margin:0px; padding:0px; }
	
	#subnavigationcontainer {
		display:none;
	}
	
	#subnavigation {
		display:none;
	}
	
	#mainnavigation #subnavigation {
		display:block;	
	}
	
	#mainnavigation #subnavigation li { display:block; }
	
	a.mainlevel:link, a.mainlevel:visited {
		display: block;
	    float:none;
		margin:0;
	    font-size: 1.0em;
	    line-height:30px;
	    position:relative; 
	    color:#e11021;
	    padding-left:10px;
	    padding-right:10px;
	    background-color:#e1e1e1;
	    border-top:1px solid #fff;
	}
	
	a.mainlevel:hover {
		text-decoration: none;
		color: #ababab;
	}
	
	a.mainlevelActive:link, a.mainlevelActive:visited {
		display: block;
	    float:none;
		margin:0;
	    font-size: 1.0em;
	    line-height:30px;
	    position:relative; 
	    color:#000;
	    padding-left:10px;
	    padding-right:10px;
	    background-color:#ccc;
	    border-top:1px solid #fff;
	}
	
	a.mainlevelActive:hover {
		text-decoration: none;
		color: #ababab;
	}
	
	
    a.sublevel:link, a.sublevel:visited {
		display: block;
	    float:none;
		margin:0;
	    font-size: 1.0em;
	    line-height:30px;
	    position:relative; 
	    color:#5881a6;
	    padding-left:30px;
	    padding-right:00px;
	    background-color:#f4f4f4;
	    border-top:1px solid #fff;
	}
	
	a.sublevel:hover {
		text-decoration: none;
		color: #ababab;
	}
	
	a.sublevelActive:link, a.sublevelActive:visited {
		display: block;
	    float:none;
		margin:0;
	    font-size: 1.0em;
	    line-height:30px;
	    position:relative; 
	    color:#000;
	    padding-left:30px;
	    padding-right:0px;
	    background-color:#efefef;
	    border-top:1px solid #fff;
	}
	
	a.sublevelActive:hover {
		text-decoration: none;
		color: #ababab;
	}
	
	.totop {
		display:block;
	}
}

@media screen and (max-width:480px) {

	.mitarbeiter {
		float: none; text-align: center; width: 100%;
	}
	.flex-caption {
		position:absolute;
		top:0px;
		bottom:auto;
		width:98%;
		font-size:1.4em;
		line-height:normal;
		color:#fff;
		padding: 1%;
	    background-image: none;
	    background-color: #ccc;
	}
 	
	#logo {
		width:180px;
		height:68px;
	}
 	
	.third, .half {
		width:98%;
		float:left;
		padding:1%;
		min-height:140px;
	}
	
	h1 { font-size:1.8em; }
	h2 { font-size:1.4em; }
}