/*!
Theme Name: PKT 2020
Theme URI: http://underscores.me/
Author: Florian Strasser - Webdesign & Programmierung
Author URI: http://www.florian-strasser.de
Description: Ein modernes individuell erstelltes Wordpress-Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pkt-2020
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

PKT 2020 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-latin-300.svg#OpenSans') 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-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/open-sans-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('fonts/open-sans-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v18-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('fonts/open-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/open-sans-v18-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('fonts/open-sans-v18-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('fonts/open-sans-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/*###############################################
#												#
#					GENERAL 					#
#												#
###############################################*/

.fancybox-slide:before{
	display:none !important;
}

body{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:19px;
	color:#7b7b7b;
}
hr{
	border-top:1px #7b7b7b solid;
}
.container{
	padding:0px 90px;
}
.container.container_full{
	max-width:100%;
}
.row{
	margin-left: -30px;
	margin-right: -30px;
}
.row > div{
	padding-left:30px;
	padding-right:30px;
}
.beruf-details, .beruf-outro{
	margin-bottom: 30px;
}
.beruf-details h2{
	margin-top:50px;
	color:#000;
}
.beruf-details h2:first-child{
	margin-top:0px;
}
.embeded{
	height: 0px;
	padding-bottom: 56.25%;
	position: relative;
}
.fancybox-bg{
	background:#000;
}
.fancybox-is-open .fancybox-bg{
	opacity:0.7;
}
.embeded iframe{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
}
.video-card{
	background:#FFF;
	padding:20px 30px;
}
::selection{
    background-color: #f8ad40;
    color:#FFF;
}
::-moz-selection{
    background-color: #f8ad40;
    color:#FFF;
}
#site-wrapper{
	overflow:hidden;
}
a{
	color:#f8ad40;
	transition:0.5s color;
	text-decoration: none !important;
}
a:hover, a:focus, a:active{
	color:#f8ad40;
}
a, a:hover, a:focus, a:active, button, button:hover, button:focus, button:active{
	outline:none;
	box-shadow:none;
}
.highlight-primary{
	color:#0072a3;
}
.contentblock.produktblock .image-container, .heroarea.produktblock .image-container{
	height:0px;
	padding-bottom:46.25%;
	position: relative;
}
.contentblock.produktblock .image-container img, .heroarea.produktblock .image-container img{
	position: absolute;
	top:0;
	right:0;
	width:85%;
	height: 100% !important;
	object-fit: contain;
	object-position: center;
	z-index:5;
}
.contentblock.produktblock .image-container h3, .heroarea.produktblock .image-container h3{
	position: absolute;
	top:8%;
	left:0;
	width:30%;
	font-size:2vw;
	z-index:10;
}
.contentblock.produktblock.produktblock-oben-rechts .image-container img, .heroarea.produktblock .image-container img{
	right:auto;
	left:0;
}
.contentblock.produktblock.produktblock-oben-rechts .image-container h3, .heroarea.produktblock .image-container h3{
	left:auto;
	right:0;
	text-align:right;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	margin-bottom:15px;
	color:#003e5b;
	font-size:32px;
}
h3,h4,h5,h6{
	color:#444;
	font-size:24px;
}
.contentblock.hintergrund-image{
	padding:14% 0;
}
.leistungsblock h2, #menu_footer h2{
	font-size:24px;
}
.stellenangebote-template-default #aufgaben .row + .row{
	margin-top:15px;
}
.widget-area{
	display:flex;
	margin:0px -15px;
	flex-wrap: wrap;
}
.widget-area .widget{
	width:33.33%;
	flex-basis:33.33%;
	padding:0px 15px;
}
.btn{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	border-radius:0;
	padding:10px 20px;
}
.btn.btn-primary{
	background: #f8ad40;
	border:0;
}
.btn.btn-primary:hover{
	background: #f5b860;
}
p, .wp-block-quote{
	margin-bottom:15px;
}
p:last-child{
	margin-bottom: 0;
}
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6{
	margin-top:50px;
}
img{
	display:block;
	max-width: 100%;
}
.scroll-down{
	width: 38px;
	height: 61px;
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	border-top-left-radius: 19px;
	border-top-right-radius: 19px;
	border-bottom-left-radius: 19px;
	border-bottom-right-radius: 19px;
	border: 3px #FFF solid;
	z-index: 30;
	transition: 0.5s all;
}
.scroll-down::after{
	width: 5px;
	height: 5px;
	position: absolute;
	background: #FFF;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	content: "";
	border-radius: 50%;
	animation-name: scrollDown;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-direction: normal;
}
.wpcf7-checkbox input[type=checkbox] + .wpcf7-list-item-label::before{
	width: 20px;
	height: 20px;
	border:1px solid #ced4da;
	position: absolute;
	top:0;
	left:0;
}
.wpcf7-checkbox input[type=checkbox] + .wpcf7-list-item-label::after{
	width: 16px;
	height: 16px;
	background:#ced4da;
	position: absolute;
	top:10px;
	left:10px;
	transform:translate(-50%,-50%) scale(0);
	transition:0.5s transform;
}
.wpcf7-checkbox input[type=checkbox]:checked + .wpcf7-list-item-label::after{
	transform:translate(-50%,-50%) scale(1);
}
body span.wpcf7-list-item{
	display:block;
}
.hintergrund-weiss{
	background:#FFF;
}
.hintergrund-grau{
	background:#e9eced;
}
.hintergrund-blau{
	background:#003e5b;
	color:#FFF;
}
.hintergrund-blau h2{
	color:#FFF;
}
.leistungsblock h2{
	color:#f8ad40;
}
.leistungsblock .row{
	align-items: center;
}
#menu_footer h2, .hintergrund-dunkelgrau h2{
	color:#82caf2;
}
.hintergrund-dunkelgrau h3{
	color:#FFF;
}
.hintergrund-primary{
	background:#003e5b;
	color:#FFF;
}
.blog-block{
	padding:40px 0px;
	padding-top:0;
}
.blog-block h2{
	margin-top:0;
}
.blog-block + .blog-block{
	padding-top:40px;
	border-top:1px #7b7b7b solid;
}
.contentblock.branchenslider, .contentblock.kundenstimmen{
	padding-top:0;
}
.contentblock.branchenslider .owl-carousel .owl-stage-outer, .contentblock.kundenstimmen .owl-carousel .owl-stage-outer{
	overflow:visible;
}
.contentblock.branchenslider .branchen-image-area, .contentblock.kundenstimmen .image-area{
	position: relative;
	height: 0px;
	padding-bottom: 42%;
}
.contentblock.kundenstimmen .image-area{
	padding-bottom:42%;
}
.contentblock.branchenslider .branchen-image-area img, .contentblock.kundenstimmen .image-area img{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.contentblock.branchenslider .owl-carousel .branchen-title, .contentblock.kundenstimmen .owl-carousel .kunden-title{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:25px 0px;
	background:rgba(255,255,255,0.9);
	z-index:10;
}
.contentblock.branchenslider .owl-carousel .branchen-title h3, 
.contentblock.kundenstimmen .owl-carousel .kunden-title h3{
	color:#000;
	text-align:center;
	margin-bottom:0;
	text-transform:uppercase;
}
.contentblock.branchenslider .owl-carousel .owl-nav button.owl-next, .contentblock.branchenslider .owl-carousel .owl-nav button.owl-prev, .contentblock.kundenstimmen .owl-carousel .owl-nav button.owl-next, .contentblock.kundenstimmen .owl-carousel .owl-nav button.owl-prev{
	position: absolute;
	top:42vw;
	left:0;
	width:60px;
	height:60px;
	display:flex;
	justify-content: center;
	align-items: center;
	transform:translateY(-100%);
	color:#000;
	z-index:120;
	font-size:28px;
	transition:0.5s color;
}
.contentblock.branchenslider .owl-carousel .owl-dots, .contentblock.kundenstimmen .owl-carousel .owl-dots{
	position: absolute;
	top:42vw;
	left:0;
	width:100%;
	z-index:100;
	transform:translateY(-100%);
	padding:20px;
	text-align:center;
	background:rgba(255,255,255,0.82);
	backdrop-filter:blur(7px);
	-webkit-backdrop-filter:blur(7px);
	display:flex;
	justify-content: center;
	align-items: center;
}
.contentblock.kategorieblock .owl-carousel .owl-dots{
	position: absolute;
	bottom:60px;
	left:0;
	width:100%;
	z-index:100;
	padding:20px 90px;
	padding-left:140px;
	text-align:center;
	display:flex;
	justify-content: flex-end;
	align-items: center;
}
.contentblock.branchenslider .owl-carousel .owl-dots .owl-dot, .contentblock.kundenstimmen .owl-carousel .owl-dots .owl-dot, .contentblock.kategorieblock .owl-carousel .owl-dots .owl-dot{
	width:20px;
	height: 20px;
	border-radius:10px;
	background:#003e5b;
	opacity:0.5;
	transition:0.5s opacity, 0.5s background;
	box-shadow:0px 2px 4px 2px rgba(0,0,0,0.2);
}
.contentblock.branchenslider .owl-carousel .owl-dots .owl-dot + .owl-dot{
	margin-left:10px;
}
.contentblock.kategorieblock .owl-carousel .owl-dots .owl-dot{
	box-shadow: none;
	background:#000;
	opacity:1;
}
.contentblock.kategorieblock .owl-carousel .owl-stop{
	position: absolute;
	left:90px;
	bottom:84px;
	padding:0;
	background:none;
	color:#000;
	border:0;
	z-index:105;
}
.contentblock.kategorieblock .owl-carousel .owl-stop .fa{
	display:none;
}
.contentblock.kategorieblock .owl-carousel .owl-stop .fa.fa-pause{
	display:block;
}
.contentblock.kategorieblock .owl-carousel.paused .owl-stop .fa.fa-pause{
	display:none;
}
.contentblock.kategorieblock .owl-carousel.paused .owl-stop .fa.fa-play{
	display:block;
}
.contentblock.kategorieblock .owl-carousel .owl-stop:hover{
	color:#f8ad40;
}
.contentblock.personenblock .owl-carousel .owl-dots .owl-dot{
	width:20px;
	height: 20px;
	border-radius:10px;
	background:#003e5b;
	opacity:0.5;
	transition:0.5s opacity;
}
.contentblock.branchenslider .owl-carousel .owl-dots .owl-dot.active, .contentblock.kundenstimmen .owl-carousel .owl-dots .owl-dot.active, .contentblock.personenblock .owl-carousel .owl-dots .owl-dot.active, .contentblock.kategorieblock .owl-carousel .owl-dots .owl-dot.active{
	opacity:1;
}
.contentblock.kategorieblock .owl-carousel .owl-dots .owl-dot.active{
	background:#f8ad40;
}
.contentblock.kategorieblock .owl-carousel .owl-dots .owl-dot.active
.contentblock.branchenslider .owl-carousel .owl-dots .owl-dot + .owl-dot, .contentblock.kundenstimmen .owl-carousel .owl-dots .owl-dot + .owl-dot, .contentblock.personenblock .owl-carousel .owl-dots .owl-dot + .owl-dot, .contentblock.kategorieblock .owl-carousel .owl-dots .owl-dot + .owl-dot{
	margin-left:10px;
}
.contentblock.branchenslider, .contentblock.kundenstimmen{
	position: relative;
}
.contentblock.branchenslider .owl-carousel .owl-nav button.owl-next, .contentblock.kundenstimmen .owl-carousel .owl-nav button.owl-next{
	left:auto;
	right:0;
}
.contentblock.branchenslider .owl-carousel .branchen-item > .container, .contentblock.kundenstimmen .owl-carousel .kunden-item > .container{
	padding-top:40px;
	padding-bottom:40px;
}
.hintergrund-dunkelgrau{
	background:#5e5d5d;
	color:#FFF;
}
.hintergrund-image{
	color:#FFF;
	position: relative;
}
.contentblock.hintergrund-weiss + .contentblock.hintergrund-weiss, .contentblock.hintergrund-grau + .contentblock.hintergrund-grau, .contentblock.hintergrund-primary + .contentblock.hintergrund-primary, .contentblock.hintergrund-image + .contentblock.hintergrund-image{
	padding-top:0;
}
.img-fluid{
	margin-left:auto;
	margin-right:auto;
}

/*###############################################
#												#
#					 HEADER 					#
#												#
###############################################*/

#header{
	position: fixed;
	width: 100%;
	background:#FFF;
	backdrop-filter:blur(9px);
	padding: 45px 0px;
	z-index: 9997;
	box-shadow:0px 0px 30px 15px rgba(0,0,0,0.11);
	top:0;
	left:0;
	transform:translateY(0%);
	transition:0.5s transform;
}
#header.fadeOut{
	transform:translateY(-100%);
}
#header .container{
	display:flex;
	justify-content: space-between;
	align-items:center;
	padding-right:190px;
	flex-wrap:wrap;
}
#header .container > .nav .menu{
	list-style:none;
	margin-bottom: 0;
	padding-left:0;
	display:flex;
}
#header .container > .nav .menu li + li{
	margin-left:20px;
}
#header .container > .nav .menu li a{
	color:#0072a3;
	font-family:'Open Sans',sans-serif;
	font-weight:700;
}

