/*
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Istok Web', sans-serif;
*/

body {overflow-x: hidden;} /* important for animations */

body, textarea, input, select {
	font-family: 'Istok Web', sans-serif;
	font-size:12pt;
	line-height:24px;
	color:#555;
}

#surround {
	margin:0 auto;
	width:100%;
}

.anker {
	position:absolute;
	margin-top:-70px;
}
.anker2 {
	position:absolute;
	margin-top:-50px;
}

.inner {
	margin:0 auto;
	max-width:1140px;
}

.innerBox {
	padding:0 20px;
}

.hidden {
	display:none;
}

.center {
	text-align:center;
}

.bild {
	text-align:center;
}
.bild img, img {
	max-width:100%;
	height:auto;
	display:block;
}


.grayback {
	background-color:#efefef;
}

.boxShadow {
	box-shadow:10px 10px 30px rgba(0,0,0,0.2);
	transition:.2s
}
.boxShadow.hover:hover {
	box-shadow:10px 10px 30px rgba(0,0,0,0.4);
}


.contentBox {
	padding:70px 0;
}
.contentBox.nobottom {
	padding:70px 0 0;
}
.contentBox.notop {
	padding:0 0 70px 0;
}

.blockButton {
	display:inline-block;
	border:1px solid #0082c8;
	border-radius:7px;
	padding:10px 8px;
	margin:0 7px 10px;
	line-height:20px;
	transition:.2s;
	font-size:11pt;
}
.blockButton:hover { 
	background:#0082c8 !important;
	color:#fff !important;
}

p.btn a {
	display: inline-block;
	border: 1px solid #0082c8;
	border-radius: 7px;
	padding: 10px 8px;
	margin: 0 7px 10px;
	line-height: 20px;
	transition: .2s;
	font-size: 11pt;
}
p.btn a:hover {
	background:#0082c8 !important;
	color:#fff !important;
}

.buttonBlue {
	display:inline-block;
	border-radius:7px;
	background-color:#0082c8;
	color:#fff !important;
	padding:15px 20px;
	transition:.2s;
}
.buttonBlue:hover {
	background-color:#0068a0;
}

.button a {
	font-family: 'Roboto Condensed', sans-serif;
	display:inline-block;
	background-color:#42a2ca;
	color:#fff !important;
	line-height:50px;
	text-align:center;
	margin-top:40px;
	padding:0 20px;
	margin:0 5px;
}
.button a:hover {
	background-color:#0082c8;
}
.button.buttonbox a {
	margin-bottom:15px !important;
}

.lineunder {
	width:85px;
	height:3px;
	background:#0082c8;
	display:block;
	margin:20px 0 20px;
}
.lineunder.bright {
	background:#94cfef;
}
.lineunder.white {
	background:#fff;
}
.lineunder.center {
	margin:20px auto;
}
.lineunder.thin {
	height:2px;
}

#content a {
	color: #0082c8;
}

#content h1, #content h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:28pt;
	font-weight:400;
	color:#323232;
	line-height:43px;
}
#content h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:26pt;
	font-weight:300;
	padding-top:0px;
	padding-bottom:15px;
	margin:0;
	color:#323232;
	line-height:43px;
}
#content h3.lineover:before {
	content:"";
	width:85px;
	height:3px;
	background:#0082c8;
	display:block;
	margin:15px 0 17px;
}

#content h3.smal {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:18pt;
	font-weight:300;
	padding-top:0px;
	padding-bottom:15px;
	margin:0;
	color:#323232;
	line-height:30px;
}
#content h3.smalpad {
	padding-bottom:0;
}

#content h4 {
	font-size: 16pt;
	margin-bottom: 10px;
}

#content .fullline {
	display:block;
	height:1px;
	background-color:#0082c8;
}
#content .fulllinewhite {
	display:block;
	height:1px;
	background-color:#fff;
}

.topFlexBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
}

.topFlexBoxText {
	display: flex;
	flex:0 0 60%;
	justify-content:end;
}
.topFlexBoxTextLeft {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width:730px;
	padding-right:100px;
	padding-bottom:70px;
}

.topFlexBoxText .SubBlock {
	padding-top:50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
}
.topFlexBoxText .adressBox {
	display:inline-block;
	background:#0082c8;
	border-radius:7px;
	padding:20px 25px;
	color:#fff;
	margin-right:7px;
}
.topFlexBoxText .adressBox a {
	color:#fff !important;
}
.topFlexBoxText .adressBox a:hover {
	color:#000 !important;
}

.topFlexBoxText .SubBlock .linkBox  {
	padding-top:0;
}

.topFlexBoxText .linkBox {
	padding-top:20px;
	margin-left:-10px;
}
.topFlexBoxText .linkBox.contactbox {
	margin-left:0;
}

.linkBox.freelink {
	padding-top:20px;
	margin-left:-10px;
}




