@charset "UTF-8";

@font-face {
    font-family: 'Open Sans';
    src: url('opensans-bold-webfont.eot');
    src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bold-webfont.woff2') format('woff2'),
         url('opensans-bold-webfont.woff') format('woff'),
         url('opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans';
    src: url('opensans-bolditalic-webfont.eot');
    src: url('opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bolditalic-webfont.woff2') format('woff2'),
         url('opensans-bolditalic-webfont.woff') format('woff'),
         url('opensans-bolditalic-webfont.ttf') format('truetype'),
         url('opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: 700;
    font-style: italic;

}

@font-face {
    font-family: 'Open Sans';
    src: url('opensans-extrabold-webfont.eot');
    src: url('opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-extrabold-webfont.woff2') format('woff2'),
         url('opensans-extrabold-webfont.woff') format('woff'),
         url('opensans-extrabold-webfont.ttf') format('truetype'),
         url('opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: 800;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans';
    src: url('opensans-extrabolditalic-webfont.eot');
    src: url('opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('opensans-extrabolditalic-webfont.woff') format('woff'),
         url('opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: 800;
    font-style: italic;

}

@font-face {
    font-family: 'Open Sans';
    src: url('opensans-italic-webfont.eot');
    src: url('opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-italic-webfont.woff2') format('woff2'),
         url('opensans-italic-webfont.woff') format('woff'),
         url('opensans-italic-webfont.ttf') format('truetype'),
         url('opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: 400;
    font-style: italic;

}

@font-face {
    font-family: 'Open Sans';
    src: url('opensans-light-webfont.eot');
    src: url('opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-light-webfont.woff2') format('woff2'),
         url('opensans-light-webfont.woff') format('woff'),
         url('opensans-light-webfont.ttf') format('truetype'),
         url('opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans';
    src: url('opensans-lightitalic-webfont.eot');
    src: url('opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-lightitalic-webfont.woff2') format('woff2'),
         url('opensans-lightitalic-webfont.woff') format('woff'),
         url('opensans-lightitalic-webfont.ttf') format('truetype'),
         url('opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: 300;
    font-style: italic;

}

@font-face {
    font-family: 'Open Sans';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff2') format('woff2'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans';
    src: url('opensans-semibold-webfont.eot');
    src: url('opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-semibold-webfont.woff2') format('woff2'),
         url('opensans-semibold-webfont.woff') format('woff'),
         url('opensans-semibold-webfont.ttf') format('truetype'),
         url('opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans';
    src: url('opensans-semibolditalic-webfont.eot');
    src: url('opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('opensans-semibolditalic-webfont.woff') format('woff'),
         url('opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: 600;
    font-style: italic;

}

@font-face {
    font-family: 'Lato';
    src: url('lato-black-webfont.eot');
    src: url('lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-black-webfont.woff2') format('woff2'),
         url('lato-black-webfont.woff') format('woff'),
         url('lato-black-webfont.ttf') format('truetype'),
         url('lato-black-webfont.svg#latoblack') format('svg');
    font-weight: 900;
    font-style: normal;

}

@font-face {
    font-family: 'Lato';
    src: url('lato-blackitalic-webfont.eot');
    src: url('lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-blackitalic-webfont.woff2') format('woff2'),
         url('lato-blackitalic-webfont.woff') format('woff'),
         url('lato-blackitalic-webfont.ttf') format('truetype'),
         url('lato-blackitalic-webfont.svg#latoblack_italic') format('svg');
    font-weight: 900;
    font-style: italic;

}

@font-face {
    font-family: 'Lato';
    src: url('lato-bold-webfont.eot');
    src: url('lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-bold-webfont.woff2') format('woff2'),
         url('lato-bold-webfont.woff') format('woff'),
         url('lato-bold-webfont.ttf') format('truetype'),
         url('lato-bold-webfont.svg#latobold') format('svg');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'Lato';
    src: url('lato-bolditalic-webfont.eot');
    src: url('lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-bolditalic-webfont.woff2') format('woff2'),
         url('lato-bolditalic-webfont.woff') format('woff'),
         url('lato-bolditalic-webfont.ttf') format('truetype'),
         url('lato-bolditalic-webfont.svg#latobold_italic') format('svg');
    font-weight: 700;
    font-style: italic;

}

@font-face {
    font-family: 'Lato';
    src: url('lato-hairline-webfont.eot');
    src: url('lato-hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-hairline-webfont.woff2') format('woff2'),
         url('lato-hairline-webfont.woff') format('woff'),
         url('lato-hairline-webfont.ttf') format('truetype'),
         url('lato-hairline-webfont.svg#latohairline') format('svg');
    font-weight: 100;
    font-style: normal;

}

@font-face {
    font-family: 'Lato';
    src: url('lato-hairlineitalic-webfont.eot');
    src: url('lato-hairlineitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-hairlineitalic-webfont.woff2') format('woff2'),
         url('lato-hairlineitalic-webfont.woff') format('woff'),
         url('lato-hairlineitalic-webfont.ttf') format('truetype'),
         url('lato-hairlineitalic-webfont.svg#latohairline_italic') format('svg');
    font-weight: 100;
    font-style: italic;

}

@font-face {
    font-family: 'Lato';
    src: url('lato-italic-webfont.eot');
    src: url('lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-italic-webfont.woff2') format('woff2'),
         url('lato-italic-webfont.woff') format('woff'),
         url('lato-italic-webfont.ttf') format('truetype'),
         url('lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: 400;
    font-style: italic;

}

@font-face {
    font-family: 'Lato';
    src: url('lato-light-webfont.eot');
    src: url('lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-light-webfont.woff2') format('woff2'),
         url('lato-light-webfont.woff') format('woff'),
         url('lato-light-webfont.ttf') format('truetype'),
         url('lato-light-webfont.svg#latolight') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'Lato';
    src: url('lato-lightitalic-webfont.eot');
    src: url('lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-lightitalic-webfont.woff2') format('woff2'),
         url('lato-lightitalic-webfont.woff') format('woff'),
         url('lato-lightitalic-webfont.ttf') format('truetype'),
         url('lato-lightitalic-webfont.svg#latolight_italic') format('svg');
    font-weight: 300;
    font-style: italic;

}

@font-face {
    font-family: 'Lato';
    src: url('lato-regular-webfont.eot');
    src: url('lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-regular-webfont.woff2') format('woff2'),
         url('lato-regular-webfont.woff') format('woff'),
         url('lato-regular-webfont.ttf') format('truetype'),
         url('lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: 400;
    font-style: normal;

}

:root {
    background-color: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
html {
	font-size: 90%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
font-family: 'Lato', Arial, Helvetica, sans-serif;
color:#717172;
margin:0;
padding:0;
/*background-image:url(../images/hnt_stripes.gif);*/
}

.wrapper {
margin:0 auto;
max-width:1306px;
background-color:#fff;
padding: 0;
overflow:hidden;
margin-bottom:0;
}


@media (min-width: 320px) and (max-width: 767px) {

.wrapper {
margin:0 auto;
max-width:767px;
background-color:#fff;
padding: 0;
margin-bottom:0;
}

.lang-sm {
display:table-cell;
max-width:30%;
float:left;
padding:0 3px 0 2%;
margin:0 2% 0 0;
}

.lang-active {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}

.logo-sm {
max-width:62%;
margin:0;
float:right;
padding:2% 3% 0 0;
}

.inhalt {
	max-width:96%;
	padding:0 3% 0 3%;
	overflow:hidden;
	margin:6% 0 10% 0;
}

.titelbild img {
	max-width:98%;
}

.copyright {
	padding: 0 3%;
	font-size:80%;
}

.webdesign {
	padding: 0 3%;
	font-size:80%;
}

.mfbild {
	max-width: 35%; margin-right: 50px; margin-bottom: 20px;
}

}

@media (min-width: 768px) and (max-width: 979px) {

.wrapper {
margin:0 auto;
max-width:979px;
background-color:#fff;
padding: 0;
margin-bottom:0;
}
	
.lang-md {
display:table-cell;
max-width:30%;
float:left;
padding:0 3px 0 4%;
margin:0;
}

.lang-active {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}

.logo-md {
max-width:60%;
margin:0;
float:right;
padding:1% 3% 0 0;
}

.navi-md{
	margin:0 0 0 4%;
	padding:0;
}

.inhalt {
	max-width:96%;
	margin:6% 0 5% 0;
	padding:0 0 0 2%;
}

.titelbild img {
	max-width:50%;
}

.copyright {
	padding: 0 3%;
	font-size:80%;
}

.webdesign {
	padding: 0 3%;
	font-size:80%;
}
.mfbild {
	max-width: 35%; margin-right: 50px; margin-bottom: 20px; float:left;
}


}

@media (min-width: 980px) and (max-width: 1100px) {

.wrapper {
margin:0 auto;
max-width:979px;
background-color:#fff;
padding: 0;
margin-bottom:0;
}
	
.lang-lg {
display:table-cell;
max-width:30%;
float:left;
padding:0 3px 0 4%;
margin:0;
}

.lang-active {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}

.logo-lg {
max-width:60%;
margin:-10px 0 0 0;
float:right;
padding:0 3% 0 0;
}

.navi-lg{
	margin:0 0 0 4%;
	padding:0;
}

.inhalt {
	overflow:hidden;
	margin:6% 2% 5% 2%;
}

.titelbild img {
	max-width:50%;
}

.copyright {
	padding: 0 3%;
	font-size:80%;
}

.webdesign {
	padding: 0 3%;
	font-size:80%;
}
.mfbild {
	max-width: 35%; margin-right: 50px; margin-bottom: 20px; float:left;
}


}

@media (min-width: 1101px)  {

.wrapper {
width:98%;
}
	
.lang-lg {
max-width:100%;
padding-left:25px;
margin:0 0 34px 0;
}

.lang-active {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}

.logo-lg {
display:table-cell;
width:30%;
height: 23px;
margin:23px 0 0 0;
padding-left:30px;
vertical-align:top;
}

.logo-lg img {
	max-width:100%;
}

.leer-lg {
display:table-cell;
width:32%;
height: 23px;
}

.navi-lg{
	display:table-cell;
	width:40%;
	height: 11px;
	margin:0 -30px 0 0;
	padding:0 0 0 0;
	vertical-align:top;
}


.inhalt {
	margin:4% 0 4% 0;
	padding:0;
}
.titelbild img {
	max-width:50%;
}

.copyright {
	max-width:50%;
	float:left;
	padding: 0;
	font-size:80%;
}

.webdesign {
	max-width:50%;
	float:right;
	padding: 0;
	font-size:80%;
}
.mfbild {
	max-width: 35%; margin-right: 50px; margin-bottom: 20px; float:left;
}

}






/* Links */

.inhalt a:link {text-decoration:none; color:#0072bb;} 
.inhalt a:visited {text-decoration:none; color:#0072bb;} 
.inhalt a:hover {text-decoration:none; color:#000;}

.copyright a:link {text-decoration:none; color:#0072bb;} 
.copyright a:visited {text-decoration:none; color:#0072bb;} 
.copyright a:hover {text-decoration:none; color:#000;}

.webdesign a:link {text-decoration:none; color:#0072bb;} 
.webdesign a:visited {text-decoration:none; color:#0072bb;} 
.webdesign a:hover {text-decoration:none; color:#000;}



/* Textstyles */

.inhalt h1 { font-family: 'Open Sans', Arial, Helvetica, sans serif; font-size: 340%; color: #0072bb; text-transform:uppercase; font-weight:100; padding:0 0 2% 0; margin:0 0 0 0; line-height:1.1; }
.inhalt h2 { font-family: 'Open Sans', Arial, Helvetica, sans serif; font-size: 200%; color: #000; font-weight:100; text-transform:uppercase; padding:0 0 2% 0; margin:0 0 0 0; line-height:1.1; }





/* Formulare */

.cc-banner.cc-bottom {bottom: 120px !important;}
.cc-window.cc-bottom { bottom: 120px !important;}