#header #logo{
	width:320px;
	max-width:100%;
}
#header .custom-logo-link{
	display:block;
}
#header .custom-logo-link img{
	display: block;
	width: 100%;
	height: auto;
}
#header .navbar-collapse{
	position: fixed;
	z-index: 9998;
	display:block !important;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100vh;
	transform:translateX(0%);
	transition:0s transform;
}
#header .navbar-collapse:not(.show){
	transform:translateX(100%);
	transition:0s 0.5s transform;
}
#header .navbar-collapse .menu-navigation-container{
	position: absolute;
	top: 0px;
	right: 0%;
	background: #FFF;
	width: 680px;
	max-width:100%;
	height: 100%;
	overflow:auto;
	box-shadow: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transform:translateX(0%);
	transition:0.5s transform;
	overflow:hidden;
}
#header .navbar-collapse .menu-navigation-container .menu{
	list-style:none;
	padding-left:0;
	margin-bottom:0;
	text-align:left;
	padding: 60px 90px;
	width:100%;
	height: 100%;
	overflow:auto;
	transition: 0.5s left;
	position: absolute;
	top:0;
	left:0;
}
#header .navbar-collapse .menu-navigation-container .menu li.menu-item-has-children > a::before ,#header .navbar-collapse .menu-navigation-container .menu li.menu-item-has-children > a::after{
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translate(-50%) rotate(0deg);
	width: 16px;
	height: 2px;
	background: #000;
	display: block;
	content: "";
	transition: 0.5s transform, 0.5s background;
}
#header .navbar-collapse .menu-navigation-container .menu li.menu-item-has-children > a:hover::before ,#header .navbar-collapse .menu-navigation-container .menu li.menu-item-has-children > a:hover::after{
	background:#f8ad40;
}
#header .navbar-collapse .menu-navigation-container .menu li.menu-item-has-children a::after{
	transform: translate(-50%) rotate(90deg);
}
#header .navbar-collapse .menu-navigation-container .menu .sub-menu{
	list-style:none;
	padding-left:0;
	margin-bottom:0;
	text-align:left;
	padding: 60px 90px;
	width:100%;
	height: 100vh;
	overflow:auto;
	transform:translateX(100%);
	transition: 0.5s transform, 0.5s opacity;
	position: fixed;
	top:0;
	right:0;
	opacity:0;
	pointer-events: none;
	background:#FFF;
	z-index:10;
}
#header .navbar-collapse .menu-navigation-container .menu .sub-menu.sub-menu-active{
	opacity:1;
	transform:translateX(0%);
	pointer-events: all;
}
#header .navbar-collapse .menu-navigation-container .menu li:first-child{
	padding-top:40px;
}
#header .navbar-collapse .menu-navigation-container .menu li:last-child{
	padding-bottom:40px;
}
#header .navbar-collapse .menu-navigation-container .menu li a{
	font-size:28px;
	color:#000 !important;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	position: relative;
	transition:0.5s color;
	padding-right:50px;
}
#header .navbar-collapse .menu-navigation-container .menu .sub-menu li:first-child a{
	border-top:0;
}
#header .navbar-collapse .menu-navigation-container .menu li a:hover{
	color:#f8ad40 !important;
}

