/*   
Theme Name: WESSELMANN
Theme URI:
Description:
Author: CRENEO
Author URI: https://www.creneo.de
*/
@font-face {
    font-family: 'LibreFranklin-Light';
    src: url('fonts/LibreFranklin-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LibreFranklin-Bold';
    src: url('fonts/LibreFranklin-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body {
	width: 100%;
	height: 100%;
	color: #333;
	background: #fff;
	font-family: 'LibreFranklin-Light';
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	padding: 0;
	background: #fff url('img/bg_lines.svg') left top repeat-y;
	background-size: contain;
}
 
#wrapper {
	position: relative;
	width: 100%;
	height: auto;
	margin: auto;
	text-align: left;
	padding: 0px;
}
body::-webkit-scrollbar { 
    display: none;
}
#header {
	position: fixed;
	width: 100%;
	height: 80px;
	padding: 0; /* 15px 30px 15px 30px */
	z-index: 999998;
	background: transparent;
	
}
.header-bg {
	position: fixed;
	width: 100%;
	height: 80px;
	left: 0;
	top: 0;
	box-shadow: 0 0 10px rgba(0,0,0,.0);
}
.contact-desktop {
	display: block;
}
.contact-phone {
	display: none;
}
#main {
	height: 100%;
}
a {
	color: #EB5B1F;
}
a:hover {
	color: #EB5B1F;
	text-decoration: underline !important;
}
					

/*.sow-slider-image, .sow-slider-image-cover cycle-slide , .sow-slider-image-container, .sow-slider-image-wrapper, .so-widget-sow-layout-slider, .so-widget-sow-layout-slider-default-24cb8182b50e {
	height: 100% !important;
}
.homeslider, #pl-5, #pg-5-0 {
	width: 100%;
	height: 100% !important;
}
.homeslider h3, .homeslider h1 {
	height: auto !important;
}*/
.homeslider {
	position: relative;
	padding-bottom: 0;
	margin-bottom: 0;
}
.sow-slider-base .sow-slider-pagination {
	bottom: auto;
	left: auto !important;
	width: 20px !important;
	top: 30%;
	right: 10px;
}
.sow-slider-base .sow-slider-pagination li {
	margin-bottom: 5px !important;
}
.sow-slider-pagination li a {
	background: transparent !important;
	border: 1px solid #fff !important;
	/*display: block !important;
	opacity: 1 !important;*/
}
.sow-slider-base .sow-slider-pagination li.sow-active a {
	background: rgba(235,91,31,1) !important;
}

.sow-slider-base .sow-slide-nav.sow-slide-nav-next, .sow-slider-base .sow-slide-nav.sow-slide-nav-prev {
	display: none !important;
}
/*#panel-5-0-0-0 > div > div > div > ul > li.sow-slider-image.sow-slider-image-cover.cycle-slide.cycle-slide-active {
	filter: grayscale(100%);
	-moz-animation: colorize 3s 2s 1 ease-out forwards;
	animation: colorize 3s 2s 1 ease-out forwards;
}

@keyframes colorize {
	0 {
		filter: grayscale(100%);
	}
	100% {
		filter: grayscale(0%);
	}
}
@-moz-keyframes colorize {
	0 {
		filter: grayscale(100%);
	}
	100% {
		filter: grayscale(0%);
	}
}*/
.homeslider h1 {
	margin-top: 30px;
}
.homeslider h1::after {
	content: '';
	display: block;
	position: relative;
	width: 60px;
	height: 4px;
	margin-left: 4px;
	margin-top: 10px;
	border-bottom: 4px solid #fff;
}
.scroll-icon {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	bottom: 100px;
	transform: translateX(-50%);
	background: transparent url('img/scroll.svg') center center no-repeat;
	background-size: contain;
	z-index: 999990;
}
.bottom-line-right::after {
	content: '';
	display: block;
	position: relative;
	width: 60px;
	height: 4px;
	margin-left: 4px;
	margin-top: 10px;
	border-bottom: 3px solid #000;
	float: right;
}
.slider-txt {
	position: absolute;
	width: 60%;
	left: 114px;
	top: 250px;
}
.slider-bottom-buttons {
	position: absolute;
	width: 100%;
	height: auto;
	bottom: 0;
	z-index: 999990;
	text-transform: uppercase;
}
.slider-bottom-buttons a {
	float: left;
	display: inline-block;
	width: 19.8%;
	background: rgba(200,200,200,.7);
	color: #fff;
	padding: 10px 0 10px 0;
	font-size: 16px;
	text-align: center;
	margin-right: .25%;
}
.slider-bottom-buttons a:nth-child(5) {
	margin-right: 0px;
}
.slider-bottom-buttons a:hover {
	color: #fff;
	background: rgba(235,91,31,1);
	text-decoration: none !important;
}
button {
	width: auto;
	height: auto;
	padding: 8px;
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}
button:hover {
	color: rgba(235,91,31,1);
	text-decoration: none !important;
}
button:active {
	color: rgba(235,91,31,1);
	text-decoration: none !important;
}
button a, button a:hover {
	text-decoration: none !important;
}
.slider-txt button {
	width: auto;
	height: auto;
	padding: 8px;
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}
.slider-txt button a {
	color: #fff;
}
.slider-txt button a:hover {
	color: rgba(235,91,31,1);
	text-decoration: none;
}

