@charset "UTF-8";
/* CSS Document */

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

#ie-hint {
	background:#fff;
	width:600px;
	padding:20px;
	border:10px solid #0280ee;
	margin:50px auto;
	display:none;
}

#ie-hint p {
	text-align:center;
	font:bold 20px/30px Arial, Helvetica, sans-serif;
}

#ie-hint p a {
	color:#0280ee;
}

#back-top {
	position:fixed;
	bottom:30px;
	right:30px;
}

#back-top a {
	width:50px;
	height:50px;
	display:block;
	background:url(../images/back-top.png) no-repeat center center;
	opacity:0.5;
	transition:500ms;
}

#back-top a:hover {
	opacity:1.0;
}


* {
	margin:0;
	padding:0;
	border:0;
	outline:none;
	-webkit-appaerance: none;
	-webkit-text-adjust: none;
}

::selection {
	background:#000;
	color:#fff;
}

::-moz-selection {
	background:#000;
	color:#fff;
}

html {
	background:#fff;
	font:10px/15px 'Gudea', Arial, Helvetica, sans-serif;
}

body {
	font:20px/30px 'Gudea', Arial, Helvetica, sans-serif;
	color:#484848;
}

a {
	color:#0280ee;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a.pdf {
	display:block;
	margin:10px 0 20px 0;
	background:url(../images/pdf-icon.png) top left no-repeat;
	padding:15px 0 15px 60px;
}

a.zip {
	display:block;
	margin:10px 0 20px 0;
	background:url(../images/zip-icon.png) top left no-repeat;
	padding:15px 0 15px 60px;
}

h1 {
	font:400 40px/40px 'Gudea', Arial, Helvetica, sans-serif;
	color:#00b1eb;
}

h2 {
	font:700 20px/25px 'Gudea', Arial, Helvetica, sans-serif;
}

h3 {
	font:bold 17px/20px 'Gudea', Arial, Helvetica, sans-serif;
}

h4, h5, h6 {
	font:bold 12px/20px 'Gudea', Arial, Helvetica, sans-serif;
}

p, h1, h2, h3, h4, h5, h6, table, ol, ul, fieldset {
	margin:0 0 20px 0;
}

table {
	border-collapse:collapse;
}

table td, table th {
	padding:5px 10px 5px 0;
	text-align:left;
	vertical-align:top;
}


ul {
	list-style:outside disc;
	margin:0 0 20px 20px;
}

ol {
	list-style:outside decimal;
	margin:0 0 20px 20px;
}

hr {
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	clear:both;
	margin:20px 0;
}

fieldset {
	border:1px solid #ccc;
	padding:10px;
}

input {

	border:1px solid red;
	
}

textarea {
	border:1px solid red;
}

.clear, .clearfix {
	clear:both;
}

.hidden{
	display:none;
}



/* INPUT ERROR FORMULAR */

input[type=text].inputerror, textarea.inputerror, input[type=text].inputerror {
	border:1px solid red!important;
}


/* jQUERY UI RESET */

.ui-widget-content {
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#333;
}

.fehler .fancybox-inner{
	text-align:center;
	padding:20px 0;
	background:url(../images/error.png) 25px top no-repeat;
	background-size:contain;
}

.fehler h2{
	color:#f26b6b;
}

.centered{
	width:1200px;
	max-width:100%;
	margin:0 auto;
}

body{
	padding:90px 0 0;
}

header{
	background:#f4f4f4;
	box-shadow:0 0 10px rgba(0,0,0,.5);
	position:fixed;
	display:block;
	z-index:800;
	top:0;
	left:0;
	width:100%;
}

#logo{
	display:block;
	float:left;
	padding:20px 0;
}

#logo img{
	display:block;
}

header nav{
	float:right;
	display:block;
}

#navi{
	list-style:none;
	margin:0;
	display:block;
}

#navi > li{
	display:block;
	float:left;
}

#navi > li > a{
	display:block;
	color:#484848;
	text-decoration:none;
	font-size:19px;
	line-height:19px;
	padding:40px 20px;
}

#navi > li:hover > a, #navi > .selected > a{
	color:#fff;
	background:#00b1eb;
}

.slider{
	display:block;
	background:#f4f4f4;
}

.slider strong{
	font-size:55px;
	line-height:45px;
	color:#00b1eb;
	text-align:center;
	background:rgba(255,255,255,.75);
	padding:20px 40px;
	margin:0 auto;
}

.slider strong span{
	font-size:45px;
}