#header .navbar-collapse .menu-navigation-container .menu li a::after{
	
}
#header .navbar-collapse .menu-navigation-container .menu li + li a{
	border-top:1px #CCC solid;
}
#header .navbar-collapse:not(.show) .menu-navigation-container{
	transform:translateX(100%);
}
#header .navbar-collapse::before{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	opacity: 1;
	display:block;
	content:"";
	background:rgba(0,0,0,0.7);
	backdrop-filter:blur(7px);
	-webkit-backdrop-filter:blur(7px);
	transition:0.5s opacity;
}
#header .navbar-collapse:not(.show)::before{
	opacity: 0;
	transition:0.5s opacity;
}
#header .slogan{
	color:#000 !important;
	font-weight: bold !important;
	padding-left:20px !important;
	padding-right:20px !important;
	position: relative;
	font-size:35px !important;
	margin-bottom:0 !important;
	margin-top:0 !important;
}
#header .navbar-toggler{
	position: absolute;
	top: 50%;
	right: 90px;
	background: #0072a3;
	padding: 0;
	margin: 0;
	width: 70px;
	height: 70px;
	z-index: 9999;
	border-radius: 45px;
	transition: 0.5s all;
	transform: translateY(-50%) rotate(0deg);
}
#header .navbar-toggler .bar{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(0deg);
	width: 32px;
	height: 3px;
	background: #FFFFFF;
	display: block;
	content: "";
	border-radius: 1.5px;
	opacity: 1.0;
	transition: 0.5s all;
}

#header .navbar-toggler .bar.first{
	transform: translate(-50%,-50%) rotate(-45deg);
}
#header .navbar-toggler .bar.second{
	transform: translate(-50%,-50%) rotate(45deg);
	opacity:0;
}
#header .navbar-toggler .bar.third{
	transform: translate(-50%,-50%) rotate(45deg);
}

#header .navbar-collapse:not(.show) + .navbar-toggler .bar.first{
	transform: translate(-50%,-350%) rotate(0deg);
}
#header .navbar-collapse:not(.show) + .navbar-toggler .bar.second{
	transform: translate(-50%,-50%) rotate(0deg);
	opacity:1;
}
#header .navbar-collapse:not(.show) + .navbar-toggler .bar.third{
	transform: translate(-50%,250%) rotate(0deg);
}

/*###############################################
#												#
#					 CONTENT 					#
#												#
###############################################*/