/*.slider-text button:active {
	color: rgba(235,91,31,1);
	text-decoration: none !important;
}*/
.invert {
	color: #000;
	border: 2px solid #EB5B1F;
}
.slope button a {
	color: #000 !important;
}
.slope button a:hover {
	color: #EB5B1F !important;
}
.fixed {
	position: fixed;
}
#main {
	width: 100%;
	float: left;
}
#footer {
	position: relative;
	clear: both;
	width: 100%;
	height: auto;
	padding: 0px 60px 60px 60px;
	font-size: 13px;
	background: transparent;
	color: #333;
	text-align: center;
}
f-left {
	position: absolute;
	left: 60px;
}
f-right {
	position: absolute;
	right: 60px;
}
#footer a {
	position: relative;
	color: #000;
	text-decoration: none;
	display: inline-block;
	margin-left: 120px;
}
#footer a:hover {
	color: #EB5B1F;
}
.top {
	position: absolute;
	width: 28px;
	padding-top: 20px;
	right: 60px;
}
.top img {
	width: 100%;
}
.top:hover {
	cursor: pointer;
}

/*a:hover {
	color: #2489c5;
	text-decoration: none;
}*/
a {
	text-decoration: none;
}
a[aria-current="page"], .current-menu-parent > a {
	color: #EB5B1F !important;
}
.link-white {
	color: #fff;
	text-decoration: underline;
}
.link-white:hover {
	color: #fff;
}
img {
	border: none;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* content */

.svg-anim {
	width: 100%;
	max-width: 450px;
	margin-top: 90px;
}
.svg-anim img {
	width: 80%;
}
.big-img-box {
	position: relative;
	height: auto;
	min-height: 600px;
	padding: 100px 30px 100px 0;
	background-position: center right !important;
}
.big-img-box h2::after {
	content: '';
	display: block;
	position: relative;
	width: 60px;
	height: 4px;
	margin-left: 1px;
	margin-top: 10px;
	border-bottom: 4px solid #fff;
}
h2.line-right::after {
	content: '';
	display: block;
	position: absolute;
	width: 60px;
	height: 4px;
	
	margin-top: 10px;
	border-bottom: 4px solid #fff;
	right: 0px;
}
.historie-txt {
	position: relative;
}
.historie-txt h3::after {
	content: '';
	display: block;
	position: relative;
	width: 60px;
	height: 4px;
	margin-left: 1px;
	margin-top: 10px;
	border-bottom: 4px solid #EB5B1F;
}
.historie-txt h3 {
	font-family: 'LibreFranklin-Bold';
}
.historie-line-left {
	position: absolute;
	left: -60px;
	top: -30px;
	width: 25px;
}
.historie-line-right {
	position: absolute;
	right: -60px;
	top: -30px;
	width: 25px;
}
.historie-line-left img, .historie-line-right img {
	width: 100%;
}
.historie-img, .historie-img img {
	width: 100%;
}
.big-img-box button {
	color: #fff;
	text-decoration: none;
	margin-top: 30px;
}
.big-img-box button:hover {
	color: #EB5B1F;
	text-decoration: none;
	margin-top: 30px;
}
.big-img-box button a {
	color: #fff;
	text-decoration: none;
}
.big-img-box button a:hover {
	color: #EB5B1F;
	text-decoration: none !important;
}
.box-overlay {
	position: absolute;
	width: 60%;
	left: -150px;
	bottom: -100px;
}
.box-overlay-top-center {
	position: absolute;
	width: 25%;
	left: 50%;
	top: -150px;
	transform: translateX(-50%);
}
.box-overlay-top {
	position: absolute;
	width: 50%;
	left: -200px;
	top: -200px;
}
.box-overlay-top-unternehmen {
	position: absolute;
	width: 70%;
	left: -250px;
	top: -200px;
}
.box-overlay-bottom-right, .box-overlay-bottom-right-brain {
	position: absolute;
	width: 35%;
	right: -150px;
	bottom: -50px;
}
.box-overlay-bottom-center {
	position: absolute;
	width: 50%;
	left: 50%;
	transform: translateX(-50%);
	bottom: -200px;
}
.box-overlay-bottom-center-handy {
	position: absolute;
	width: 60%;
	left: 65%;
	transform: translateX(-50%);
	bottom: -200px;
}
.box-overlay img, .box-overlay-top img, .box-overlay-top-center img, .box-overlay-bottom-right img, .box-overlay-bottom-right-brain img, .box-overlay-bottom-center img, .box-overlay-bottom-center-handy img, .box-overlay-top-unternehmen img {
	width: 100%;
}

/* slope */

.slope {
	position: relative;
	width: 100%;
	max-width: 1024px;
	margin-top: -140px;
}
.slope-unternehmen {
	position: relative;
	width: 100%;
	max-width: 1024px;
	margin-top: -180px;
}

.slope img, .slope-unternehmen img {
	width: 100%;
}
.slope .txt-overlay, .slope-unternehmen .txt-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 30%;
	height: 100%;
	padding: 60px 30px 30px 60px;
}