.einleitung{
	padding:80px 0;
	text-align:center;
}

.einleitung .centered > p{
	margin:0 0 80px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 80px;
}

.flex{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.box{
	display:inline-block;
	width:24%;
	position:relative;
	margin:0 0.66% 20px;
	background:#f4f4f4;
	border-radius:5px;
	border-bottom:2px solid #ccc;
	border-top:1px solid #a3a4a5;
}

.box img{
	width:100%;
	height:auto;
	display:block;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	transition:300ms;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.box:nth-of-type(1){
	margin-left:0;
}

.box:nth-of-type(4){
	margin-right:0;
}

.box .wrapper{
	overflow:hidden;
}

.box .detail{
	padding:20px;
}

.box a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}

.box:hover img{
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}

.normal-btn{
	text-decoration:none;
	font-style:normal;
	border-radius:5px;
	color:#fff;
	background:#00B1EB;
	padding:10px 20px;
	border:1px solid #00b1eb;
	font-size:16px;
	line-height:16px;
}

.normal-btn .fa{
	margin:0 0 0 10px;
}

.normal-btn:hover, .box:hover .normal-btn{
	color:#00b1eb;
	background:#fff;
}

.box p{
	font-size:16px;
	line-height:30px;
}

.box .band{
	display:block;
	width:109px;
	height:104px;
	position:absolute;
	top:-4px;
	right:-4px;
	background:url(../images/band.png)
}

.box .band em{
	font-size:14px;
	line-height:14px;
	color:#fff;
	-webkit-transform:rotate(43deg);
	transform:rotate(43deg);
	font-style:normal;
	display:block;
	position:absolute;
	top:29px;
	left:11px;
	text-align:center;
	-webkit-transform-origin:center;
	transform-origin:center;
	width:100%;
}

.about{
	color:#fff;
	padding:60px 0;
	background:url(../images/map.png) fixed top right no-repeat #484848;
}

.icon-h{
	color:#fff;
	font-size:30px;
	line.height:30px;
	font-weight:400;
}

.circle{
	background:#00B1EB;
	display:inline-block;
	border-radius:100%;
	width:60px;
	height:60px;
	text-align:center;
	margin:0 10px 0 0;
	border-bottom:2px solid #006587;
}

.icon-h .circle .fa-building{
	display:block;
	margin:0 0 0 4px;
	line-height:60px;
}

.about .icon-h{
	width:60%;
	border-bottom:1px solid #767676;
	margin:0 0 20px;
	padding:0 0 20px;
}

.about p{
	width:60%;
	font-size:16px;
	line-height:30px;
	text-align:justify;
}

.parallax{
	height:390px;
	position:relative;
}

.para-vor{
	postion:absolute;
	diplay:block;
	width:100%;
	height:100%;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:115px 0 0;
}

.pattern{
	background:url(../images/pattern.png) repeat;
	opacity:.5;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
}

.para-vor .centered{
	position:relative;
	z-index:200;
}

.para-vor p{
	font-size:25px;
	line-height:40px;
	width:35%;
	text-align:center;
	-moz-text-align-last: center;
	-webkit-text-align-last: center;
	-ms-text-align-last: center;
	-o-text-align-last: center;
    text-align-last: center;
	margin:0;
}

.para-vor p strong{
	font-weight:700;
	color:#00B1EB;
	font-size:29px;
}

.para .centered{
	position:relative;
}

.para{
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.para .circle{
	width:500px;
	height:500px;
	position:absolute;
	top:-70px;
	right:0;
	border:none;
	z-index:1;
	background:#006587;
}

.para .circle:after{
	content:"";
	width:500px;
	height:500px;
	position:absolute;
	top:-10px;
	right:0;
	border:none;
	border-radius:100%;
	background:#00b1eb;
	z-index:0;
}

.para .circle img{
	position:relative;
	z-index:3;
	display:inline;
	top:110px;
}

main{
	background:#fff;
	position:relative;
	z-index:1;
	margin-bottom:304px;
	display:block;
}

footer{
	position:fixed;
	bottom:0;
	width:100%;
	z-index:0;
}


footer .top{
	background:#303030;
	color:#fff;
	padding:40px 0;
}

footer ul{
	list-style:none;
	margin:0;
	display:block;
	width:23%;
	float:left;
	margin:0 2% 0 0;
}

footer a{
	color:#fff;
	text-decoration:none;
	font-size:18px;
	line-height:18px;
}

footer .circle{
	width:40px;
	height:40px;
	line-height:40px;
}

.button-list li{
	display:block;
	margin:0 0 15px;
}

.button-list a{
	display:block;
	background:#fff;
	color:#484848;
	border-top-left-radius:100px;
	border-bottom-left-radius:100px;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	width:80%;
}

.button-list a:hover span{
	color:#fff;
}

footer .top ul:not(.button-list) li:first-of-type a{
	font-weight:700;
	color:#00B1EB;
}

footer .column-2{
	width:25%;
	margin:0;
}

footer .column-2 li:not(:first-of-type){
	float:left;
	width:50%;
}

footer .bottom{
	background:#1a1a1a;
	padding:20px 0;
}

footer .bottom ul{
	float:right;
	display:block;
	margin:0;
	width:auto;
}

footer .bottom ul li{
	display:block;
	float:left;
	line-height:0;
}

footer .bottom ul li a{
	font-size:13px;
	line-height:13px;
	padding:0 10px;
}

footer .bottom ul li:not(:last-of-type) a{
	border-right:1px solid #fff;
}

footer .bottom span{
	dispaly:block;
	float:left;
	color:#fff;
	font-size:13px;
	line-height:13px;
}

footer a:hover{
	color:#00B1EB;
}

.banderole{
	position:relative;
	overflow:hidden;
	top:-13px;
	z-index:700;
}

.banderole .normal-btn:not(:hover){
	background:#0590bf;
}

.banderole .centered{
	background:#00b1eb;
	height:120px;
	background:url(../images/banderole.png) no-repeat;
	width:630px;
	height:135px;
	position:relative;
	color:#fff;
	text-align:center;
	-moz-box-siing:border-box;
	box-sizing:border-box;
}

.banderole .centered p{
	line-height:135px;
	padding:5px 0 0;
}

.banderole .centered:before, .banderole .centered:after{
	content:"";
	display:block;
	height:105px;
	width:50vw;
	position:absolute;
	top:0;
	background:#0590bf;
}

.banderole .centered:before{left:-50vw;}
.banderole .centered:after{right:-50vw;}

.theme{
	background:#fff;
	position:relative;
	border-bottom:1px solid #ccc;
}

.pattern-2{
	background:url(../images/pattern-2.png) repeat;
}

.theme img{
	display:block;
	opacity:.5;
	position:relative;
	z-index:0;
	max-height:250px;
	width:auto;
	max-width:100%;
	height:auto;
}

.theme .pattern-2{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}

.verlauf{
	position:relative;
}

.verlauf:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:17%;
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); 
	display:block;
	z-index:2;
}