.contentblock{
	padding:7% 0px;
}
.contentblock.fullsize-bild{
	padding:0;
}
.heroarea{
	text-align: center;
	padding: 0px;
	padding-top:60px;
	padding-bottom:60px;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: #FFF;
	position: relative;
}
.heroarea .row{
	justify-content: center;
	z-index:5;
}
.heroarea .row .kachel-link{
	display:block;
	z-index:6;
	position: relative;
	transition:0s 0s z-index;
}
.heroarea .floatIn.inView.gray-out{
	opacity:0.65;
}
.heroarea .row .kachel-link:not(:hover){
	transition:0s 0.51s z-index;
	z-index:5;
}
.heroarea .row .kachel-link.first-row{
	transform:translateY(25%) rotate(-45deg);
}
.heroarea .row .kachel-link.second-row{
	transform:translateY(-25%) rotate(-45deg);
	top:-1px;
}
.heroarea .row .kachel-link:hover{
	z-index:15;
}
.heroarea .row .kachel-link .icon{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) rotate(45deg) scale(1);
	transition:0.5s transform;
	width: 30%;
	height: 50%;
}
.heroarea .row .kachel-link:hover .icon{
	transform:translate(-50%,-50%) rotate(45deg) scale(1.3);
}
.heroarea .row .kachel-link .icon img{
	position: relative;
	width:100% !important;
	height: 100% !important;
	object-fit: contain;
}
.heroarea .row .kachel-link > img{
	transform:rotate(45deg) scale(1);
	transition:0.5s transform; 
	z-index:5;
	display:block;
	pointer-events:none;
}
.heroarea .row .kachel-link::before{
	position:absolute;
	top:24%;
	left:50%;
	transform:translate(-50%,-50%);
	width:10%;
	height: 10%;
	border-radius:50%;
	background:#000;
	display:block;
	content:"";
}
.heroarea .row .kachel-link::after{
	position:absolute;
	left:50%;
	top:0;
	transform: translate(-50%,0%) rotate(90deg);
	width:43%;
	height:3px;
	background:#000;
	display:block;
	content:"";
}
.heroarea .row .kachel-link.second-row::after{
	top:auto;
	bottom:50%;
	left:0%;
	transform: translate(-50%,50%) rotate(0deg);
}
.heroarea .row .kachel-link.second-row::before{
	top:auto;
	bottom: 50%;
left: 24%;
transform: translate(-50%,50%);
}
.heroarea .row .kachel-link:hover > img{
	transform:rotate(45deg) scale(1.3);
}
.heroarea .row{
	margin-left:0 !important;
	margin-right:0 !important;
}
.heroarea .row > div{
	position: relative;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:2px;
}
.heroarea .row > div .kachel-headline{
	position:absolute;
	top:-32%;
	left:0;
	width:100%;
	color:#000;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	border-left:3px #000 solid;
	display:flex; 
	flex-direction: column;
	justify-content: flex-start;
	height: 58%;
}
.heroarea .row > div.farbe-rot .kachel-headline{
	border-left-color:#ea523f !important;
}
.heroarea .row > div.farbe-rot .kachel-headline h3::first-letter, .heroarea .row > div.farbe-rot .kachel-link:hover + .kachel-headline h3{
	color:#ea523f !important;
}
.heroarea .row .farbe-rot .kachel-link::before, .heroarea .row .farbe-rot .kachel-link::after{
	background:#ea523f !important;
}
.heroarea .row > div.farbe-cyan .kachel-headline{
	border-left-color:#1fa9d9 !important;
}
.heroarea .row > div.farbe-cyan .kachel-headline h3::first-letter, .heroarea .row > div.farbe-cyan .kachel-link:hover + .kachel-headline h3{
	color:#1fa9d9 !important;
}
.heroarea .row .farbe-cyan .kachel-link::before, .heroarea .row .farbe-cyan .kachel-link::after{
	background:#1fa9d9 !important;
}
.heroarea .row > div.farbe-green .kachel-headline{
	border-left-color:#5db559 !important;
}
.heroarea .row > div.farbe-green .kachel-headline h3::first-letter, .heroarea .row > div.farbe-green .kachel-link:hover + .kachel-headline h3{
	color:#5db559 !important;
}
.heroarea .row .farbe-green .kachel-link::before, .heroarea .row .farbe-green .kachel-link::after{
	background:#5db559 !important;
}
.heroarea .row > div.farbe-orange .kachel-headline{
	border-left-color:#f8ac43 !important;
}
.heroarea .row > div.farbe-orange .kachel-headline h3::first-letter, .heroarea .row > div.farbe-orange .kachel-link:hover + .kachel-headline h3{
	color:#f8ac43 !important;
}
.heroarea .row .farbe-orange .kachel-link::before, .heroarea .row .farbe-orange .kachel-link::after{
	background:#f8ac43 !important;
}
.heroarea .row > div.farbe-dunkelblau .kachel-headline{
	border-left-color:#416e7f !important;
}
.heroarea .row > div.farbe-dunkelblau .kachel-headline h3::first-letter, .heroarea .row > div.farbe-dunkelblau .kachel-link:hover + .kachel-headline h3{
	color:#416e7f !important;
}
.heroarea .row .farbe-dunkelblau .kachel-link::before, .heroarea .row .farbe-dunkelblau .kachel-link::after{
	background:#416e7f !important;
}
.heroarea .row > div.farbe-mint .kachel-headline{
	border-left-color:#63c0c1 !important;
}
.heroarea .row > div.farbe-mint .kachel-headline h3::first-letter, .heroarea .row > div.farbe-mint .kachel-link:hover + .kachel-headline h3{
	color:#63c0c1 !important;
}
.heroarea .row .farbe-mint .kachel-link::before, .heroarea .row .farbe-mint .kachel-link::after{
	background:#63c0c1 !important;
}
.heroarea .row > div.farbe-lime .kachel-headline{
	border-left-color:#a6c81f !important;
}
.heroarea .row > div.farbe-lime .kachel-headline h3::first-letter, .heroarea .row > div.farbe-lime .kachel-link:hover + .kachel-headline h3{
	color:#a6c81f !important;
}
.heroarea .row .farbe-lime .kachel-link::before, .heroarea .row .farbe-lime .kachel-link::after{
	background:#a6c81f !important;
}
.heroarea .row > div .second-row + .kachel-headline{
	top:auto;
	justify-content: flex-end;
	bottom:-32%;
	padding-bottom:0px;
}
.heroarea .row > div .kachel-headline .kachel-number{
	color:#b9baba;
	font-weight:300;
	font-size:19px;
}
.heroarea .floatIn{
	transition:0.5s opacity, 0.5s transform;
	opacity:0;
	transform:translateY(100px);
}
.heroarea .floatIn.inView{
	opacity:1;
	transform:translateY(0px);
}
.heroarea .row > div.floatIn .kachel-headline, .heroarea .row > div.floatIn .kachel-link::before, .heroarea .row > div.floatIn .kachel-link::after{
	opacity:0;
	transition:0.5s 0.5s opacity;
}
.heroarea .row > div.floatIn .kachel-link::before{
	transition:0.5s 0.3s opacity;
}
.heroarea .row > div.floatIn.inView .kachel-headline, .heroarea .row > div.floatIn.inView .kachel-link::before, .heroarea .row > div.floatIn.inView .kachel-link::after{
	opacity:1;
}
.heroarea .row > div .kachel-headline h3{
	color:#000;
	font-size:18px;
	font-weight: 700;
	transition:0.5s color;
	margin-bottom:0;
}
.heroarea .video-container, .heroarea .image-container, .contentblock.hintergrund-image .image-container{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 5;
}
.heroarea .video-container video{
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: auto !important;
	height: auto !important;
}
.heroarea:first-child{
	margin-top:145px;
	min-height: calc(100vh - 145px);
}
.contentblock.hintergrund-image::after{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#003e5b;
	opacity:0.65;
	display:block;
	content:"";
	z-index:7;
}
.heroarea .container, .contentblock.hintergrund-image .container{
	position: relative;
	z-index:10;
}
.heroarea .container{
	width:1020px;
	max-width:100%;
}
.heroarea.produktblock .container{
	width:100%;
}
.heroarea img{
	width:auto;
	max-width: 100%;
	display:block;
	margin:0 auto;
	height: auto !important;
}
.heroarea.heroarea-small > .animated{
	position: absolute;
	top:90px;
	left:0;
	text-align:left;
	padding:40px 90px;
	background:rgba(0,114,163,0.81);
	width:549px;
	max-width:80%;
	z-index:15;
}
.heroarea.heroarea-small > .animated.inView{
	transform:translate(0%,0%);
}
.heroarea.heroarea-small > .animated.inView.fadeOut{
	transform:translate(calc(-100% + 90px),0%);
}
.heroarea.heroarea-small >.animated.inView.fadeOut:hover{
	transform:translate(0%,0%);
}
.page-id-454 .heroarea,.page-id-787 .heroarea{
	border-bottom:1px #CCC solid;
}
.page-id-787 .heroarea, .page-id-2041 .heroarea{
	background-size:contain;
}
.page-id-454 .heroarea .scroll-down,.page-id-787 .heroarea .scroll-down, .page-id-2041 .heroarea .scroll-down{
	border-color:#444;
	display:none;
}
.contentblock.personencollage .personencollage-canvas{
	position: relative;
	height: 0px;
	padding-bottom: 42.25%;
}
.contentblock.personencollage .personencollage-canvas .outer-img{
	position: absolute;
	top:0;
	left:0;
	width:20%;
	height: 100%;
	z-index:5;
}
.contentblock.personencollage .personencollage-canvas .ausrichtung-links .outer-img{
	left:auto;
	right:0;
}
.contentblock.personencollage .personencollage-canvas .ausrichtung-unterhalb .outer-img{
	left:50%;
	transform:translateX(-50%);
}
.contentblock.personencollage .personencollage-canvas .outer-img .img-container{
	position: absolute;
	top:0%;
	left:0;
	width:100%;
	height: 80%;
}
.contentblock.personencollage .personencollage-canvas .outer-img .img-container img{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	display:block;
	object-fit: contain;
	object-position: center;
}
.contentblock.personencollage .personencollage-canvas .text h3{
	font-size:1.6vw;
	margin-bottom:1vw;
}
.contentblock.personencollage .personencollage-canvas .text{
	position: absolute;
	left:18%;
	top:40%;
	transform:translateY(-50%);
	width:20%;
	font-size:1vw;
	z-index:10;
}
.contentblock.personencollage .personencollage-canvas .ausrichtung-links .text{
	left:auto;
	right:18%;
}
.contentblock.personencollage .personencollage-canvas .ausrichtung-unterhalb .text{
	left:50%;
	transform:translateX(-50%);
	top:auto;
	bottom:0;
	text-align:center;
}
.contentblock.personenblock .row > div{
	position: relative;
}
.contentblock.personenblock .person-item .container{
	position: relative;
	min-height: 100%;
	display:flex;
	align-items: center;
}
.contentblock.personenblock .person-item .outer-img{
	flex-basis:45%;
	width:45%;
	flex-shrink:0;
}
.contentblock.personenblock .person-item .img-container{
	position: relative;
	height: 0px;
	padding-bottom:150%;
	width:100%;
}
.contentblock.personenblock .person-item .text{
	flex-basis:55%;
	width:55%;
	flex-shrink:0;
}
.contentblock.personenblock .person-item .img-container img{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.contentblock.personenblock .person-item h3{
	font-size:48px;
	margin-bottom:20px;
}
.heroarea.heroarea-small > .animated.bg-color-rot{
	background:rgba(220,68,52,0.91);
	color:#000;
}
.heroarea.heroarea-small > .animated.bg-color-rot h1{
	color:#000;
}
.heroarea.heroarea-small > .animated.bg-color-orange{
	background:rgba(199,165,75,0.81);
	color:#000;
}
.heroarea.heroarea-small > .animated.bg-color-orange h1{
	color:#000;
}
.heroarea.heroarea-small > .animated.bg-color-lime{
	background:rgba(152,181,64,0.81);
	color:#000;
}
.heroarea.heroarea-small > .animated.bg-color-lime h1{
	color:#000;
}
.heroarea.heroarea-small > .animated.bg-color-cyan{
	background:rgba(23,150,197,0.81);
	color:#000;
}
.heroarea.heroarea-small > .animated.bg-color-dunkelblau{
	background:rgba(50,59,69,0.81);
}
.heroarea.heroarea-small > .animated.bg-color-mint{
	background:rgba(133,171,177,0.81);
}
.heroarea.heroarea-small > .animated.bg-color-cyan h1{
	color:#000;
}
.heroarea.heroarea-small > .animated.bg-color-green{
	background:rgba(110,156,85,0.81);
	color:#000;
}
.heroarea.heroarea-small > .animated.bg-color-green h1{
	color:#000;
}
.heroarea.heroarea-small > .animated h1{
	color:#FFF;
	margin-bottom:0;
}
.broschuereblock h2, .newsslider h2{ 
	margin-bottom:30px;
}
.broschuereblock .owl-carousel .owl-nav button.owl-next, .broschuereblock .owl-carousel .owl-nav button.owl-prev, .newsslider .owl-carousel .owl-nav button.owl-next, .newsslider .owl-carousel .owl-nav button.owl-prev{
	position:absolute;
	top:-70px;
	right:0;
	width: 40px;
	height: 40px;
	font-size:28px;
	transition:0.5s color;
}
.broschuereblock .owl-carousel .owl-dots, .personenblock .owl-carousel .owl-dots{
	margin-top:20px;
	text-align:center;
}
.broschuereblock .owl-carousel + h2{
	margin-top:70px;
}
.downloads a.download-item{
	background:#FFF;
	padding:15px 20px;
	display:block;
	color:#003e5b;
	position:relative;
	overflow-wrap: break-word;
	transition:0.5s background, 0.5s color;
}
.downloads a.download-item:hover{
	background:#f8ad40;
	color:#FFF;
}
.downloads a.download-item .fal{
	position: absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
}
.downloads a.download-item{
	padding-right:70px;
}
.downloads a.download-item + .download-item{
	margin-top:15px;
}
.newsslider .owl-carousel .owl-dots{
	margin-top:25px;
	text-align:center;
}
.broschuereblock .owl-carousel .owl-dots .owl-dot, .newsslider .owl-carousel .owl-dots .owl-dot{
	display:inline-block;
	width:20px;
	height: 20px;
	border-radius:10px;
	background:#003e5b;
	opacity:0.6;
	transition:0.5s opacity;
}
.newsslider .owl-carousel .owl-dots .owl-dot{
	background:#FFF;
}
.broschuereblock .owl-carousel .owl-dots .owl-dot.active, .newsslider .owl-carousel .owl-dots .owl-dot.active{
	opacity:1;
}
.broschuereblock .owl-carousel .owl-dots .owl-dot + .owl-dot, .newsslider .owl-carousel .owl-dots .owl-dot + .owl-dot{
	margin-left:10px;
}
.broschuereblock .owl-carousel .owl-nav button.owl-next:hover, .broschuereblock .owl-carousel .owl-nav button.owl-prev:hover{
	color:#f8ad40;
}
.broschuereblock .owl-carousel .owl-nav button.owl-prev, .newsslider .owl-carousel .owl-nav button.owl-prev{
	right:40px;
}
.magazin a{
	transform:translateY(0px);
	box-shadow: 0px 10px 20px rgba(0,0,0,0.12) !important;
	display:block;
	transition:0.5s transform, 0.5s box-shadow;
}
.magazin a:hover{
	transform: translateY(-10px);
	box-shadow: 0px 20px 20px rgba(0,0,0,0.2) !important;
}
.broschuereblock .owl-carousel .owl-stage-outer{
	overflow:visible;
}
.contentblock.kategorieblock{
	padding-top:0;
	padding-bottom:0;
}
.kategorieblock .row{
	margin:0px -10px;
}
.kategorieblock .owl-carousel h2{
	text-transform:uppercase;
	color:#000;
	font-size:42px;
}
.kategorieblock .owl-carousel h3{
	color:#000;
	font-size:21px;
}
.kategorieblock .owl-carousel p{
	font-size:19px;
	color:#000;
}
.kategorieblock .owl-carousel .owl-stage{
	display:flex;
}
.kategorieblock .owl-carousel .owl-item{
	position: relative;
}
.kategorieblock .owl-carousel .slide-item{
	padding:120px 90px;
	background:#FFF;
	min-height: 46vw;
	position: relative;
	height: 100%;
}
.kategorieblock .owl-carousel .owl-dots{ 
	position: absolute;
	bottom:0;
	left:0;
	padding-bottom:60px;
}
.contentblock.kategorieblock .owl-carousel .owl-nav button.owl-next, .contentblock.kategorieblock .owl-carousel .owl-nav button.owl-prev, .contentblock.personenblock .owl-carousel .owl-nav button.owl-next, .contentblock.personenblock .owl-carousel .owl-nav button.owl-prev{
	position: absolute;
top: 50%;
left: 0;
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
transform: translateY(-50%);
color: #000;
z-index: 120;
	transition:0.5s color;
	font-size:28px;
}
.contentblock.kategorieblock .owl-carousel .owl-nav button.owl-next:hover, .contentblock.kategorieblock .owl-carousel .owl-nav button.owl-prev:hover, .contentblock.personenblock .owl-carousel .owl-nav button.owl-next:hover, .contentblock.personenblock .owl-carousel .owl-nav button.owl-prev:hover, .contentblock.kundenstimmen .owl-carousel .owl-nav button.owl-next:hover, .contentblock.kundenstimmen .owl-carousel .owl-nav button.owl-prev:hover, .contentblock.branchenslider .owl-carousel .owl-nav button.owl-next:hover, .contentblock.branchenslider .owl-carousel .owl-nav button.owl-prev:hover{
	color:#FFF;
}
.contentblock.kategorieblock .owl-carousel .owl-nav button.owl-next span, .contentblock.kategorieblock .owl-carousel .owl-nav button.owl-prev span, .contentblock.personenblock .owl-carousel .owl-nav button.owl-next span, .contentblock.personenblock .owl-carousel .owl-nav button.owl-prev span, .contentblock.kundenstimmen .owl-carousel .owl-nav button.owl-next span, .contentblock.kundenstimmen .owl-carousel .owl-nav button.owl-prev span, .contentblock.branchenslider .owl-carousel .owl-nav button.owl-next span, .contentblock.branchenslider .owl-carousel .owl-nav button.owl-prev span{
	position: relative;
	z-index:10;
}
.contentblock.kategorieblock .owl-carousel .owl-nav button.owl-next::before, .contentblock.kategorieblock .owl-carousel .owl-nav button.owl-prev::before, .contentblock.personenblock .owl-carousel .owl-nav button.owl-next::before, .contentblock.personenblock .owl-carousel .owl-nav button.owl-prev::before, .contentblock.kundenstimmen .owl-carousel .owl-nav button.owl-next::before, .contentblock.kundenstimmen .owl-carousel .owl-nav button.owl-prev::before, .contentblock.branchenslider .owl-carousel .owl-nav button.owl-next::before, .contentblock.branchenslider .owl-carousel .owl-nav button.owl-prev::before{
	position: absolute;
	top:50%;
	left:50%;
	width:100%;
	height: 100%;
	background:#000;
	transform:translate(-150%,-50%);
	transition:0.5s transform;
	display:block;
	content:"";
	z-index:5;
}
.contentblock.kategorieblock .owl-carousel .owl-nav button.owl-next::before, .contentblock.personenblock .owl-carousel .owl-nav button.owl-next::before, .contentblock.kundenstimmen .owl-carousel .owl-nav button.owl-next::before, .contentblock.branchenslider .owl-carousel .owl-nav button.owl-next::before{
	transform:translate(50%,-50%);
}
.contentblock.kategorieblock .owl-carousel .owl-nav button.owl-next:hover::before, .contentblock.kategorieblock .owl-carousel .owl-nav button.owl-prev:hover::before, .contentblock.personenblock .owl-carousel .owl-nav button.owl-next:hover::before, .contentblock.personenblock .owl-carousel .owl-nav button.owl-prev:hover::before, .contentblock.kundenstimmen .owl-carousel .owl-nav button.owl-next:hover::before, .contentblock.kundenstimmen .owl-carousel .owl-nav button.owl-prev:hover::before, .contentblock.branchenslider .owl-carousel .owl-nav button.owl-next:hover::before, .contentblock.branchenslider .owl-carousel .owl-nav button.owl-prev:hover::before{
	transform:translate(-50%,-50%);
}
.contentblock.kategorieblock .owl-carousel .owl-nav button.owl-next, .contentblock.personenblock .owl-carousel .owl-nav button.owl-next{
	left:auto;
	right:0;
}
.kategorieblock .owl-carousel .slide-item > div.slide-text{
	width:480px;
	max-width:100%;
	position: relative;
	z-index:20;
}
.kategorieblock .owl-carousel .slide-item > div.img-container{
	position: absolute;
	right:0;
	top:0;
	width:calc(100% - 570px);
	height: 100%;
	background-size:contain;
	background-position: center;
	background-repeat: no-repeat;
}

.kategorieblock .row > div{
	position:relative;
	padding:0px 10px;
	margin-bottom:20px;
}
.technologie-single, .technologie-overview{
	display:block;
	position:relative;
	height: 0px;
	padding-bottom:80%;
	text-align:left;
	font-size:16px;
	text-transform: uppercase;
	background-color:#FFF;
	background-size:contain;
	background-position: center;
	background-repeat: no-repeat;
	color:#003e5b;
}
.contact-sidebar{
	font-size:15px;
}
.technologie-overview{
	background:#FFF;
}
.technologie-overview .technologie-title{
	position: absolute;
	width:100%;
	top:50%;
	left:0;
	transform:translateY(-50%);
	padding:0px 15px;
	text-align:center;
}
.technologie-single .technologie-title{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:10px 15px;
	color:#FFF !important;
	z-index:5;
	transition:0.5s color;
}
.technologie-single:hover .technologie-title{
	color:#f8ad40 !important;
}
.technologie-single::after{
	display:block;
	content:"";
	background:rgba(0,0,0,0.65);
	width:100%;
	height: 44px;
	position: absolute;
	bottom:0;
	left:0;
	transition:0.5s height;
	z-index:2;
}
.technologie-single:hover::after{
	height: 100%;
}
.contentblock.hintergrund-primary.branchenslider h4, .contentblock.hintergrund-primary.kundenstimmen h4{
	color:#82caf2;
}
.contentblock.textblock, .contentblock.galerieslider, .contentblock.newsslider{
}
.contentblock.textblock .container > ul{
	padding-left:20px;
}
.contentblock.textblock.textblock-left{
	text-align:left;
}
.contentblock.textblock.textblock-center{
	text-align:center;
}
.contentblock.textblock.textblock-right{
	text-align:right;
}
.contentblock.stellenangebotsblock .stellenangebote{
	padding-right:380px;
}
.contentblock.stellenangebotsblock .stellenangebot{
	position: relative;
	padding:30px 0px;
	display:block;
	cursor: pointer !important;
	padding-right:75px;
}
.contentblock.stellenangebotsblock .stellenangebot .job-actionbar{
	position:relative;
	background:#e9eced;
	bottom:0;
	left:0;
	width:100%;
	padding:24px 30px;
}
.contentblock.stellenangebotsblock .stellenangebot .job-actionbar a + a{
	margin-left:15px;
}
.contentblock.stellenangebotsblock .stellenangebot .job-overlay{
	position:absolute;
	right:0px;
	top:50%;
	width:380px;
	transform:translate(110%,-50%);
	opacity:0;
	transition:0.5s transform, 0.5s opacity;
	background:#FFF;
	display:none;
	z-index:5;
	box-shadow: 0px 0px 30px 15px rgba(0,0,0,0.11);
	font-size:13px;
	color:#7b7b7b;
}
.contentblock.stellenangebotsblock .stellenangebot .job-overlay h3{
	font-size:18px;
	color:#444;
	margin-bottom:6px;
}
.contentblock.stellenangebotsblock .stellenangebot .job-overlay p + h3, .contentblock.stellenangebotsblock .stellenangebot .job-overlay ul + h3{
	margin-top:30px;
} 
.contentblock.stellenangebotsblock .stellenangebot .job-overlay .job-overlay-inner
{
	padding:30px;
	position: relative;
	max-height: 400px;
	overflow:auto;
}
.contentblock.stellenangebotsblock .stellenangebot .job-overlay::before{
	position: absolute;
	top:50%;
	left:0;
	transform:translate(-100%,-50%);
	width:0;
	height: 0;
	border-right:16px #FFF solid;
	border-top:16px transparent solid;
	border-bottom:16px transparent solid;
	display:block;
	content:"";
}
.contentblock.stellenangebotsblock .stellenangebot:hover .job-overlay{
	transform:translate(100%,-50%);
	display:block;
	opacity:1;
	z-index:10;
}
.contentblock.stellenangebotsblock .stellenangebot + .stellenangebot{
	border-top:1px #CCC solid;
}
.contentblock.stellenangebotsblock .stellenangebot > .fal{
	position: absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width: 60px;
	height: 60px;
	display:flex;
	justify-content: center;
	align-items: center;
	color:#FFF !important;
}
.contentblock.stellenangebotsblock .stellenangebot > .fal::before{
	position: relative;
	z-index:10;
}
.contentblock.stellenangebotsblock .stellenangebot > .fal::after{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) scale(0);
	background:#e9eced;
	transition:0.5s transform;
	display:block;
	content:"";
	width:100%;
	height: 100%;
	z-index:6;
}
.contentblock.stellenangebotsblock .stellenangebot:hover > .fal::after{
	transform:translate(-50%,-50%) scale(1);
}
.contentblock.stellenangebotsblock .stellenangebot h4{
	color:#82caf2;	
	margin-bottom:0;
	font-size:19px;
	text-transform:uppercase;
	cursor: pointer !important;
}
.contentblock.stellenangebotsblock .stellenangebot h3{
	text-transform:uppercase;
	margin-bottom: 0;
	cursor: pointer !important;
}
.newsslider .blog-block{
	padding:40px;
	background:#FAFAFA;
	text-align:left;
}
.hintergrund-primary .blog-block h1, .hintergrund-primary .blog-block h2, .hintergrund-primary .blog-block h3, .hintergrund-primary .blog-block h4, .hintergrund-primary .blog-block h5, .hintergrund-primary .blog-block h6{
	color:#0072a3;
}
.newsslider.hintergrund-grau .blog-block, .newsslider.hintergrund-primary .blog-block{
	background:#FFF;
	color:#0072a3;
}
.newsslider .owl-carousel .owl-stage-outer{
	overflow:visible;
}
.galerieslider .owl-carousel .owl-stage-outer{
	overflow:visible;
}
.galerieslider .owl-carousel + p, .newsslider .owl-carousel + p{
	margin-top:30px;
}
.galerie-bild{
	display:block;
	height:0px;
	padding-bottom: 56%;
	overflow:hidden;
	position: relative;
}
.galerie-bild .galerie-bild-container{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) scale(1);
	width:101%;
	height: 101%;
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	transition:0.5s transform;
}
.galerie-bild:hover .galerie-bild-container{
	transform:translate(-50%,-50%) scale(1.05);
}
.contentblock.leistungsblock .row{
	justify-content: flex-end;
	margin-left:-30px;
	margin-right:-30px;
}
.contentblock.leistungsblock.leistungsblock-left .row{
	justify-content: flex-start;
}
.contentblock.leistungsblock .row > div{
	padding-left: 30px;
	padding-right: 30px;
}
.contentblock.leistungsblock .service-inner{
	position:relative;
	padding:0;
}
.contentblock.bildblock{
	padding:0;
	height: 0;
	padding-bottom: 52%;
	min-height: 420px;
	position: relative;
	overflow:hidden;
}
.contentblock.bildblock .bild-nachweis, .heroarea .bild-nachweis{
	color:#FFF;
	background:#5e5d5d;
	z-index:10;
	position: absolute;
	bottom:20px;
	left:20px;
	max-width:100%;
	padding:20px 40px;
	text-align:left;
	border-radius:34px;
}
.heroarea .bild-nachweis{
	left:auto;
	right:20px;
}
.contentblock.bildtextblock{
	position: relative;
}
.contentblock.bildtextblock .image-container{
	position: absolute;
	top:0;
	right:0;
	width:50%;
	height:100%;
	background-size:cover;
	background-position: center;
}
.contentblock.galerieslider{
	padding-bottom: 0;
	padding-top:0;
}
.contentblock.bildblock img{
	position: absolute;
	top:0;
	left:0;
	object-fit: cover;
	object-position: center;
	width:100% !important;
	height: 101% !important;
}
.contentblock.textblock.hintergrund-weiss h3, .contentblock.introblock.hintergrund-weiss h3{
	color:#9c9d9d;
	font-size:43px;
}
input#mfcf7_zl_add_file{
	padding:0 !important;
	background:none !important;
	border:0;
	color:#f5b860;
	display:block;
	margin-bottom:30px;
}
.wpcf7-form > div:first-child + p{
	display:none;
}
.fancybox-slide--html{
	padding:0;
	text-align:left;
}
.modalwindow{
	display:none;
	padding:50px 60px;
	width:880px;
	max-width: 100%;
	min-height: 100vh;
	transition:0.5s transform;
	animation: fadeIn 0.5s;
	animation-iteration-count: 1
}
.modalwindow.modalwindow-right{
	float:right;
	transition:0.5s transform;
	animation: fadeInRight 0.5s;
	animation-iteration-count: 1
}
.home .modalwindow{
	padding-bottom:100px;
	font-size:24px;
}
.home .modalwindow p a{
	position: absolute;
	bottom:50px;
	left:60px;
}
.contentblock.headlineblock{
	font-size:28px;
	color:#000;
}
p.pseudo-slogan{
	font-size:28px;
}
.contentblock.headlineblock h2{
	color:#000;
	font-size:42px;
}
.page-id-359 .contentblock.bild{
	padding-bottom:0;
}
.contentblock.hintergrund-weiss + .contentblock.bild{
	padding-top:0;
}
.contentblock.bild img{
	width:100%;
	height: auto !important;
}
.headlineblock{
	text-align:center;
}
.introblock .row{
	align-items: center;
}

