/* Fonteinbindung     */
@font-face {
    font-family: 'jost';
    src: url('../fonts/jost.eot');
    src: url('../fonts/jost.eot?#iefix') format('embedded-opentype'),
         url('../fonts/jost.woff2') format('woff2'),
         url('../fonts/jost.ttf') format('truetype'),
         url('../fonts/jost.svg#dosisbold') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'jost-bold';
    src: url('../fonts/jost-bold.eot');
    src: url('../fonts/jost-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/jost-bold.woff2') format('woff2'),
         url('../fonts/jost-bold.woff') format('woff'),
         url('../fonts/jost-bold.ttf') format('truetype'),
         url('../fonts/jost-bold.svg#dosismedium') format('svg');
    font-weight: 700;
    font-style: normal;
}
* { margin: 0; padding: 0; }
/* Clearfix und Basics */
.clearfix:after{
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0; height:0;
}
.clearfix {
	display:inline-block;}* html .clearfix{height: 1%;}.clearfix{display: block;}
/* Elemente die max-Breite haben */
.maxbreite, 
#wrapper-kontent .inner { max-width: 970px; padding: 0; margin: 0 auto; }
.mobileMenu {display: none;}
.schatten {
	-webkit-box-shadow: 0px 5px 15px #222222; /* webkit browser*/ 
	-moz-box-shadow: 0px 5px 15px #222222; /* firefox */ 
	box-shadow: 0px 5px 15px #222222;
}
a {text-decoration: none;}
body {
	background-color: #fff;
	color: #9a9999;
	font-family: 'jost', Verdana, Arial, Helvetica, sans-serif;
}
h1 {
    font-size: 1.2em;
	font-weight: normal;    
	margin-bottom: 1em;
    padding-top: 0.5em;
	text-transform: uppercase;
	
}
h3 {
	font-family: 'jost-bold', Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	/* text-transform: uppercase; */
}
/* Kopfbereich */
header ul li {list-style: none;}
/* .isstartpage #wrapper-header {background-color: #18407D;} */
#wrapper-header {background-color: #fff;}
#logo {
	float: left; 
	width: auto; 
	margin-top: -2px;
	margin-left: 10%;
	font-family: 'jost-bold', Verdana, Arial, Helvetica, sans-serif;
	color: #9a9999;
	font-size: 1.3em;
	text-transform: uppercase;
}
#logo a {color: #9a9999; text-decoration: none;}
/* Hauptnavigation */
#navbar {
	background-color: #fff;
	border-bottom: 2px solid #bbbaba;
	width: 100%;
	position: fixed;
	margin-top: 0px;
	padding-top: 20px;
	height: 32px;
	z-index: 20;
	top: 0;
}
#navigation {float: right; width: auto;}
#navigation .nav {float: right;}
#navigation a {
	color: #9a9999;
	font-family: 'jost', Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 10.5px;
	font-size: 1em;
	text-transform: uppercase;
}
#navigation a:hover,
#navigation a.menu-current,
#navigation a.menu-parent {
	color: #9a9999;
	border-bottom: 2px solid #484848;
}
#navigation ul li ul li a { font-size: 0.9em;}
#navigation ul li ul li a:hover,
#navigation ul li ul li a.menu-current,
#navigation ul li ul li a.menu-parent { border-bottom: none;}
#navigation ul li {
	float: left;
	list-style: none;
}
#navigation li li {float: none;}
.nav {
	list-style: none;
	background: transparent;
	margin: 0; padding: 0;	
	float: left;
}
.nav:before,
.nav:after {
	content: " "; 
	display: table; 
}
.nav:after {
	clear: both;
}
.nav ul {
	list-style: none;
	width: 14em;
	margin: 0; padding: 0;
	background-color: transparent;
}
.nav span {
	border-right: 2px solid #9a9999;
	padding-right: 1em;
	padding-left: 1em;
}
ul.nav ul li span { 
	border-right: none;
	display: block;
}
.nav span.menu-last {
	border-right: none;
}
.nav li {
    position: relative;
	margin: 0; padding: 0;
}
.nav li li {
	border-right: none;
	/* margin-top: 2px; */
	/* padding-top: 2px; */
	z-index:2000;
}
.nav > li {
    float: left;
}
.nav > li > .parent,
.nav > li:hover > .parent {
	background-image: url("../img/downArrow.png");
	background-repeat: no-repeat;
	background-position: right 3px;
	background-size: 20%;
	padding-right: 0px;
	padding-bottom: 8px;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
	position: absolute;
	left: -9999px;
	display: none;
	background: #fff;
	opacity: 0.9;
	z-index:1000;
}
.nav li  ul li {
	/* border-bottom: 2px solid #fff; */
}
.nav > li.hover > ul {
    left: 0;  
	display: block; 
	background: #ffffff; 
	margin-top: 0px; 
}

.nav li li.hover ul {
    left: 100%;
	display: block;
    margin-top: 4px !important;
	background: #fff;
}
.nav li:hover li:hover,
.nav li:hover li { margin-top: 4px; }
.nav li a:hover {  
	background: transparent;
	color: #000;
}
.nav li li a {
    display: block;
    background: #ffffff;
	color: #000000;
    position: relative;
    z-index:1000;
	border-right: none;
	padding-bottom: 10px;
	padding-top: 5px;
    font-size: 0.8em;
}
.nav li li a:hover {
	background-color: #fff;
	color: #000000;
}
.nav li li a.menu-current {
	background-color: #fff;
	color: #000000;
}
#sprachauswahl {
    float: right;
    margin-top: -40px;
    margin-right: 20px;
}
#wrapper-kopfkontent {
	margin-top: 56px;
}
#wrapper-kopfkontent img {width: 100%; height: auto;}