.verlauf:after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:17%;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
	display:block;
	z-index:2;
}

.theme h1{
	text-align:center;
	font-weight:700;
	padding:100px 0 0;	
}

.morelinks{
	padding:80px 0;
}

.morelinks strong{
	display:block;
	font-weight:400;
	text-align:center;
	color:#00b1eb;
	font-size:30px;
	line-height:30px;
	padding:0 0 80px;
}

.content nav{
	background:#f0fbff;
	display:block;
	width:25%;
	float:left;
}

.content nav strong{
	font-size:400;
	color:#006587;
	font-size:20px;
	line-height:20px;
	padding:20px;
	display:block;
	font-weight:400;
}

#subnavi{
	list-style:none;
	margin:0;
}

#subnavi li{
	display:block;
}

#subnavi li:first-of-type a{
	border-top:1px dashed #b4e8fa;
}

#subnavi li a{
	color:#484848;
	text-decoration:none;
	display:block;
	font-size:16px;
	line-height:16px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:18px 0 18px 65px;
	position:relative;
	border-bottom:1px dashed #b4e8fa;
	transition:300ms;
}

#subnavi li a:before{
	content:"\f071";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	font-size:22px;
	width:50px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:#b4e8fa;
	color:#fff;
	transition:300ms;
	text-align:center;
	padding-top:18px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#subnavi li a:hover, #subnavi li.selected a{
	padding-left:80px;
	color:#00b1eb;
	font-weight:700;
}

#subnavi li a:hover:before, #subnavi li.selected a:before{
	background:#00b1eb;
}

.content{
	padding:80px 0;
	background:url(../images/contentbg.png) top right no-repeat;
}

.inhalt{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:40px;
	width:75%;
	float:left;
	background:rgba(255,255,255,.5);
	font:normal 14px/25px 'Open Sans', Arial, Helvetica, sans-serif;
}

.inhalt h2{
	font-size:24px;
	line-height:30px;
	margin:0 0 20px;
	font-weight:400;
	color:#00B1EB;
}