.image-news{
	display:block;
	color:#FFF !important;
	text-align:left;
	height: 0px;
	padding-bottom:56%;
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
}
.image-news h2{
	color:#FFF !important;
	padding:20px 30px;
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	margin-top:0;
	margin-bottom: 0;
}
.image-news h2.headline-black{
	color:#000 !important;
}
.contentblock.leistungsblock + .contentblock.leistungsblock .service-inner{
	padding-top:0;
}
.contentblock.leistungsblock .image-container{
	position: relative;
	width: 100%;
	height: 0px;
	padding-bottom: 68.25%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display:block;
}
.contentblock.leistungsblock.leistungsblock-left .image-container{
	left:auto;
	right:0;
}


/*###############################################
#												#
#					   FAQ						#
#												#
###############################################*/

.faq-accordion .question{
	position: relative;
	padding: 15px
	30px;
	background: #FAFAFA;
	border-radius: 29px;
	cursor: pointer;
	transition: 0.5s background, 0.5s color;
}
.faq-accordion .question.active{
	color:#FFF;
	background:#0072a3;
}
.faq-accordion .question::before, .faq-accordion .question::after{
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translate(-50%) rotate(0deg);
	width: 16px;
	height: 2px;
	background: #0072a3;
	display: block;
	content: "";
	transition: 0.5s transform, 0.5s background;
}
.faq-accordion .question::after{
	transform: translate(-50%) rotate(90deg);
}
.faq-accordion .question.active::after{
	background:#FFF;
	transform: translate(-50%) rotate(0deg);
}
.faq-accordion .answer{
	padding: 0px 30px;
	margin-bottom: 20px;
	margin-top: 0px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	transition: 0.5s all;
}
.faq-accordion .question.active + .answer{
	height: auto;
	margin-bottom: 60px;
	margin-top: 20px;
	opacity: 1;
}
.post-type-archive-kundenzeitschriften #content-area .row > div, .post-type-archive-presseberichte #content-area .row > div{
	margin-top:30px;
	margin-bottom:30px;
}