/* Navigation */

.wrapper-nav {
	position: fixed;
	width: auto;
	height: 80px;
	top: 0px;
	right: 30px;
	background: transparent;
	z-index: 999999;
	display: block !important;
}
.wrapper-nav a {
	font-weight: normal;
}

#hamburger {
	display: none;
}
#nav {
	position: relative;
	width: auto;
	right: 0;
	top: 18px;
	margin: 0;
	padding-right: 90px;
}
.menu-menu-1-container {
	/*height: 100%;*/
}
ul.menu {
	list-style-type: none;
	padding: 0px;
	display: inline-block;
}
ul.menu li {
	position: relative;
	float: left;
	height: 50px;
	background: transparent;
	border-bottom: none;
	margin-right: 50px;
}
ul.menu li a {
	display: block;
	width: auto;
	color: #fff;
	font-size: 14px;
	text-align: left;
	padding: 0 16px 0 16px;
	text-decoration: none;
	height: 100%;
	line-height: 50px;
	text-transform: uppercase;
}
ul.menu li a:hover {
	/*background-color: #999;*/
	color: #EB5B1F;
}
ul.menu li a.link-invert {
	color: #000;
}
ul.menu li a.link-invert:hover {
	color: #EB5B1F;
}


ul.sub-menu {
	position: absolute;
	list-style-type: none;
	padding: 0px;
	display: block;
	width: auto;
	white-space: nowrap;
	/*background: rgba(255,255,255,.9);*/
	display: none;
	overflow: hidden;
	z-index: 999999;
}
ul.sub-menu li {
	width: 100%;
}
ul.sub-menu li a {
	font-size: 14px;
	color: #000;
}

