@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('/fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('/fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {margin:0;padding:0;font-family:'OpenSans', sans-serif;font-size:12pt;font-weight:300;color:#0f2356;}

/* LOGIK */
.reihe {box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;width:92%;max-width:1150px;margin:0 auto;padding:75px 0;clear:both;text-align:center;}
.portrait .reihe {padding: 125px 0;}
.reihe:after {content:'';display:table;clear:both;}
.reihe.logo {padding:15px 0}
.reihe.schmal {max-width:600px}
.reihe.extraschmal {max-width:380px}
#kontakt .reihe {max-width:800px}
.links {text-align:left!important}
.dunkelblau {background: #2b3d6a;color:#fff}
.mittelblau {background: #839fb6;color:#fff}
.hellblau {background: #d9e7ef;}
.drittel {float:left;width:30%;margin-right:5%;}
.drittel:nth-of-type(3n+3), .viertel:nth-of-type(4n+4), .right {float:right;margin-right:0;padding-right:0;}
.viertel {float:left;width:21.5%;margin-right:4.5%;line-height:1.35em;}
.lineheight {line-height:1.45em;}
.trick {margin:-70px 0 70px;}

/* RESP MENÜ */
.reihe.menu {padding:7px 0 3px;}
.reihe.menu ul {list-style:none;text-align:center;margin:0;padding:0;}
.reihe.menu ul li {display: inline-block; position: relative; padding: 5px;}
.reihe.menu ul li.mobile {display:none}
.reihe.menu ul li a {text-transform: uppercase;text-decoration:none;color:#fff;display:block;
  padding:0 10px;letter-spacing: 0.025em;transition: 0.25s all ease;}
.reihe.menu ul li a:hover {text-shadow: 1px 0 0 #fff;transition: 	0.25s all ease}

/*  BURGER MENÜ */
.js #menu {display:	none;}
.slicknav_menu, #slick {position: fixed;top:	0px;display:	block;width:100%; height: 70px; text-align:center;z-index:999;}
.slicknav_btn {background-color: #2b3d6a}
.slicknav_nav .slicknav_row:hover {background: #2b3d6a}
.slicknav_nav a:hover {background: #2b3d6a}
.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.65em .625em .55em;line-height:1.125em;cursor:pointer}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{margin-top:.188em}
.slicknav_menu{*zoom:1}
.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left}
.slicknav_menu .slicknav_icon{display:block;width:1.125em;height:.875em;margin:.188em auto 0;transition:all linear .5s}
.slicknav_menu .slicknav_icon:before{background:transparent;width:1.125em;height:.875em;display:block;content:"";position:absolute}
.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}
.slicknav_menu:before{content:" ";display:table}
.slicknav_menu:after{content:" ";display:table;clear:both}
.slicknav_nav{clear:both}
.slicknav_nav ul{display:block}
.slicknav_nav li{display:block}
.slicknav_nav .slicknav_arrow{font-size:.7em;margin:5px 0 0 .4em;display:inline-block;position:absolute}
.slicknav_nav .slicknav_item{cursor:pointer}
.slicknav_nav .slicknav_item a{display:inline}
.slicknav_nav .slicknav_row{display:block}
.slicknav_nav a{display:block}
.slicknav_nav .slicknav_parent-link a{display:inline}
.slicknav_brand{float:left}
.slicknav_menu{height:50px;background:#2b3d6a;font-size:13pt;box-sizing:border-box;padding:0;transition:all linear .5s}
.fixed {background: #000;transition:all linear 0.5s}
.slicknav_menu * {box-sizing: border-box}
.slicknav_menu .slicknav_menutxt {color: #fff;font-weight:500}
.slicknav_menu .slicknav_icon-bar {background-color: #fff}
.slicknav_menu .slicknav_btn:hover .slicknav_icon-bar {background-color: #fff}
.slicknav_btn{margin:12px 17px 4px 0;text-decoration:none;background-color:transparent;height:50px}
.slicknav_nav{height:100vh;color:#efefef;background:#2b3d6a;margin:-60px 0 0;top:0;padding:15vh 0 0;font-size:1em;list-style:none;overflow:hidden}
.slicknav_nav ul{list-style:none;overflow:hidden;padding:0;margin:0}
.slicknav_nav .slicknav_row{padding:10px 17px;margin:2px 5px}
.slicknav_nav .slicknav_row:hover{background:transparent;color:#fff}
.slicknav_nav .slicknav_row:hover a,.slicknav_nav li.active a{color:#fff}
.slicknav_nav li.active ul li a{color:#aaa}
.slicknav_nav li.active ul li.active a,.slicknav_nav li.active ul li a:hover{color:#fff}
.slicknav_nav a{padding:10px 17px;margin:2px 5px;text-decoration:none;color:#aaa;text-transform:uppercase;font-size:1.35em}
.slicknav_nav ul li a{font-size:1em}
.slicknav_nav a a{font-size:1em}
.slicknav_nav a:hover{background:transparent;color:#fff}
.slicknav_nav .slicknav_txtnode{margin-left:15px}
.slicknav_nav .slicknav_item a{padding:0;margin:0}
.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}
.slicknav_brand{color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}
.slicknav_open .slicknav_icon:before {position:absolute;z-index:1003;content:'✕';font-family: 'Arial', sans-serif; color:#fff;margin:-2px 0 0 -5px;font-size:1.5em;}
.slicknav_open .slicknav_icon:after {content:'';background:#2b3d6a;display:block;position:fixed;top:0px;left:0px;width:100%;height:70px;transition:all linear 0.5s}
.slicknav_open .slicknav_icon-bar {display:none;}
#slick {background:url('images/icons.svg') no-repeat center -4px #2b3d6a;display:none;opacity:0}
.fixed {display:block!important;opacity:1!important;}

/* INHALT */
.headerfoto {height:450px;width:100%;background: url('images/headerfoto.jpg');background-repeat: no-repeat!important;background-position: center!important;background-size: cover!important}
.headerfoto.impressum {background: url('images/impressum.jpg')}
.headerfoto.datenschutz {background: url('images/datenschutz.jpg')}
.portrait {width:100%;background: url('images/portrait.jpg') no-repeat;background-position: center;background-size: cover;}
h1 {display:inline-block;font-weight:300;font-size:2.75em;max-width:600px;}
h2 {font-size:1.75em;line-height:1.25em;}
h2 span {display:block; font-weight:300;}
h3 {font-size:0.85em;}
h4 {background:#2b3d6a;color:#fff;width:150px;margin:25px auto 12px; padding:4px 0 3px;}
.zahl {display:block;margin: 0 auto;width:90px;font-size:4em;line-height:1.15em;font-weight:600;border-bottom:5px solid #2b3d6a;}
.reihe ul {list-style:none;text-align:center;margin:0;padding:0;}
.reihe ul li {padding:15px 0 0;margin:0;font-size:0.85em;}
.icon {height:75px;width:75px;margin:0 auto 20px;overflow:hidden;}
.icon img {width:75px;}
a {color:#0f2356;text-decoration:none}
.footer a {display:inline-block;padding: 0 5px;font-size:0.75em;text-decoration:none;color:#fff;}

/* SMARTPHONES */
@media only screen and (max-width: 768px)
{
.headerfoto {height:350px;background: url('images/headerfoto-m.jpg')}
.headerfoto.impressum {background: url('images/impressum-m.jpg')}
.headerfoto.datenschutz {background: url('images/datenschutz-m.jpg')}
.trick {margin:-50px 0 50px;}
.reihe.menu {display:none}
#slick {display: block;opacity:1;}
.drittel, .viertel {width:100%;float:none;margin:25px 0 15px;}
.portrait {background-image:none;background-color:#2b3d6a;}
h1 {font-size:2em;}
h2 {font-size:1.65em;}
}