.inhalt > img{
	width:100%;
	height:auto;
}

nav.onepage{
	float:none;
	width:100%;
	background:#F0FBFF;
	border-bottom:1px solid #ccc;
	position:absolute;
	width:100%;
	display:block;
	z-index:900;
}

.spacer{
	height:52px;
}

nav.onepage.fixed{
	position:fixed;
	top:99px;
}

.onepage #subnavi li{
	flex-direction:row;
	display:block;
	float:left;
}

.onepage #subnavi a{
	border:none!important;
}

.onepage #subnavi li a{
	padding:18px 30px 18px 65px
}

.onepage #subnavi li a:hover{
	padding:18px 30px 18px 65px;
	font-weight:normal;
}

.content .einleitung{
	padding:0;
}

.detailbox{
	display:block;
	width:100%;
	border:1px solid #ccc;
	background:#fff;
}

.detailbox img{
	display:block;
	width:50%;
	height:auto;
	float:left;
}

.detailbox.big img{
	width:100%;
	height:auto;
	float:none;
}

.detailbox.big .detail{
	width:100%;
	float:none;
	padding:80px;
}

.detailbox .detail{
	display:block;
	width:50%;
	float:left;
	text-align:left;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:20px;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:14px;
}

.detailbox h2{
	color:#00b1eb;
	font-weight:400;
	font-size:24px;
}

.detailbox:not(:last-of-type){
	margin:0 0 40px;
}

.blackoverlay{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.75);
	z-index:710;
}

.dropdown{
	height:0;
	overflow:hidden;
}

#navi li:nth-of-type(4) .dropdown{
	display:none!important;
}

.dropdown{
	padding:0 0;
	background:#f4f4f4;
	position:fixed;
	width:100%;
	z-index:750;
	top:99px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	left:0;
	margin:0;
	list-style:none;
	transition:300ms;
}

#navi li:hover .dropdown{
	height:259px;
	padding:40px 0;
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
}

.dropdown li img{
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition:300ms;
}

.dropdown > li > ul > li:hover img, .dropdown > li > ul > li:hover a span{
	opacity:1;
}

.dropdown li:after{
	content:"";
	position:absolute;
	top:0;
	left:500px;
	height:100%;
	width:100px;
	background: linear-gradient(to right, rgba(244,244,244,0) 0%,rgba(244,244,244,1) 100%); 
	display:block;
	-webkit-transform-origin:right;
	transform-origin:right;
}

.dropdown ul{
	float:right;
	width:77%;
}

.dropdown ul li{
	display:block;
	float:left;
	width:30%;
	margin:0 1% 20px;
}

.dropdown ul li a{
	position:relative;
	z-index:200;
	color:#484848;
	text-decoration:none;
	font-size:17px;
	line-height:17px;
	background:#fff;
	padding:30px 20px;
	border:1px solid #ccc;
	display:block;
	overflow:hidden;
}

.dropdown > li > ul > li > a span{
	position:absolute;
	top:-17px;
	right:-39px;
	height:100%;
	background:#00b1eb;
	color:#fff;
	border-radius:100%;
	padding:20px 50px 20px 20px;
	font-size:40px;
	line-height:70px;
	opacity:.2;
	transition:300ms;
}

table td, table th{
	padding:10px;
}

table th{
	color:#fff;
	font-weight:normal;
	background:#00B1EB;
}

table tr th:nth-of-type(2){
	width:200px;
}

table td{
	border-bottom:1px dashed #00B1EB;
	vertical-align:middle;
	padding:20px 10px;
}

.klein{
	border-top:1px solid #ccc;
	font-size:10px;
	line-height:15px;
	padding:20px 0 0;
}

.job{
	background:#fff;
	border:1px solid #ccc;
	border-radius:3px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	margin:0 0 20px;
}

.job .beschreibung{
	display:none;
	padding:30px 20px 20px;
	border-top:1px dashed #ccc;
	margin:0 0 0;
}

.job h2{
	line-height:20px;
	font-size:20px;
	margin:0;
	padding:20px;
}

.job:hover{
	background:#fefefe;
	cursor:pointer;
}

.job .beschreibung strong{
	color:#00B1EB;
	font-weight:700;
}

.standortkarte{
	position:relative;
	width:530px;
	margin:0 auto;
}

.standortkarte img{
	display:block;
	max-width:100%;
	height:auto;
}