.icon-pen, .icon-phone {
	position: absolute;
	width: 34px;
	height: 34px;
	top: 50%;
	transform: translateY(-50%);
}
.icon-pen {
	right: 60px;
	background: url('img/icon_pen.svg') left top no-repeat;
	background-size: contain;
}
.icon-phone {
	right: 15px;
	margin-top: -3px;
	background: url('img/icon_phone.svg') left top no-repeat;
	background-size: contain;
}
.pen-invert {
	background: url('img/icon_pen_blk.svg') left top no-repeat;
	background-size: contain;
}
.phone-invert {
	background: url('img/icon_phone_blk.svg') left top no-repeat;
	background-size: contain;
}
.icon-pen:hover {
	background: url('img/icon_pen_orange.svg') left top no-repeat;
	background-size: contain;
}
.icon-phone:hover {
	background: url('img/icon_phone_orange.svg') left top no-repeat;
	background-size: contain;
}
.icon-close {
	position: absolute;
	left: 15px;
	top: 25px;
	width: 40px;
	height: 40px;
	background: transparent url('img/icon_close.svg') center center no-repeat;
	background-size: 30px 30px;
	display: none;
}

.logo {
	position: absolute;
	width: 180px;
	height: auto;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
}
.logo img {
	width: 100%;
}
#logo-a {
	position: absolute;
	display: block;
	opacity: 1;
}
#logo-b {
	position: absolute;
	opacity: 1;
}
#logo-sticky {
	position: absolute;
	opacity: 0;
}
#logo-sticky img {
	width: 45%;
}
#page_5 #logo-a {
	position: absolute;
	display: block;
}
#page_5 #logo-b {
	position: absolute;
	opacity: 0;
}

.section-teaser {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	min-height: 540px;
	overflow: hidden;
}
.entry {
	position: relative;
	width: 100%;
	height: 100% !important;
	min-height: 100%;
}


/* Boxen */

.box-teaser {
	display: block;
	position: relative;
	padding: 60px 25px 60px 25px;
	overflow: hidden;
	width: 90%;
	min-width: 350px;
	border: 20px solid #00ffbf;
	margin-top: -20px;
	margin-left: 90px;
}
.box-100 {
	width: 100%;
	position: relative;
	padding: 30px 60px 30px 60px;
}
.box-66 {
	width: 66.66%;
	position: relative;
	padding: 30px;
	margin: 0 auto;
}
.box-25 {
	position: relative;
	width: 24.99%;
	padding: 30px;
}
.box-33 {
	position: relative;
	width: 33.33%;
	padding: 30px;
}
.box-50 {
	position: relative;
	width: 49.99%;
	padding: 30px;
	float: left;
}
.box-55 {
	position: relative;
	width: 55%;
	padding: 30px;
}
.box-45 {
	position: relative;
	width: 45%;
	padding: 30px;
}

.section {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	/*min-height: 100%;*/
	overflow: hidden;
}
.section-auto {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	/*float: left;*/
	margin: 0 auto;
}
.boxed {
	width: 70%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 15px 30px 15px;
}
.boxed-wide {
	width: 90%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 30px 15px 30px 15px;
}

/* colors */

.white {
	color: #fff;
}
.black {
	color: #000;
}
.grey {
	color: #54565a;
}
.dark-grey {
	color: #333;
}
.light-grey {
	color: #999;
}
.orange {
	color: #EB5B1F;
}

.bg-white {
	background-color: #ffffff;
}


/* fonts */

h1, h2, h3, h4, h5 {
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 3.2em;
	line-height: 1.2em;
}
h2 {
	font-size: 2.2em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.8em;
	line-height: 40px;
}
h5 {
	font-size: 1.4em;
	line-height: 36px;
}
p {
	font-size: 1.2em;
	line-height: 1.8em;
}
.lh-zero {
	line-height: 1em;
}
.small {
	font-size: 14px;
	line-height: 12px;
	margin-bottom: -15px;
	padding: 0;
}
.box-50 h2 {
	position: relative;
}
.gaense::before {
	position: absolute;
	content: '';
	width: 60px;
	height: 40px;
	margin-left: -20px;
	margin-top: -45px;
	background: transparent url('img/gaense.svg') center center no-repeat;
	background-size: contain;
	z-index: 0;
}