/*###############################################
#												#
#					   BLOG						#
#												#
###############################################*/

.category-nav, .woocommerce-tabs ul.tabs.wc-tabs{
	display:flex;
	justify-content: flex-start;
	align-items:center;
	padding-left:0;
	list-style:none;
	margin-bottom: 30px;
}
.category-nav{
	justify-content: center;
}
.category-nav a, .woocommerce-tabs ul.tabs.wc-tabs a{
	padding:10px 15px;
	opacity:0.5;
	transition:0.5s opacity;
}
.woocommerce-tabs ul.tabs.wc-tabs a{
	padding:10px 0px;
}
.woocommerce-tabs ul.tabs.wc-tabs li + li{
	margin-left:30px;
}
.category-nav a:hover, .woocommerce-tabs ul.tabs.wc-tabs a:hover{
	opacity:1;
}
.category-nav .current-cat a, .woocommerce-tabs ul.tabs.wc-tabs .active a{
	opacity:1;
}
.blog-block .row{
	align-items: center;
}
.image-bubble{
	position: relative;
	height: 0px;
	padding-bottom: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	display: block;
}
.newsslider .blog-block .row{
	margin-left:-20px;
	margin-right:-20px;
}
.newsslider .blog-block .row > div{
	padding-left:20px;
	padding-right:20px;
}