@-webkit-keyframes pulse {
	
	0% {
		-webkit-transform:scale(.8);
		transform:scale(.8);
	}
	50% {
		-webkit-transform:scale(.5,.5);
		transform:scale(.5,.5);
	}
	100% {
		-webkit-transform:scale(.8);
		transform:scale(.8);
	}
}

@keyframes pulse {
	
	0% {
		transform:scale(.8);
	}
	50% {
		transform:scale(.5,.5);
	}
	100% {
		transform:scale(.8);
	}
}

.pulse {
    -webkit-animation-duration: 1400ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
	animation-duration: 1400ms;
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-timing-function: ease-in-out;
    background: url("../images/pulse.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 40px;
    position: absolute;
    text-decoration: none;
    transition: all 250ms ease 0s;
    width: 40px;
	position:absolute;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
}

.pulse span {
    color: #3388DD;
    display: block;
    font: bold 30px/30px Arial,Helvetica,sans-serif;
    padding: 10px 0 0;
    position: absolute;
    text-align: center;
    width: 85px;
    z-index: 200;
}

.pulse:hover {
	animation:none;
}

.pulse:hover span{
	-webkit-transform:rotateY(0deg);
	transform:rotateY(0deg);
}

.pulse span{
	background-color:rgba(255,255,255,.9);
	border:1px solid #fff;
	padding:10px 25px;
	color:#484848;
	font-size:14px;
	line-height:14px;
	font-weight:600;
	position:absolute;
	left:-173px;
	top:1px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition:300ms all;
	-webkit-transform:rotateY(90deg);
	transform:rotateY(90deg);
	-webkit-transform-origin:136% 50%;
	transform-origin:136% 50%;
}

.pulse span:after{
	content:"";
	width:50px;
	height:1px;
	background-color:#fff;
	display:block;
	position:absolute;
	right:-50px;
	top:17px;
}

.pulse.righter span{
	-webkit-transform-origin:-35% 50%;
	transform-origin:-35% 50%;
	right:-172px;
	left:auto;
}

.pulse.righter span:after{
	left:-50px;
	right:auto;
}

.pulse[data-id="luebeck"]{top:12%;left:48%;}
.pulse[data-id="schoenberg"]{top:15%;left:52%;}
.pulse[data-id="berlin"]{top:31%;left:76%;}
.pulse[data-id="heiligenstadt"]{top:49%;left:49%;}
.pulse[data-id="ingolstadt"]{top:77%;left:59%;}
.pulse[data-id="bensheim"]{top:66%;left:29%;}
.pulse[data-id="finnentrop"]{top:52%;left:23%;}
.pulse[data-id="bad-zwischenahn"]{top:24%;left:26%;}

.team p span.fa-phone, .team p span.fa-mobile, .team p span.fa-envelope, .team p span.fa-fax{
	display:inline-block;
	font-size:20px;
	width:40px;
	text-align:center;
}

.team{
	width:50%;
	float:left;
	display:block;
	height:110px;
	border-bottom:1px solid #ccc;
	margin:0 0 20px;
	padding:0 0 20px;
}

.navi-Standorte #subnavi li a:before{
	content:"\f041";
}

.popup main, .popup p{
	margin:0;
}

.popup img{
	display:block;
}

.popup .normal-btn{
	display:block;
	width:400px;
	font-size:20px;
	line-ehgith:20px;
	opacity:.3;
	margin:-70px auto;
	text-align:center;
	position:relative;
	z-index:900;
	padding:20px 0;
}

.popup .normal-btn:hover{
	opacity:1;
}

.banderole .fancybox-btn{
	margin-top:25px;
	display:inline-block;
	transition:300ms;
	opacity:1;
}

.banderole .fancybox-btn:hover{
	opacity:.7;
}

.banderole .fancybox-btn:nth-of-type(2){
	margin-left:20px;
	margin-right:20px;
}


.navi-Unternehmen #subnavi li:nth-of-type(1) a:before, #navi li:nth-of-type(2) .dropdown > li > ul > li:nth-of-type(1) > a span:before{content:"\f219";}
.navi-Unternehmen #subnavi li:nth-of-type(2) a:before, #navi li:nth-of-type(2) .dropdown > li > ul > li:nth-of-type(2) > a span:before{content:"\f005";}
.navi-Unternehmen #subnavi li:nth-of-type(3) a:before, #navi li:nth-of-type(2) .dropdown > li > ul > li:nth-of-type(3) > a span:before{content:"\f071";}
.navi-Unternehmen #subnavi li:nth-of-type(4) a:before, #navi li:nth-of-type(2) .dropdown > li > ul > li:nth-of-type(4) > a span:before{content:"\f0e6";}
.navi-Unternehmen #subnavi li:nth-of-type(5) a:before{content:"\f085";}