/* KONTENTBEREICH */
#wrapper-kontent {
	background-color: transparent; 
	padding-bottom: 2em;
}
.fullkontent {
    padding-bottom: 2em;
    line-height: 1.5em;
}
.fullkontent p {
	margin-bottom: 1em;
	font-size: .98em;
}
.picrechts {padding-top: 2em; width: 80%;}
.picrechts img {width: 150%; height: auto; margin-left:25px; margin-bottom:10px;}
.fullkontent a {color: #9a9999; text-decoration: none;}
.fullkontent a:hover {text-decoration: underline;}
.fullkontent ul {margin-left: 1.2em;}
.fullkontent ul ul {margin-left: 1em;}
.fullkontent ul li {list-style: square;}
.fullkontent ul li ul li:before {content: '-'; padding-right: 8px; margin-left: -15px;}
.fullkontent ul li ul li {list-style: none;}
ul.nobull li {list-style: none !important;}
/* ------ Variable Kontentelemente -------- */
.links_33 {
	background-color: transparent;
    float: left;
    margin-right: 25px;
	padding-top: 2.5em;
    width: 35%;
    text-align: right;
}
.bodyclass_7 .links_33 {padding-top: 0.2em;}
.bodyclass_8 .links_33 {margin-right: 0px;}
.links_33 ul li {list-style: none;}
.links_33 .menu-current a {font-weight: bold;}
.links_33 .menu-2 {margin-left: 10px;}
.haupt_33 {
	float: left;
	background-color: transparent;
	width: 31%;
	padding-bottom: 50px;
	margin-left: 3%;
	text-align: right;
}
.rechts_33 {
	background-color: transparent;
    float: right;
	padding-bottom: 50px;
	padding-top: 2em;
    width: 31%;
}
.haupt_66 {
	float: left;
	background-color: transparent;
	padding-bottom: 50px;
	padding-top: 2em;
	width: 50%;
}
.haupt_100 {
	background-color: transparent;
}
/* Itemz */
.itemz_teampage h1 {
	font-family: 'jost', Verdana, Arial, Helvetica, sans-serif;
}
.equalbox h1,
#rowcontainer2 h1 {
	font-family: 'jost', Verdana, Arial, Helvetica, sans-serif;
}
/* Accordion */
.accordion-content {padding-left: 1em; padding-bottom:1em;}
/* Texte */
h1.texte {
	float:right; 
	margin-right:25px; 
	padding-top:30px; 
	font-family: 'jost', Verdana, Arial, Helvetica, sans-serif;
}
/* Minigalerie */
.flex-images .item {margin: 15px !important;}
#lightcase-overlay {background: #403d3d !important;}
#lightcase-info #lightcase-caption {color: #fff !important;}
a[class*="lightcase-icon-"] {color: #fff !important;}
/* Fussbereich */
footer {}
#wrapper-fuss {
	background-color: #9a9999;
	color: #fff;
	padding-bottom: 1.5em;
	padding-top: 1.5em;
	font-size: 0.8em;
	line-height: 1.5em;
}
#wrapper-fuss a {color: #fff;}
#nebennavigation {
	max-width: 33%;
	margin-left: auto;
	margin-right: auto;
}
/* #nebennavigation .nebennav {float: right;} */
#nebennavigation a {
	font-family: 'jost', Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	border-left: 1px solid #fff;
	padding-left: 7px;
	text-transform: uppercase;
}
#nebennavigation a.menu-first {border-left: none;}
#nebennavigation a:hover {text-decoration: underline;}
#nebennavigation ul li {
	list-style: none;
	float: left;
	margin-left: 0.5em;
}

/* Instagram */
.insta {
  font-size: 20px;
  float: right;
  margin-top: -3px;
  margin-left: 10px;
}
.insta a { color: #9a9999; }
/* Nach oben scrollen */
.scrollicon {
	text-align: center;
	text-decoration: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #ffffff;
	opacity: 0.6;
	position: fixed;
	bottom: 20px;
	right: 60px;
	display: none;
	border: 1px solid #bbbbbb;
	z-index: 500;
}
.scrollicon div {
	font-weight: normal;
	font-size: 28px;
	color: #333;
	padding-top: 12px;
}
span.topscroll {display: block; padding-top: 2px; font-size: 2em;}
span.topscroll:hover {opacity: 0.5;}
/* Login Box */
#showlogin {
	display:block; 
	float:left; 
	position:relative;  
	width:30px; 
	text-align:right; 
	margin:6px 6px 0 0; 
}
#login-box {
	position:absolute; 
	width:180px; 
	left:30px; 
	top:-15px; 
	padding:5px; 
	font-size:11px; 
	z-index:2000; 
	background: #868d7a; 
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}
#login-box .loginsubmit {border:0;}
#login-box .inputfield {width:80px; border: 1px solid #c9e8f9; padding:1px;}

.footercredits {font-size:12px; padding:3px 0 0 0;}