/* other */

.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.justify {
	text-align: justify;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.separator {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
}
.italic {
	font-style: italic;
}
.height-50 {
	height: 50px;
}
.height-100 {
	height: 100px;
}
.clearfix {
	display: block;
	float: none;
	clear: both;
}
.no-padding {
	padding: 0;
}
.hide-on-mobile {
	display: block;
}
.show-on-mobile {
	display: none;
}

/* contact form */

/*.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea
{
    background-color: #fff;
    color: #666;
    width: 100%;
    border-radius: 0px;
    border: 0px solid #ccc !important;
    font-size: 16px;
    font-weight: normal;
    min-height: 2em !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    padding: 8px 15px !important;
    -webkit-font-smoothing: antialiased;
}
.wpcf7-form textarea
{
    height: 4em;
    resize: none;
    border: none !important;
}
.submit-btn input[type="submit"] {
    font-size: 16px;
    border-radius: 0px;
    background: #fff !important;
    color: #666;
    border: none;
    padding: 1em;
    width: 140px;
    -webkit-appearance: none;
}
.submit-btn input[type="submit"]:hover {
    background: #666 !important;
    cursor: pointer;
    color: #fff;
}

input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, .wpcf7-form textarea::-webkit-input-placeholder { 
  color: rgba(0,0,0,.4);
}
input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, .wpcf7-form textarea::-moz-placeholder { 
  color: rgba(0,0,0,.4);
}
input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, .wpcf7-form textarea:-ms-input-placeholder { 
  color: rgba(0,0,0,.4);
}
input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, .wpcf7-form textarea:-moz-placeholder { 
  color: rgba(0,0,0,.4);
}
input[type=checkbox] {
  transform: scale(1.5);
}
span.wpcf7-list-item-label {
	color: #fff;
	margin-top: -27px !important;
	padding-left: 20px;
	display: block;
}
span.wpcf7-form-control-wrap.checkbox-859 {
	display: block;
	text-align: left;
}/*




/* media queries */

.post-password-form {
  	padding: 150px
	15px 100px 15px;
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
	height: 90vh;
}

@media screen and (max-width: 1280px) {
	.boxed {
		width: 80%;
	}
	h1 {
		font-size: 2.9em;
		line-height: 1.2em;
	}
	h2 {
		font-size: 1.9em;
	}
}

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

	.slider-bottom-buttons a {
		
		font-size: 12px;
		
	}
	.slope, .slope-unternehmen {
		position: relative;
		width: 100%;
		margin-top: -140px;
		padding: 15px;
	}
	
	.slope img, .slope-unternehmen img {
		width: 100%;
		display: none;
	}
	.slope .txt-overlay, .slope-unternehmen .txt-overlay {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		padding: 15px 15px 15px 15px;
		background: #fff;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.3);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
		box-shadow: 0 0 10px rgba(0,0,0,.3);
	}
	.boxed {
		width: 90%;
	}
}