nav.onepage #subnavi li:nth-of-type(1) a:before{content:"\f085";}
nav.onepage #subnavi li:nth-of-type(2) a:before{content:"\f085";}
nav.onepage #subnavi li:nth-of-type(3) a:before{content:"\f085";}
nav.onepage #subnavi li:nth-of-type(4) a:before{content:"\f085";}
nav.onepage #subnavi li:nth-of-type(5) a:before{content:"\f085";}

.navi-Leistungen #subnavi li:nth-of-type(1) a:before, #navi li:nth-of-type(3) .dropdown > li > ul > li:nth-of-type(1) > a span:before{content:"\f085";}
.navi-Leistungen #subnavi li:nth-of-type(2) a:before, #navi li:nth-of-type(3) .dropdown > li > ul > li:nth-of-type(2) > a span:before{content:"\f015";}
.navi-Leistungen #subnavi li:nth-of-type(3) a:before, #navi li:nth-of-type(3) .dropdown > li > ul > li:nth-of-type(3) > a span:before{content:"\f234";}
.navi-Leistungen #subnavi li:nth-of-type(4) a:before, #navi li:nth-of-type(3) .dropdown > li > ul > li:nth-of-type(4) > a span:before{content:"\f1f8";}

.navi-Service #subnavi li:nth-of-type(1) a:before, #navi li:nth-of-type(5) .dropdown > li > ul > li:nth-of-type(1) > a span:before{content:"\f059";}
.navi-Service #subnavi li:nth-of-type(2) a:before, #navi li:nth-of-type(5) .dropdown > li > ul > li:nth-of-type(2) > a span:before{content:"\f0e0";}
.navi-Service #subnavi li:nth-of-type(3) a:before, #navi li:nth-of-type(5) .dropdown > li > ul > li:nth-of-type(3) > a span:before{content:"\f19d";}
.navi-Service #subnavi li:nth-of-type(4) a:before, #navi li:nth-of-type(5) .dropdown > li > ul > li:nth-of-type(4) > a span:before{content:"\f126";}
.navi-Service #subnavi li:nth-of-type(5) a:before, #navi li:nth-of-type(5) .dropdown > li > ul > li:nth-of-type(5) > a span:before{content:"\f129";}
.navi-Service #subnavi li:nth-of-type(6) a:before, #navi li:nth-of-type(5) .dropdown > li > ul > li:nth-of-type(6) > a span:before{content:"\f129";}

#navtrigger{
	display:none;
}


/* KONTAKTFORMULAR */

form > label, form #rechnungsanschrift > label, form #lieferfield > label{
	width:48%;
	display:block;
	float:left;
	margin:0 0 20px;
}

form > label:nth-of-type(2n), form #rechnungsanschrift >label:nth-of-type(2n), form #lieferfield > label:nth-of-type(2n){
	float:right;
}

label input{
	display:block;
	width:100%;
}

.club-select{
	width:48%;
}

.club-select label{
	display:block;
	width:100%;
}

select, input:not([type="checkbox"]):not([type="radio"]), .checkbox, textarea{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:0;
	border:1px solid #ccc;
	font:500 16px/20px 'Open Sans', Arial, Helvetica, sans-serif;
	width:100%;
	max-width:100%;
	padding:20px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	cursor:pointer;
	box-shadow:none;
	margin:0;
	display:block;
}

select{
	width:400px;
	padding-right:45px;
}

.select{
	width:auto;
	display:inline-block;
	position:relative;
	margin:0 0 10px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}

.select:before{
	content:"\f067";
	display:block;
	width:65px;
	font:300 16px/65px Arial, Helvetica, sans-serif;
	font-family: FontAwesome;
	text-align:center;
	position:absolute;
	top:0;
	right:0;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:#fff;
	background:#00B1EB;
	pointer-events:none;
	height:100%;
}

.checkbox{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding-left:80px;
	display:inline-block;
	width:auto;
	position:relative;
	margin:0 0 20px;
	margin-right:20px;
}

input[type="checkbox"], input[type="radio"]{
	display:none;
}

.checkbox:after{
	display:block;
	position:absolute;
	font-family: FontAwesome;
	content:'';
	text-align:center;
	width:60px;
	height:100%;
	top:0;
	left:0;
	line-height:60px;
	z-index:200;
	font-size:40px;
	background:#f4f4f4;
	color:#00B1EB;
}

