/* yanone-kaffeesatz-200 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('../fonts/yanone-kaffeesatz-v23-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/yanone-kaffeesatz-v23-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* yanone-kaffeesatz-300 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/yanone-kaffeesatz-v23-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/yanone-kaffeesatz-v23-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* yanone-kaffeesatz-regular - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/yanone-kaffeesatz-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/yanone-kaffeesatz-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* yanone-kaffeesatz-700 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/yanone-kaffeesatz-v23-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/yanone-kaffeesatz-v23-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

* {
	padding: 0;
	margin: 0;
	border: 0;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-style: normal;
}

p, li {
	font-size: 20px;
	line-height: 24px;
}

p.bigger {
	font-size: 28px;
	line-height: 36px;
}

ul {
	margin-left: 30px;
}

a {
	text-decoration: none;
	color: #000;
}

.inner {
	width: 90%;
	padding: 0 2%;
	max-width: 1200px;
	margin: 0 auto;
}

.f_blue {color: #3964b7;}
.f_yellow {color: #ffa331;}
.f_white {color: #fff;}

.alpha {
	margin-left: 0!important;
}

.alpha.nopadding {
	padding-left: 0!important;
}

.omega {
	margin-right: 0!important;
}

.omega.nopadding {
	padding-right: 0!important;
}

h2 {
	text-transform: uppercase;
	font-size: 30px;
	margin: 20px 0;
	position: relative;
}

h2.specialh2 {
	margin-left: 50px;
	margin-bottom: 40px;
}

h2:before {
	width: 35px;
	height: 2px;
	background: #fff;
	content: '';
	position: absolute;
	left: -45px;
	top: 16px;
}

h3 {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: normal;
	margin-top: 20px;
	position: relative;
}

h3:before {
	width: 35px;
	height: 2px;
	background: #fff;
	content: '';
	position: absolute;
	left: -45px;
	top: 14px;
}

nav {
	float: right;
	margin-top: 25px;
}

nav ul li {
	display: inline-block;
	list-style-type: none;
	font-weight: 100;
	border: 1px solid transparent;
	padding: 10px 15px;
	margin-left: 5px;
	border-radius: 10px;
	margin-top: 20px;
	background-color: #fff;
}

.topalert {
    position: absolute;
    z-index: 11;
    width: 100%;
    top: -80px;
    -webkit-animation: move 8s;
  	-moz-animation:    move 8s;
  	-o-animation:      move 8s;
  	animation:         move 8s;
}

@-webkit-keyframes move {
  0%    { top: -80px; }
  20%   { top: -80px; }
  25%   { top:   0px; }
  95%   { top:   0px; }
  100%  { top: -80px; }
}
@-moz-keyframes move {
  0%    { top: -80px; }
  20%   { top: -80px; }
  25%   { top:   0px; }
  95%   { top:   0px; }
  100%  { top: -80px; }
}
@-o-keyframes move {
  0%    { top: -80px; }
  20%   { top: -80px; }
  25%   { top:   0px; }
  95%   { top:   0px; }
  100%  { top: -80px; }
}
@keyframes move {
  0%    { top: -80px; }
  10%   { top: -80px; }
  15%   { top:   0px; }
  95%   { top:   0px; }
  100%  { top: -80px; }
}

.section1 a {
	color: #fff;
}

footer nav ul li,
.section1 nav ul li a {
	color: #3964b7;
}

nav ul li.active, nav ul li:hover {
	border: 1px solid #3964b7;
}

.slogan {
	padding: 0 20px;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    font-style: italic;
}

.slidertext {
	font-size: 50px;
	overflow: hidden;
	display: block;
	width: 100%;
	white-space: nowrap;
}

.toplink_datenschutz {
	display: inline-block;
}

.toplink_datenschutz:hover {
	text-decoration: underline;
}

.w50 {
	box-sizing: border-box;
	width: 44%;
	margin: 0 5%;
	display: inline-block;
}

.w30 {
	box-sizing: border-box;
	width: 24%;
	margin: 0 5%;
	display: inline-block;
	vertical-align: top;
}

.w70 {
	box-sizing: border-box;
	width: 64%;
	margin: 0 5%;
	display: inline-block;
}

.inline {
	display: inline-block;
}

.rueckruf fieldset {
	margin-top: 25px;
}

.w100 {
	width: 89%;
}

input {
	border: 1px solid #666;
}

.logo {
	width: 260px;
	margin-top: 30px;
}

.logowrapper {
	position: relative;
	display: inline-block;
}

/*.logowrapper:after {
    content: '';
    width: 100%;
    height: 20px;
    background: url(../img/shadow3.png) center center no-repeat;
    position: absolute;
    bottom: -17px;
    left: 0;
    background-size: contain;
}*/