/*###############################################
#												#
#					WOOCOMMERCE 				#
#												#
###############################################*/

.woocommerce-tabs .panel h2:first-of-type{
	display:none;
}

/*###############################################
#												#
#					 WP-CODES 					#
#												#
###############################################*/

.wp-block-quote{
	background:#FAFAFA;
	padding:40px 60px;
	text-align:center;
	font-size:22px;
}
.wp-block-image{
	margin-bottom: 30px;
}
.wp-block-image img{
	max-width: 100%;
}
.hintergrund-grau .wp-block-quote, .hintergrund-primary .wp-block-quote, .hintergrund-image .wp-block-quote{
	background:#FFF;
}
.hintergrund-primary h1, .hintergrund-primary h2, .hintergrund-primary h3, .hintergrund-primary h4, .hintergrund-primary h5, .hintergrund-primary h6, .hintergrund-image h1, .hintergrund-image h2, .hintergrund-image h3, .hintergrund-image h4, .hintergrund-image h5, .hintergrund-image h6{
	color:#FFF;
}

/*###############################################
#												#
#					 FOOTER 					#
#												#
###############################################*/
#menu_footer{
	background:#5e5d5d;
	padding:90px 0;
}
#menu_footer ul{
	padding-left:0;
	margin:0;
	list-style:none;
}
#menu_footer ul li a{
	color:#FFF;
	border-top:1px #7093a6 solid;
	padding:5px 0px;
	display:block;
	padding-left:20px;
	position: relative;
}
#menu_footer ul li a::before{
	content:"»";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

form label{
	color:#7b7b7b;
}
form .form-control{
	margin-bottom:30px;
	border-radius:0;
}
body span.wpcf7-list-item{
	margin:0;
}
body span.wpcf7-list-item label{
	margin-bottom:20px;
}
body form input[type=checkbox]{
	display:none;
}
body form .checkbox-label{
	width: 100%;
	display: block;
}
body form .checkbox-label svg path{
	fill:#7b7b7b;
}
body form input[type=checkbox] + .wpcf7-list-item-label, body form input[type=radio] + .wpcf7-list-item-label{
	position: relative;
	padding-left: 48px;
	display: block;
	font-size:13px;
	color:#7b7b7b;
}
body form input[type=checkbox] + .wpcf7-list-item-label .pseudo-checkbox, body form input[type=radio] + .wpcf7-list-item-label .pseudo-checkbox{
	width: 36px;
	height: 36px;
	border-radius: 0px;
	border: 1px solid #ced4da;
	position: absolute;
	left: 0px;
	top: 50%;
	display: block;
	transform:translateY(-50%);
}
body form input[type=checkbox] + .wpcf7-list-item-label .pseudo-checkbox svg, body form input[type=radio] + .wpcf7-list-item-label .pseudo-checkbox svg{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70%;
	height: 70%;
	transform: translate(-50%,-50%) scale(0);
	transition: 0.5s all;
}
body form input[type=checkbox]:checked + .wpcf7-list-item-label .pseudo-checkbox svg, body form input[type=radio]:checked + .wpcf7-list-item-label .pseudo-checkbox svg{
	transform: translate(-50%,-50%) scale(1);
}

#footer{
	padding:50px 0;
	background:#333735;
	color:#FFF;
	text-align:left;
}
#footer strong{
	font-weight:700;
}
#footer strong.highlight-primary{
	font-weight:700;
	color:#FFF;
}
#footer .container{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
#footer .menu{
	list-style:none;
	padding-left:0;
	display:flex;
	justify-content: center;
	align-items:center;
	margin-bottom: 0;
}
#footer .menu li + li{
	margin-left:20px;
}
#footer a{
	color:#FFF;
}

/*###############################################
#												#
#				    ANIMATIONEN 				#
#												#
###############################################*/

@keyframes scrollDown {
	0% {
		opacity: 0;
		top:20%
	}
	33% {
		top: 20%;
		opacity:1
	}
	66% {
		top: 60%;
		opacity:0
	}
	100% {
		opacity: 0;
		top: 20%
	}
}
@keyframes fadeIn {
	0% {
		transform:translateX(-100%);
	}
	100% {
		transform:translateX(-0%);
	}
}
@keyframes fadeInRight {
	0% {
		transform:translateX(100%);
	}
	100% {
		transform:translateX(0%);
	}
}

/*###############################################
#												#
#					RESPONSIVE 					#
#												#
###############################################*/
@media(min-width:1200px){
	.container{
		max-width:1145px;
	}
}
@media(max-width:1199px){
	body, .btn{
		font-size:18px;
	}
	h1, .h1{
		font-size:2.3675rem;
	}
	h2, .h2{
		font-size:1.894rem;
	}
	h3, .h3{
		font-size:1.65rem;
	}
	.contentblock.personenblock .person-item h3{
		font-size:38px;
	}
	.contentblock{
		padding:90px 0px;
	}
	.contentblock.stellenangebotsblock .stellenangebote{
		padding-right:0;
	}
	.contentblock.stellenangebotsblock .stellenangebot .job-overlay{
		display:none !important;
	}
}
@media(max-width:991px){
	.contentblock.introblock .row > div:first-child,.contentblock.unternehmensbroschuere .row > div:first-child{
		margin-bottom:40px;
	}
	.kategorieblock .owl-carousel .slide-item{
		padding-bottom:52% !important;
	}
	.kategorieblock .owl-carousel .slide-item > div.img-container{
		width:100%;
		top:auto;
		bottom:6vw;
		height:52vw;
	}
	body, .btn{
		font-size:16px;
	}
	.contentblock.bildtextblock{
		padding-top:0;
	}
	.contentblock.bildtextblock .image-container{
		width:100%;
		position: relative;
		height: 0px;
		padding-bottom: 75%;
		margin-bottom: 80px;
	}
	h1, .h1{
		font-size:2.0834rem;
	}
	h2, .h2{
		font-size:1.66rem;
	}
	h3, .h3{
		font-size:1.452rem;
	}
	.contentblock.personenblock .person-item h3{
		font-size:30px;
	}
	.contentblock.headlineblock h2{
		font-size:33px;
	}
	.contentblock.headlineblock{
		font-size:22px;
	}
	.container{
		padding:0px 60px;
	}
	.contentblock.kategorieblock .owl-carousel .owl-stop{
		left:60px;
		bottom:64px;
	}
	.contentblock.kategorieblock .owl-carousel .owl-dots{
		padding:20px 60px;
		padding-left:110px;
		bottom:40px;
	}
	.kategorieblock .owl-carousel .slide-item{
		padding:90px 60px;
	}
	.contentblock{
		padding:80px 0px;
	}
	#header{
		padding:40px 0px;
	}
	#header .container{
		padding-right:150px;
	}
	#header .navbar-toggler{
		right:60px;
		top:50%;
	}
	.contentblock.leistungsblock .image-container{
		position: relative;
		height: 0;
		padding-bottom: 46%;
		width:100%;
		margin:0 auto;
		margin-bottom:40px;
	}
	.contentblock.leistungsblock .row{
		flex-direction: column;
		margin-left:0;
		margin-right:0;
	}
	.contentblock.leistungsblock .row > div{
		padding-left:0px;
		padding-right:0px;
	}
	.image-bubble{
		margin-bottom:40px;
	}
	.newsslider .blog-block{
		text-align:center;
	}
	.blog-block.blog-text-mit-bild .col-lg-5{
		width:240px;
		margin:0 auto;
		max-width:100%;
	}
	.contentblock.textblock.hintergrund-weiss h3, .contentblock.introblock.hintergrund-weiss h3{
		font-size:34px;
	}
	
	.heroarea.heroarea-small > .animated{
		padding:35px 60px;
	}
	.contentblock.personenblock .person-item .container{
		flex-direction: column;
		flex-wrap:wrap;
	}
	.contentblock.personenblock .person-item .outer-img, .contentblock.personenblock .person-item .text{
		flex-basis:100%;
		width:100%;
		text-align:center;
	}
}