.checkbox:before {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 100%;
    content: "";
    height: 40px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 40px;
    z-index: 201;
}

input[type="checkbox"]:checked + label:after, input[type="radio"]:checked + label:after{
	content:"\f058";
	z-index:201;
}

.column-3{
	display:block;
	-moz-columns:3;
	-webkit-columns:3;
	-ms-columns:3;
	columns:3;
	line-height:35px;
}

.column-3 .checkbox{
	width:100%;
	margin-right:0;
}

textarea{
	display:block;
	width:66%;
	min-width:66%;
	max-width:100%;
	height:300px;
	margin:0 0 20px;
	cursor:inherit;
}

#sendenbutton{
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
	background: none repeat scroll 0 0 #009FE3;
    border: 1px solid #009FE3;
    border-radius: 25px;
    display: block;
    font-size: 24px;
    line-height: 24px;
    margin: 40px auto 30px;
    padding: 35px 0;
    width: 50%;
}

#sendenbutton:hover{
	background:#fff;
	color:#009FE3;
}

.partner{
	display:block;
	background:#fff;
	border:1px solid #ccc;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:20px;
	margin:0 0 20px;
}

.partner .left{
	width:44%;
	float:left;
	padding:55px 0;
}

.partner .left img{
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto;
}

.partner .right{
	width:48%;
	float:right;
}

.partner .normal-btn{
	display:inline-block;
}

.partner .normal-btn .fa{
	margin:0;
	font-size:20px;
}
.w30{width:29%!important;float:none!important;margin-bottom: 20px!important;}
.w50{width:49%!important;float:none!important;margin-bottom: 20px!important;}
.w70{width:69%!important;float:none!important;margin-bottom: 20px!important;}
.w100{width:100%!important;float:none!important;margin-bottom: 20px!important;}
.flx-spc{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
.popup22{
	display:none;

	position:fixed;
	left:0;
	top:0;
	width:100vw;
	min-height:100vh;
	z-index:1000;
	background:rgba(0,0,0,.8);
	padding-top:140px;
	box-sizing:border-box;
	overflow: auto;

}

.popup22.active{display:block;}

.popup22 .inner{
	display:block;
	overflow:auto;
	width:900px;
	box-sizing:border-box;
	background:#fff;
	padding:30px;
	border-radius:5px;
	box-shadow:0 0 10px rgba(0,0,0,1);
	overflow: auto;
	max-height:80vh;
	margin:auto;
	position:relative;
	z-index:2;
	max-width:90%;
}

.popup22 .ovrly{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
	
}

@media only screen and (max-width:860px){
	.column-3{
		-moz-columns:2;
		-webkit-columns:2;
		-ms-columns:2;
		columns:2;
		line-height:35px;
	}
	
	textarea{
		width:100%;
		min-width:100%;
		max-width:100%;
	}
	
	
}

@media only screen and (max-width:720px){
	.column-3{
		-moz-columns:1;
		-webkit-columns:1;
		-ms-columns:1;
		columns:1;
	}
	
	form > label, select, input:not([type="checkbox"]):not([type="radio"]), .checkbox, form #rechnungsanschrift > label, form #lieferfield > label{
		float:none;
		width:100%;
	}
	
	#sendenbutton{
		width:100%;
		padding:15px 0;
		border-radius:15px;
	}
	
	.club-select, .select{
		width:100%;
	}
	
	#sendenbutton{
		font-size:16px;
	}
	
	.checkbox{
		text-align:left;
	}
}



/* ----------------------------------------------------------------------------------------- */


@media only screen and (max-width:1200px){	
	.about, .einleitung, .parallax, footer .top, footer .bottom, header, .content, .morelinks{
		padding-left:20px;
		padding-right:20px;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	.box p{
		font-size:14px;
	}
	
	.button-list a{
		font-size:15px;
	}
	
	.onepage #subnavi li a{
		font-size:14px;
		padding: 18px 20px 18px 60px;
	}
	
	.box .detail p{
		height:55px;
		overflow:hidden;
	}
	
	.detailbox.big .detail{
		padding:40px;
	}
	
	.para-vor p{
		font-size:20px;
		width:40%;
	}
	
	.para-vor p strong{
		font-size:25px;
	}
	
	#navi{
		text-align:center;
	}
	
	#navi > li{
		display:inline-block;
		float:none;
	}
}