@media screen and (max-width: 1024px) {
	.boxed {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	h1 {
		font-size: 2.8em;
		line-height: 1.2em;
	}
	h2 {
		font-size: 1.8em;
	}
	.big-img-box .box-50 {
		padding: 15px;
		width: 75%;
	}
}

@media screen and (max-width: 780px) {
	
	/* Navigation */
	
	html, body {
		background: #fff;
	}
	.slider-txt h3 {
		margin-bottom: 0;
	}
	.slider-txt h1 {
		margin-top: 10px;
	}
	.wrapper-nav {
		position: fixed;
		width: 300px;
		height: 100%;
		top: 0;
		right: -300px;
		background: #333;
		z-index: 999999;
	}
	.wrapper-nav a {
		font-weight: bold;
	}
	.header-bg {
		height: 60px;
	}
	.contact-desktop {
		display: none;
	}
	.contact-phone {
		display: block;
	}
	.sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover {
		background-position-x: 75% !important;
	}
	.slider-txt {
		left: 0;
		width: 100%;
		padding: 15px;
		top: 80px;
		z-index: 999990;
	}
	.slider-txt::before {
		position: absolute;
		content: '';
		width: 100%;
		height: 500px;
		left: 0;
		top: -80px;
		background: transparent url('img/gradient.png') top left no-repeat;
		background-size: 100% auto;
		z-index: -1;
	}
	.slider-bottom-buttons a {
		display: none;
	}
	#hamburger {
		position: absolute;
		color: #000;
		width: 40px;
		height: 40px;
		right: 60px;
		top: 50%;
		margin-top: -20px;
		background: transparent url("img/burger_icon_white.png") center center no-repeat;
		text-align: center;
		display: block;
	}
	#nav {
		position: absolute;
		width: 100%;
		left: 0;
	}
	ul#nav {
		list-style-type: none;
		padding: 0px;
		margin-top: 50px;
		display: block;
	}
	#nav li {
		float: none;
		clear: left;
		height: auto;
		background: transparent;
		border-bottom: none;
	}
	.icon-pen, .icon-phone {
		width: 34px;
		height: 34px;
		top: 30px;
	}
	#nav li a {
		display: block;
		color: #fff;
		font-family: 'LibreFranklin-Bold';
		font-size: 14px;
		text-align: left;
		/* padding: 16px; */
		text-decoration: none;
		height: 32px;
		line-height: 32px;
	}
	
	#nav li a:hover {
		/*background-color: #fff;*/
		color: #EB5B1F;
	}
	ul.menu li a::after {
	    content: '';
	    display: none;
	    width: 0;
	    height: 2px;
	    margin-top: -3px;
	    background: #2489c5;
	    transition: none;
	}
	
	ul.menu li a:hover::after {
	    width: 100%;
	}
	.icon-close {
		position: absolute;
		left: 5px;
		top: 10px;
		width: 40px;
		height: 40px;
		background: transparent url('img/icon_close.svg') center center no-repeat;
		background-size: 40px 40px;
		display: block;
	}
	ul.menu {
		display: block;
	}
	ul.sub-menu {
		position: relative;
		list-style-type: none;
		padding: 0px;
		display: block;
		width: auto;
		white-space: nowrap;
		background: transparent;
		display: block;
		overflow: visible;
		margin-left: 20px;
	}
	ul.sub-menu li {
		width: 100%;
	}
	ul.sub-menu li a {
		font-family: 'LibreFranklin-Light' !important;
		font-size: 14px !important;
	}
	.scroll-icon {
		bottom: 100px;
	}
	.height-100 {
		height: 15px;
	}
	.boxed-wide {
		width: 100%;
		margin: 0 auto;
		padding: 30px 0px 30px 0px;
	}
	.big-img-box {
		min-height: 500px;
		padding: 30px 30px 30px 0;
		background-position: center right !important;
	}
	#werbeflaechen.big-img-box {
		background-position: center center !important;
	}
	.box-overlay {
		width: 90%;
		max-width: 500px;
		left: 50%;
		transform: translateX(-50%);
	}
	.box-overlay-top, .box-overlay-bottom-right {
		width: 100%;
		max-width: 500px;
		left: 0;
		top: auto;
		bottom: -100px;
		margin: 0 auto;
	}
	#page_775 .box-overlay-top {
		bottom: -230px;
	}
	.box-overlay-bottom-right-brain {
		width: 60%;
		left: 50%;
		transform: translateX(-50%);
		top: auto;
		bottom: -100px;
	}
	.box-overlay-top-unternehmen {
		width: 90%;
		max-width: 500px;
		left: 50%;
		top: auto;
		bottom: -150px;
		transform: translateX(-50%);
	}
	.box-overlay-top-center {
		width: 50%;
	}
	.bottom-line-right {
		text-align: center;
	}
	.bottom-line-right::after {
		float: none;
		clear: both;
		margin: 0 auto;
		padding-top: 15px;
	}
	.box-overlay-bottom-center-handy {
		position: absolute;
		width: 75%;
		bottom: -150px;
	}
	.homeslider h1 {
		font-size: 1.8em;
	}
	.homeslider h3 {
		font-size: 1em;
	}
	h2.line-right::after {
		right: 0;
	}
	/* slope */

	.slope, .slope-unternehmen {
		position: relative;
		width: 100%;
		margin-top: -140px;
		padding: 15px;
	}
	
	.slope img, .slope-unternehmen img {
		width: 100%;
		display: none;
	}
	.slope .txt-overlay, .slope-unternehmen .txt-overlay {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		padding: 15px 15px 15px 15px;
		background: #fff;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.3);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
		box-shadow: 0 0 10px rgba(0,0,0,.3);
	}
	#header {
		height: 60px;
		/*padding: 15px 15px 20px 15px;*/
	}
	#footer {
		height: auto;
		padding: 0px 15px 30px 15px;
		font-size: 13px;
	}
	f-left {
		position: relative;
		left: auto;
		text-align: center;
		
	}
	f-right {
		position: relative;
		right: auto;
		text-align: center;
		display: block;
		margin-top: 30px;
	}
	#footer a {
		position: relative;
		color: #000;
		text-decoration: none;
		display: inline-block;
		margin-left: 15px;
		margin-right: 15px;
	}
	.top {
		width: 28px;
		padding-top: 110px;
		right: 15px;
	}
	.claim {
		position: absolute;
		width: 320px;
		left: 50%;
		margin-left: -160px;
		top: 37%;
	}
	.logo {
		position: absolute;
		width: 120px;
		height: auto;
		left: 15px;
	}
	#hamburger {
		right: 15px;
		width: 40px;
		height: 40px;
		margin-top: -20px;
		background: transparent url("img/burger_icon_white.png") center center no-repeat;
		background-size: 30px 30px;
	}
	.boxed {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.svg-anim {
		width: 100%;
		margin-top: 0px;
		margin: 0 auto;
	}
	.svg-anim.right {
		text-align: center;
	}
	
	.mobile-padding {
		padding: 0;
	}
	.contact-box {
		display: none;
	}
	.box-100 {
		width: 100%;
		padding: 30px 0px 30px 0px;
	}
	.box-66 {
		width: 100%;
		padding: 15px;
	}
	.box-25 {
		width: 100%;
		padding: 15px;
	}
	.box-33 {
		width: 100%;
		padding: 15px;
	}
	.box-50 {
		width: 100%;
		padding: 15px;
	}
	.big-img-box .box-50 {
		padding: 15px;
		width: 100%;
	}
	.padding-0-30 {
		padding: 0;
	}
	.box-55 {
		width: 100%;
		padding: 15px;
	}
	.box-45 {
		width: 100%;
		padding: 15px;
	}
	.justify {
		text-align: left;
	}
	h1 {
		font-size: 2.2em;
	}
	h2 {
		font-size: 1.6em;
	}
	h3 {
		font-size: 1.2em;
	}
	h4 {
		font-size: 1.1em;
		line-height: 1.3em;
	}
	p {
		font-size: 1em;
		line-height: 1.6em;
	}
	.lh-zero {
		line-height: 1em;
	}
	.small {
		font-size: 10px;
	}
	.light {
		font-family: "Arial", sans-serif !important;
	}
	
	.hide-on-mobile {
		display: none;
	}
	.show-on-mobile {
		display: block;
	}
	input[type='text'], input[type='email'], input[type='submit'], textarea {
		max-width: 100%;
	}
}
@media screen and (max-width: 640px) {
	.scroll-icon {
		bottom: 50px;
	}
}
@media screen and (max-width: 350px) {
	.wrapper-nav {
		overflow-y: scroll;
	}
}