.section1 {
	background: #3964b7 url(../img/header3.jpg) center center no-repeat;
	background-size: cover;
	height: 700px;
	position: relative;
	color: #fff;
}

.section1 .header-arrow {
	position: absolute;
	bottom: -50px;
	left: 50%;
	margin-left: -50px;
	cursor: pointer;
}

form {
	margin-top: 15px;
}

input,
button#submit {
	background: transparent;
	border: 1px solid #fff;
	padding: 15px 25px;
	border-radius: 10px;
	margin-bottom: 25px; 
	font-size: 20px;
	color: #fff;
	width: 100%;
}

.section1 .kontakt_header {
	font-size: 30px;
	margin-top: 15px;
}

.section1 .kontakt_header .glyphicon {
	margin-right: 15px;
}

input[type="submit"],
button#submit {
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

input[type="submit"]:hover,
button#submit:hover {
	background: #fff;
	color: #3964b7;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;	
}

input[type="checkbox"] {
    display:none;
}
label {
	font-size: 20px;
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 10px 0 0;
    vertical-align:middle;
    background:url(../img/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url(../img/check_radio_sheet.png) -19px top no-repeat;
}

.section2 h2 {
	font-size: 40px;
	margin: 80px 0 40px 0;
}

.section2 .alert {
	margin-top: 70px;
}

.section2 h2:before {
	width: 35px;
	height: 2px;
	background: #000;
	content: '';
	position: absolute;
	left: -45px;
	top: 24px;
}

.section3 {
	margin-top: 120px;
}

.section3 h2 {
	margin-left: 45px;
}

.section3 h2:before {
	width: 35px;
	height: 2px;
	background: #000;
	content: '';
	position: absolute;
	left: -45px;
	top: 18px;
}

.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.responsive-video {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

#sicherheitstechnik .floatimg {
	float: left;
	margin: 0 30px 20px 0;
}

footer * {
	color: #fff;
}

footer .top {
	background: #ffa331;
}

footer .top h2 {
	color: rgb(51,51,51);
}

footer .middle_impressum,
footer .middle_datenschutz {
	background: #ffa331;
	border-top: 10px solid #3964b7;
	padding-bottom: 50px;
	display: none;
}

footer .link_impressum,
footer .link_datenschutz {
	cursor: pointer;
}

footer .closebutton {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 25px;
    font-size: 20px;
    cursor: pointer;
}

footer .bottom {
	background: #3964b7;
}

footer .einzug {
	display: inline-block;
	width: 150px;
}

footer .einzug a {
	color: #fff;
}

nav.bottomnav {
	margin-top: 10px;
}

nav.bottomnav li {
	display: inline-block;
}

.text-right {
	text-align: right;
}

.Flexible-container {
    position: relative;
	height: 350px;
	width: 100%;
    overflow: hidden;
    margin-top: 50px;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 990px) {
	.section1 .row .col-md-6:nth-child(2n) {
		display: none;
	}

	.section2 .row, .section3 .row {
		display: table;
	}

	.section2 .row .col-md-7, .section3 .row .col-md-7 {
		display: table-header-group;
	}

	.section2 .row img, .section3 .row img {
		max-width: 100%;
	}

	.col-md-2 {
		text-align: right;
		margin-bottom: 30px;
	}

	input {
    	padding: 7px 15px;
    	margin-bottom: 15px;
    	font-size: 18px;
	}

	.section2 h2 {
	    font-size: 32px;
	    margin: 60px 0 30px 0;
	}

	p, li {
	    font-size: 18px;
	    line-height: 22px;
	}

	.rueckruf fieldset {
	    margin-top: 8px;
	}

	.col-md-4.text-right p {
	    display: inline-block;
	    width: 49%;
	}	

	nav ul li {
		display: block;
		padding: 7px 15px;
	}
}

@media (max-width: 480px) {
	.section1 {
		height: inherit;
	    padding-bottom: 60px;
	}

	.section3 {
	    margin-top: 40px;
	}

	.col-md-4.text-right p:nth-child(1n) {
	    width: 100%;
	}	

	.col-md-4.text-right p:nth-child(2n) {
	    width: 100%;
	}	

	.omega.nopadding {
	    padding-right: inherit!important;
	}

	.alpha.nopadding {
	    padding-left: inherit!important;
	}
}

.imagewrapper {
	position: relative;
}

.imagewrapper img {
	width: 100%;
}

.imagewrapper p {
	position: absolute;
	z-index: 10;
	top: 30%;
	right: 0;
	width: auto;
}

.imagewrapper p .slidertext {
	font-size: 28px;
	overflow: hidden;
	display: block;
	width: 100%;
	white-space: nowrap;
}