@media only screen and (max-width:1000px){
	.dropdown{
		display:none!important;
	}
	
	.einleitung, .about, .content, .morelinks{
		padding-top:50px;
		padding-bottom:50px;
	}	
	
	.morelinks strong{
		padding-bottom:50px;
	}
	
	.einleitung .centered > p{
		margin-bottom:50px;
	}
	
	.onepage #subnavi li a:hover{
		padding: 18px 20px 18px 60px;
	}
	
	#navi > li > a{
		font-size:18px;
	}
	
	header nav, #navi{
		width:100%;
		float:none;
	}
	
	#logo{
		float:none;
		margin:0 auto;
		width:255px;
	}
	
	.about p, .about .icon-h{
		width:100%;
	}
	
	.about{
		background-position:center;
	}
	
	.para-vor{
		padding:80px 0 0;
	}
	
	body{
		padding:190px 0 0;
	}
	
	.slider strong span{
		font-size:21px;
	}

}

@media only screen and (max-width:960px){
	footer .button-list, .spacer, footer .top, .box .normal-btn{
		display:none;
	}
	
	footer .column-2{
		width:45%;
	}
	
	footer ul{
		width:25%;
	}
	
	footer{
		position:relative;
	}
	
	main{
		margin:0;
	}
	
	.box{
		width:49%;
		margin:0 .5% 20px!important
	}
	
	.theme h1{
		padding:60px 0 0;
	}
	
	.content nav{
		float:none;
		background:none;
		width:100%;
	}
	
	.content nav #subnavi li{
		float:left;
		width:45%;
		margin:0 1.25% 20px;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	.content nav #subnavi li a{
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		border:1px solid #ced8db!important;
		background:#F0FBFF;
		padding: 18px 0 18px 65px!important;
	}
	
	.inhalt{
		width:100%;
	}
	
	.onepage #subnavi li{
		width:50%;
	}
	
	nav.onepage{
		position:relative;
	}
	
	.w50{width:100%!important;}
}

@media only screen and (max-width:720px){
	#navi, .banderole, .parallax, footer .bottom span, .box .detail p, .slider{
		display:none;
	}
	
	.einleitung, .about, .content, .morelinks{
		padding-top:30px;
		padding-bottom:30px;
	}
	
	.about, .einleitung, .parallax, footer .top, footer .bottom, header, .content, .morelinks{
		padding-left:5px;
		padding-right:5px;
	}
	
	.about{
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		padding-left:10px;
		padding-right:10px;
	}
	
	h1, .icon-h, .morelinks strong, .detailbox h2{
		font-size:20px;
		line-height:26px;
	}
	
	.circle{
		width:40px;
		height:40px;
	}
	
	.icon-h .circle .fa-building{
		line-height:40px;
	}
	
	body{
		font-size:18px;
		line-height:22px;
	}
	
	.einleitung .centered > p{
		padding:0;
	}
	
	.box{
		width:98%;
		float:none!important;
		margin:0 auto 20px;
	}
	
	#logo img{
		max-width:100%;
		height:auto;
	}
	
	body{
		padding:90px 0 0;
	}
	
	.content nav #subnavi li{
		width:100%;
		margin:0 0 20px;
	}
	
	.inhalt{
		padding:10px;
	}
	
	.box .detail{
		margin-top:-60px;
		position:relative;
		z-index:100;
		background:#f4f4f4;
	}
	
	.box .detail h2{
		margin:0;
	}
	
	.theme h1{
		padding:15px 0 0;
	}
	
	.detailbox.big .detail{
		padding:20px 10px;
	}
	
	.detailbox img, .detailbox .detail, .onepage #subnavi li{
		float:none;
		width:100%;
	}
	
	#navtrigger{
		display:block;
		position:absolute;
		top:23px;
		right:15px;
		text-decoration:none;
		background:#fff;
		border:1px solid #ccc;
		border-radius:3px;
		color:#484848;
		padding:10px 15px;
	}
	
	header{
		height:90px;
	}
	
	#logo{
		margin:0;
		width:200px;
		padding:26px 0;
	}
	
	#navi{
		background:#f4f4f4;
		position:absolute;
		top:90px;
		left:0;
		width:100%;
	}
	
	#navi > li{
		display:block;
	}
	
	#navi > li > a{
		padding:20px;
	}
	
	.about p{
		line-height:24px;
	}
	
	.einleitung{
		overflow:hidden;
	}
	
	.partner .left, .partner .right{
		float:none;
		width:100%;
	}
	
	.partner .left{
		padding:0;
	}
}
.wdhemail{
	display: none!important; 
}