@media(max-width:920px){
	.heroarea .row > div .kachel-headline h3{
		font-size:1.95vw;
	}
	.heroarea .row > div .kachel-headline .kachel-number{
		font-size:2.28vw;
	}
}
@media(max-width:820px){
	#header .container{
		flex-direction: column;
		text-align:left;
		justify-content: flex-start;
		align-items: flex-start;
	}
	#header #logo{
		width:192px;
	}
	#header .slogan{
		padding-left:0 !important;
		padding-right:0 !important;
		font-size:20.35px !important;
		line-height: 1.2;
		margin-top:10px !important;
	}
	.heroarea:first-child{
		margin-top:130px;
		min-height: calc(100vh - 130px);
	}
}
@media(max-width:767px){
	body, .btn{
		font-size:15px;
	}
	.contentblock.produktblock .image-container, .heroarea.produktblock .image-container{
		height: auto;
		padding-bottom: 0;
	}
	.contentblock.produktblock .image-container img, .heroarea.produktblock .image-container img{
		position: relative;
		width:100%;
		height: auto !important;
	}
	.contentblock.produktblock .image-container h3, .heroarea.produktblock .image-container h3{
		position: relative;
		left:auto !important;
		right:auto !important;
		top:auto !important;
		bottom:auto !important;
		width:100% !important;
		text-align: center !important;
		font-size:16px !important;
		margin-bottom: 0 !important;
		margin-top:30px !important;
	}
	.contentblock.textblock.hintergrund-weiss h3, .contentblock.introblock.hintergrund-weiss h3{
		font-size:27px;
	}
	.widget-area .widget{
		width:100%;
		flex-basis:100%;
	}
	.widget-area .widget + .widget{
		margin-top:40px;
	}
	h1, .h1{
		font-size:1.72rem;
	}
	h2, .h2{
		font-size:1.54rem;
	}
	h3, .h3{
		font-size:1.35rem;
	}
	.contentblock.personenblock .person-item h3{
		font-size:24px;
	}
	.contentblock.headlineblock h2{
		font-size:26px;
	}
	.contentblock.headlineblock{
		font-size:17.5px;
	}
	#header .navbar-collapse .menu-navigation-container{
		width:100%;
	}
	.container{
		padding-left: 40px;
		padding-right: 40px;
	}
	.contentblock.bild .container{
		padding-left:0px;
		padding-right:0px;
	}
	.heroarea.heroarea-small > .animated{
		padding:22px 40px;
	}
	.kategorieblock .owl-carousel .slide-item{
		padding:60px 40px;
	}
	.contentblock.personencollage .personencollage-canvas{
		padding-bottom:0;
		height: auto;
	}
	.contentblock.personencollage .personencollage-canvas .person-item{
		position: relative;
		padding-left:220px;
		min-height: 320px;
		display:flex;
		align-items: center;
	}
	.contentblock.personencollage .personencollage-canvas .ausrichtung-links .outer-img, .contentblock.personencollage .personencollage-canvas .ausrichtung-rechts .outer-img, .contentblock.personencollage .personencollage-canvas .ausrichtung-unterhalb .outer-img{
		left:0 !important;
		transform: none;
		width:240px;
	}
	.contentblock.personencollage .personencollage-canvas .outer-img .img-container{
		height: 100%;
	}
	.contentblock.personencollage .personencollage-canvas .text{
		position: relative;
		top:0 !important;
		left:0 !important;
		right:auto;
		bottom:auto;
		transform:none !important;
		width:100%;
		flex-basis:100%;
		text-align:left !important;
		padding-right:20px;
	}
	.contentblock.personencollage .personencollage-canvas .text h3{
		font-size:24px;
	}
	.contentblock.personencollage .personencollage-canvas .text{
		font-size:16px;
	}
}
@media (max-width: 767px) and (orientation: landscape) {
	#header{
		padding:19px 0px;
	}
	#header #logo{
		width:164px;
	}
	#header .slogan{
		font-size:11px !important;
	}
	.heroarea:first-child{
		margin-top:89px;
		min-height: calc(100vh - 89px);
	}
	#header .navbar-toggler{
		right:40px;
		top:50%;
		width: 52px;
		height: 52px;
	}
	#header .navbar-toggler .bar{
		width:24px;
		height: 3px;
		border-radius:1.5px;
	}
}
@media(max-width:567px){
	.heroarea .row > div{
		padding-left:1px;
		padding-right:1px;
		padding-top:1px;
		padding-bottom:1px;
	}
	.heroarea:first-child{
		margin-top:105px;
		min-height: calc(100vh - 105px);
	}
	.contentblock.personencollage .personencollage-canvas .text h3{
		font-size:21px;
	}
	.contentblock.personencollage .personencollage-canvas .text{
		font-size:14.5px;
	}
	.contentblock.personencollage .personencollage-canvas .person-item{
		padding-left:160px;
	}
	.contentblock.personencollage .personencollage-canvas .ausrichtung-links .outer-img, .contentblock.personencollage .personencollage-canvas .ausrichtung-rechts .outer-img, .contentblock.personencollage .personencollage-canvas .ausrichtung-unterhalb .outer-img{
		width:175px;
	}
	#header #logo{
		width:164px;
	}
	#header .slogan{
		font-size:11px !important;
	}
	body, .btn{
		font-size:14px;
	}
	h1, .h1{
		font-size:1.3rem;
	}
	h2, .h2{
		font-size:1.43rem;
	}
	h3, .h3{
		font-size:1.25rem;
	}
	.container{
		padding:0px 40px;
	}
	.kategorieblock .owl-carousel .slide-item{
		padding:60px 40px;
	}
	.heroarea.heroarea-small > .animated{
		padding:30px 40px;
	}
	#header .navbar-collapse .menu-navigation-container .menu,#header .navbar-collapse .menu-navigation-container .menu .sub-menu{
		padding-left:40px;
		padding-right:40px;
	}
	#header .navbar-collapse .menu-navigation-container .menu li a{
		font-size:21px;
	}
	.contentblock{
		padding:65px 0px;
	}
	#header{
		padding:32px 0px;
	}
	#header .container{
		padding-right:110px;
	}
}
@media(max-width:414px){
	.contentblock.branchenslider .branchen-image-area, .contentblock.kundenstimmen .image-area{
		padding-bottom: 72%;
	}
	.contentblock.branchenslider .owl-carousel .owl-dots, .contentblock.kundenstimmen .owl-carousel .owl-dots{
		top:72vw;
	}
	.kategorieblock .owl-carousel{
		padding-bottom:60px;
		background:#FFF;
	}
	.kategorieblock .owl-carousel .slide-item > div.slide-text{
		margin-bottom:30px;
	}
	.contentblock.branchenslider .owl-carousel .owl-nav button.owl-next, .contentblock.branchenslider .owl-carousel .owl-nav button.owl-prev, .contentblock.kundenstimmen .owl-carousel .owl-nav button.owl-next, .contentblock.kundenstimmen .owl-carousel .owl-nav button.owl-prev{
		top:72vw;
	}
	.kategorieblock .owl-carousel h2{
		font-size:24px;
	}
	.kategorieblock .owl-carousel h3{
		font-size:15px;
	}
	.kategorieblock .owl-carousel p{
		font-size:14px;
	}
}
@media(max-width:375px){
	.contentblock.personencollage .personencollage-canvas .text h3{
		font-size:19px;
	}
	.contentblock.personencollage .personencollage-canvas .text{
		font-size:13px;
	}
	.contentblock.personencollage .personencollage-canvas .person-item{
		padding-left:140px;
	}
	.contentblock.personencollage .personencollage-canvas .ausrichtung-links .outer-img, .contentblock.personencollage .personencollage-canvas .ausrichtung-rechts .outer-img, .contentblock.personencollage .personencollage-canvas .ausrichtung-unterhalb .outer-img{
		width:153px;
	}
}
@media(max-width:320px){
	
}