@font-face {
  font-family: 'FontAwesome';
  src: url('../fontawesome/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fontawesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fontawesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fontawesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fontawesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-search:before {
  content: "\f002";
}
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

button,
input,
select,
textarea,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline:0 none;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ==========================================================================


/* ==============
    MOBILE: Menu
   ============== */

nav ul, ul{
    margin: 0;
    padding: 0;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

input, textarea, select, option, button{font-family: 'Istok Web', sans-serif; outline:0;}

#page img, embed, object, video {
  max-width: 100%;
  height: auto;
  width: auto;
}

/* ==========================================================================
   Author's custom styles :: riversite . Ajay Pulickal
   ========================================================================== */
html,
body{font-size:13px; font-family: 'Istok Web', sans-serif; color:#666;  background:#fff;}

html,
body{width:100%;/*overflow:auto;*/}
/*body{overflow-y:scroll;}*/

h1, h2, h3, h4, h5, h6{margin-top:0; font-weight:normal; color:#666; text-transform:uppercase;  margin-bottom:10px;}
h1{font-size:21px;}
h2{font-size:13px; font-weight:bold;}
/*h3{font-size:18px;}*/

p{margin-top:0; line-height:19px; margin-bottom:14px; text-decoration:none;}
.content .inhalt p{margin-bottom:14px;}

a{text-decoration:underline; color:#666; cursor:pointer;}
a:hover{text-decoration:none; color:#000;}
a:focus{outline:0;}

img{margin:0; padding:0;}

hr{clear:both; border:0; border-bottom:1px solid #666; margin:0 auto 19px; min-height:1px; display:block;}
hr.dotted{border-bottom:1px dotted #666;}

.abstand-nach-unten-0{margin-bottom:0px;}


.text-left,
.align-left{text-align:left;}
.text-center,
.align-center{text-align:center;}
.text-right,
.align-right{text-align:right;}

table{margin-bottom:17px;}


/* COLORS */
.grau{color:#666;}

/* STRUCTUR */
#page{clear:both; position:relative; margin:5px auto; width:100%; max-width:970px; padding:5px; border:1px solid #c7c7c7; background:#fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

	#header,
	#content,
	#footer{clear:both; position:relative;}

	#header{border-bottom:1px solid #c7c7c7; z-index:1001;}

		.bild-header{margin-bottom:30px; position:relative;
		/* border-top:15px solid #ffb900; */
		border-top:15px solid #f5c500;
		padding-top: 15px;
		margin-top: 10px;
		padding-bottom:5px;
		}

		.bild-header,
		.bild-footer{width:100%; max-width:970px; height:86px; overflow:hidden; }
		
		.bild-header .logo{
			display:block;
			max-width:300px;
			/* margin-left: 34px; */
		}

		/* NAV MAIN */
		nav#mainmenu{position:relative; margin-left:15px; /*margin-bottom:10px;*/}
			nav#mainmenu ul{}
			nav#mainmenu > ul li{position:relative; float:left; margin-right:30px; font-size:13px; padding-bottom:10px; /*width:175px;*/ /*background: #ccc;*/}
			nav#mainmenu ul li a{display:inline-block; padding-left:20px; text-decoration:none; background:url(../img/pfeil-navi.png) 0 3px no-repeat; text-transform:uppercase;}
			nav#mainmenu ul li a:hover,
			nav#mainmenu ul li.active a,
			nav#mainmenu ul li:hover a{color:#333; background:url(../img/pfeil-navi-active.png) 0 3px no-repeat;}

			nav#mainmenu ul li.last{margin:0; /*width:155px;*/ /*float:right;*/ /*background: #ddd;*/}


			nav#mainmenu ul li:hover ul{display:block; z-index:101;}
			/* 2.Ebene */
			nav#mainmenu ul ul{display:none; /*width:240px;*/ z-index:99; position:absolute; background:#fff; border:1px solid #c7c7c7; left:0px; /*top:28px;*/ padding:7px 0px 3px 7px; margin-top:5px;}
			nav#mainmenu ul ul li{display:block; clear:both; width:100% !important; margin-bottom:4px; padding-bottom:0; white-space: nowrap;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;}
			nav#mainmenu ul li:hover li a,
			nav#mainmenu ul li ul li a{color:#666; display:block; width:100% !important; padding:0 0 0 14px; font-weight:normal; text-transform:none; background:url(../img/icon-navi-subs.png) 0 6px no-repeat; /*background: #ccc;*/}
			nav#mainmenu ul li:hover li a:hover,
			nav#mainmenu ul li.active ul li a:hover,
			nav#mainmenu ul li.active ul li.active a{color:#333;}

			nav#mainmenu ul li.last ul{/*width:150px;*/}
			nav#mainmenu li.firstlvl.item-3{width:185px;}


	#content{padding:25px 0;  z-index:1000;}
		.col-left{float:left; width:180px; padding:0 15px; min-height:1px;}

			/* NAV MAIN */
			nav#submenu{margin-top:44px; margin-bottom:30px;}
				nav#submenu ul{}
				nav#submenu ul li{font-size:11px; margin-bottom:12px;}
				nav#submenu ul li a{display:inline-block; padding-left:20px; text-decoration:none;  text-transform:uppercase; margin-bottom:4px;
				width:100%;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
				nav#submenu ul li a:hover,
				nav#submenu ul li.active a,
				nav#submenu ul li:hover a{color:#333; background:url(../img/pfeil-navi.png) 0 2px no-repeat;}

					nav#submenu ul ul{padding-left:20px;}
					nav#submenu ul ul li{display:block; clear:both; width:auto !important; margin-bottom:4px; padding-bottom:0;}
					nav#submenu ul li:hover li a,
					nav#submenu ul li ul li a,
					nav#submenu ul li.active ul li a{color:#666; display:block; width:100% !important; padding:0 0 0 14px; font-weight:normal; text-transform:none; background:url(../img/icon-navi-subs.png) 0 4px no-repeat;}
					nav#submenu ul li:hover li a:hover,
					nav#submenu ul li.active ul li a:hover,
					nav#submenu ul li.active ul li.active > a{color:#333; background:url(../img/icon-navi-subs.png) 0 4px no-repeat;}


					nav#submenu ul ul.lvl-4{padding-left:14px;}



		#breadcrumb{margin-bottom:20px;}
		#breadcrumb a{text-decoration:none;}


		.content{float:left; width:550px; min-height:1px;}

			.content ul{padding-left:14px; margin-bottom:19px;}
			.content ul ul{margin-bottom:6px;}

			.content li{list-style:square outside; line-height:19px;}


		.col-right{float:right; width:175px; margin-right:10px; min-height:1px;}

			.col-right .inhalt p{margin-bottom:14px;}


			.col-right ul{padding-left:14px; margin-bottom:14px;}
			.col-right ul ul{margin-bottom:6px;}

			.col-right li{list-style:square outside; line-height:19px;}


			.suchbox{margin-bottom:35px;}
				.suchbox input,
				.tx-indexedsearch-searchbox input{border:1px solid #000; padding:5px; width:95px; float:left;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;}
				.suchbox button,
				.tx-indexedsearch-searchbox input.submit{background:#000; border:0; color:#fff; padding:3px 7px; float:none;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}


				.tx-indexedsearch-searchbox input{width:175px; float:left;}
				input.tx-indexedsearch-searchbox-button{background:#000; border:0; color:#fff; padding:6px 7px; float:none; width:95px;}


	#footer{text-align:right;}
		#footer a{width:86px; text-decoration:none; text-align:left; display:inline-block; margin-bottom:5px; text-transform:uppercase;}



/* News */
.news-list-view{padding-top:12px;}
.article{padding:10px; border:1px solid #c7c7c7; margin-bottom:15px;}
.news-img-wrap{float:left; width:200px; margin-right:15px;}
.teaser-text{float:left; width:310px;}

.content .article p{font-size:12px; line-height:16px;}

a.link{text-decoration:none; padding-left:20px; background:url(../img/pfeil-link.gif) left 5px no-repeat;}
a.link:hover{color:#000;}

.article .weiterlesen{clear:both; text-align:right;  margin-right:5px;}
.weiterlesen a{text-decoration:none; padding-right:20px; background:url(../img/pfeil-weiterlesen.gif) right 4px no-repeat;}

.news-list-date{font-size:11px; margin-bottom:10px;}

.article .langtext{display:none; margin-top:15px;}

/* Suchen */
.suchbox input{width:140px; padding:7px;}
.suchbox button{width:35px; padding:8px;}


.mobilnavbar{position: relative; display:none; padding:10px 0;}
.mobilnavbar .suchbox{float:right; margin-bottom:0;}
/* Smartmenü */
.smartmenu{/*display:none;*/ float:left; /*width:24px;*/ /*height:36px;*/ z-index:331; padding:7px; background:#000; overflow: hidden;
/*-webkit-box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.6);
box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.6);*/
}
.smartmenu a{display:block; color:#fff; text-decoration: none;}
.smartmenu span{display:inline-block; }
.smartmenu span:first-child{margin-right:6px; text-transform: uppercase; font-weight:bold;}
.smartmenu span:last-child{width:26px; position: relative; top:2px;}

.smartmenu i{display: block;
width: 100%;
height: 2px;
border-radius: 0px;
background-color: #fff;
margin-bottom: 4px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;}

.smartmenu i.pos-bottom{margin-bottom: 0px;}
/*
.mnopen #smartmenu span{
	background-color: #fff;
}*/
.mm-opened .pos-top {
	-webkit-transform:translateY(6px) rotateZ(-45deg);
	transform:translateY(6px) rotateZ(-45deg)
}
.mm-opened .pos-middle {
	opacity:0
}
.mm-opened .pos-bottom {
	-webkit-transform:translateY(-6px) rotateZ(45deg);
	transform:translateY(-6px) rotateZ(45deg)

}

.mm-menu {
    background: #fff;
    color: #000;
}
#mobilNav{display:none;}
#mobilNav.mm-opened{display:block;}

#mobilNav li{/*text-transform: uppercase;*/}
.mm-menu .mm-list > li::after {
    border-color: #000;
}
.mm-list > li a:hover,
.mm-list > li.active a{/*background: #fff;*/ color:#000;}

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults)::after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.mm-menu .mm-list > li > a.mm-subopen::after,
.mm-menu .mm-list > li > a.mm-subclose::before {
    border-color: rgba(0, 0, 0, 1);
}
.mm-menu .mm-list > li > a.mm-subopen::before {
    border-color: rgba(0, 0, 0, 1);
}
.mm-list a.mm-subopen::before {
	    content: '';
	    border-left-width: 1px;
	    border-left-style: solid;
}
.mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.8);
    color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.mm-menu .mm-list > li > a.mm-subopen::after{
    border-color: rgba(0, 0, 0, 1);
}
.mm-menu .mm-list > li > a.mm-subclose::before {
    border-color: rgba(255, 255, 255, 1);
}

.mm-selected a{background:rgba(0,0,0, 0.15);}

#mm-blocker {
    background:url(../img/close.png) 15px 15px no-repeat rgba(3, 2, 1, 0.5);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;

}


.mm-list .firstlvl.mm-opened > a.mm-subopen::before {
    border-color: rgba(0, 0, 0, 0);
}

.mm-list .firstlvl.mm-opened > a.mm-subopen::after {
    border-color: rgba(255, 255, 255, 1);
}

.mm-menu .mm-list .mm-opened ul.sub .mm-opened > li > a.mm-subopen::before {
    border-color: rgba(255, 0, 0, 1);
}



.mm-list .firstlvl.mm-opened > a.mm-subopen,
.mm-list .firstlvl.mm-opened > a.mm-subopen + a,
.mm-list .firstlvl.mm-opened > a.mm-subopen + span{background:#000; color:#fff;}

.mm-list a.mm-subopen,
.mm-list a.mm-subopen::before{height: 40px;}

a.mm-subopen{border-bottom:1px solid #000;}


.mm-menu.mm-vertical .mm-list .mm-panel{padding:0;}
.firstlvl.mm-opened ul{border-top:1px solid #000; background:rgba(0,0,0,0.1);}

.firstlvl.mm-selected ul{border-top:1px solid #000; background:rgba(0,0,0,0);}
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child::after {
	display:none;
	border:0;
	border-color: #f00;
}
.mm-list > li > a, .mm-list > li > span {
	white-space:normal;
	padding: 10px 15px 10px 15px;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    img {
        max-width:none;
        height: auto;
        width: auto;
    }
}*/



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

#page{margin:0 auto;}


.onlyDesktop,
#mainmenu,
.col-right .suchbox{display:none;}

.onlyMobil{display:inline-block;}

.mobilnavbar{display:block;}

.bild-header,
.bild-footer{height:auto; margin-bottom:0;}

.col-left,
.content,
.col-right{margin:0; padding:0 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;}

.col-left{width:20%;}
.content{width:60%;}
.col-right{width:20%;}

/*
#mobilnavbar{position: absolute; top:0; left:0; width:100%;}
#mobilnavbar.fixed-top{position: fixed;}
*/

.header--fixed .mobilnavbar{position: fixed; top:0; padding:15px; left:0; width:100%; background:rgba(255,255,255,1);
-webkit-box-sizing: border-box;
box-sizing: border-box;

-webkit-box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.33);
box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.33);

}

}

@media only screen and (min-width: 1061px) {
	.bild-header .logo{margin-left:34px;}
}

@media only screen and (min-width: 1024px) {
	html.mm-opening .mm-page, html.mm-opening #mm-blocker {
	    -webkit-transform: translate(45%, 0);
	    transform: translate(45%, 0);
	}
	
	
	

}


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

.col-left{display:none;}
.content{width:70%;}
.col-right{width:30%;}


.bild-header{/* margin-bottom:30px; position:relative; */
		border-top:10px solid #f5c500;
		padding-top: 15px;
		margin-top: 10px;
	}

}

/*@media only screen and (max-width: 767px) {*/
	table{width:100%;}

	table td{padding:8px; vertical-align: top;}
	table td p:last-child{margin-bottom:0 !important;}
	table tr:nth-child(even) {background: #f5f5f5;}
/*}*/

@media only screen and (max-width: 640px) {
	.content{width:100%;}
	.col-right{ width:100%;}
	.col-right .inhalt{border-top:1px solid #c7c7c7; padding:15px 0;}

	table{width:100%; display:block; overflow: auto;}
	table tbody, table tr{display:block; width:100%;}
	table tr{padding:8px 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}
	table td{display:block; width:100%; padding:0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}
	
	
	
	.bild-header{
		border-top:5px solid #f5c500;
		padding-top: 10px;
	}

}


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

}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}