.topFlexBoxBild {
	flex:0 0 40%;
	overflow:hidden;
	padding-bottom:70px;
}

.topFlexBoxBild .bildbox {
	position:relative;
	display:inline-block;
	box-shadow:40px 30px 30px rgba(0,0,0,0.1);
}
.topFlexBoxBild .text {
	padding:15px 0;
	padding-bottom:70px;
}
.topFlexBoxBild .bild {
	padding:15px 0 0;
}
.topFlexBoxBild.hardshadow .bildbox:before {
	content:"";
	position:absolute;
	z-index:-1;
	left:20%;
	top:20%;
	height:96%;
	width:90%;
	display:block;
	background:#f6f6f6;
}

/* halbe box content */
.halfFlex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
.halfFlex .text {
	flex:1 0 50%;
}
.halfFlex .box {
	flex:0 1 50%;
}

table.produktcheck td:first-child {
	padding-right:6px;
}
table.produktcheck td {
	line-height:27px;
}

a img.zoom {
	transition: transform 0.8s;
	-moz-transition: transform 0.8s;
	-webkit-transition: transform 0.8s;
	-o-transition: transform 0.8s;
	-ms-transition: transform 0.8s;
}
a:hover img.zoom {
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
}

.imageCenter {
	text-align:center;
	overflow:hidden;
}

.imageCenter img {
	display:block;
}

.flexcontent {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
}

.flexcontent .bild.sticker {
	flex: 1 0 200px;
}

.linkFlex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}

.linkFlex .block25 {
	width:25%;
}

.linkFlex .block25 img {
	width:100%;
	height:auto;
}

.linkFlex .block25 .personBlock {
	margin-bottom:40px;
	border:1px solid #f0f0f0;
	background-color:#f0f0f0;
	line-height:18px;
}

.linkFlex .block25 .personBlock .text {
	padding:20px;
	min-height:90px;
}


/* DATENSCHUTZ-TITEL */
.dse-haupttitel {
	font-size:18pt;
	font-weight:bold;
}

.dse-untertitel {
	font-size:14pt;
	font-weight:bold;
}

.scale-video {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}
.scale-video.topvideo {
	pointer-events: none;
}
.scale-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.halfImage {
	max-width:400px;
	height:auto;
	display:block;
}

.topTeaserButtons {
	position:fixed;
	top:180px;
	right:0;
	z-index:100;
}
.topTeaserButtons a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:13pt;
	display:block;
	width:175px;
	background-color:rgba(193, 206, 30, .7);
	color:#fff;
	text-transform:uppercase;
	line-height:54px;
	padding-left:20px;
	border-radius:7px 0 0 7px;
	margin-bottom:4px;
}
.topTeaserButtons a:hover {
	background-color:rgba(193, 206, 30, 1);
}




/* RESPONSIVE */

@media  only screen and (max-width: 1200px) {
	.topTeaserButtons {
		top:180px;
		right:0;
		z-index:100;
	}
	.topTeaserButtons a {
		font-size:10pt;
		font-weight:700;
		width:86px;
		line-height:18px;
		padding:8px 14px;
		border-radius:7px 0 0 7px;
		margin-bottom:4px;
	}
}

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

	.contentBox {
		padding:60px 0;
	}
	.contentBox.nobottom {
		padding:60px 0 0;
	}

	.topFlexBox {
		flex-flow: row wrap;
	}

	.topFlexBoxText {
		display: flex;
		flex:0 0 100%;
		justify-content:end;
	}
	.topFlexBoxBild {
		flex:0 0 100%;
	}



	.topFlexBoxTextLeft {
		max-width:100%;
		padding-right:0;
		padding-bottom:70px;
	}

	.topFlexBoxBild.hardshadow .bildbox:before {
		content:"";
		position:absolute;
		z-index:-1;
		left:20%;
		top:20%;
		height:96%;
		width:90%;
		display:block;
		background:#fff;
	}
	.halfFlex .text {
		flex:1 0 100%;
		padding-bottom:30px;
	}
	.halfFlex .box {
		flex:0 1 100%;
	}
	.halfFlex .text .padtop30 {
		padding-top:10px;
	}
}


@media  only screen and (max-width: 840px) {
	.scale-video.topvideo {
		pointer-events: auto;
	}
	.linkFlex .block25 {
		margin-top:30px;
		width:50%;
	}
}

@media  only screen and (max-width: 500px) {
	.newsFlex {
		flex-flow: row wrap;
	}

	.newsFacebook {
		flex:0 0 340px;
	}

	.newsInsta {
		flex:0 0 100%;
	}
	.linkFlex .block25 {
		margin-top:30px;
		width:100%;
	}

	.flexcontent {
		flex-flow: row wrap;
	}

	.flexcontent .bild.sticker {
		padding-top:50px;
		flex: 1 0 100%;
	}


}