/*
Theme Name: East End
*/

@font-face {
	font-family: 'Conv_Kaleko 105 Round Bold';
	src: url('fonts/Kaleko 105 Round Bold.eot');
	src: local('☺'), url('fonts/Kaleko 105 Round Bold.woff') format('woff'), url('fonts/Kaleko 105 Round Bold.ttf') format('truetype'), url('fonts/Kaleko 105 Round Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Kaleko 105 Round Book';
	src: url('fonts/Kaleko 105 Round Book.eot');
	src: local('☺'), url('fonts/Kaleko 105 Round Book.woff') format('woff'), url('fonts/Kaleko 105 Round Book.ttf') format('truetype'), url('fonts/Kaleko 105 Round Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
    width: 100%;
    height: auto;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

body {
	background: #fff;
	color: #000;
    font-family: 'Conv_Kaleko 105 Round Book', Helvetica, Arial, sans-serif;
	text-align: left;
	min-height: 100%;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
    overflow-x: hidden;
    position: relative;
}

.wpforms-field-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label,
div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
	font-size: 12px !important;
}

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
	background: #e63328 !important;
	padding: 10px 20px; 
	color: #fff !important; 
	text-align: center; 
	margin: 20px auto;
	border: none !important;
	font-family: 'Conv_Kaleko 105 Round Bold';
}

.dl-button {
	padding: 10px 20px; 
	background: #e63328;
	color: #fff; 
	text-align: center; 
	display: table; 
	margin: 20px auto;
}

.red-text {
	color: #e63328;
}

h1 {
	font-family: 'Conv_Kaleko 105 Round Bold';
	font-size: 24px;
  line-height: 30px;
}

h2 {
	font-family: 'Conv_Kaleko 105 Round Bold';
	font-size: 20px;
  line-height: initial;
}

h3 {
	font-family: 'Conv_Kaleko 105 Round Bold';	
	font-size: 18px;
}

h4 {
	font-family: 'Conv_Kaleko 105 Round Bold';	
	font-size: 16px;
}

h5 {
	font-family: 'Conv_Kaleko 105 Round Bold';	
	font-size: 14px;
}

h6 {
	font-family: 'Conv_Kaleko 105 Round Bold';	
	font-size: 12px;
}

.bn-mob-first {
	display: none;
}

a.mobile-btn {
    display: none;
}

:focus {
	outline: none;
}

.footer-inner i {
    font-size: 18px !important;
    margin: 0 5px;
}

#videodiv-live {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.videoWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.col-3 {
    width: 33.333%; 
    padding: 10px;
    height: 330px;
    margin-bottom: 20px;
    display: block; 
    float: left;
}

.col-3-logo {
    width: 33.333%; 
    padding: 10px;
    height: auto;
    margin-bottom: 20px;
    display: block; 
    float: left;
    text-align: center;
}

.col-3 iframe {
    height: 330px;
}

.col-4 {
    width: 25%; 
    padding: 10px;
    display: block; 
    height: auto; 
    float: left;
}

.col-4 iframe {
    height: 290px;
}

.col-inner {
   width: 100%; 
   height: 100%; 
   position: relative; 
}

.col-overlay {
    pointer-events: none;
    display: none;
    position: absolute; 
    color: #fff; 
    background: rgba(0,0,0,0.7); 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    padding: 10px; 
    font-size: 10px;
    transition: 		all 0.4s ease;
    -o-transition: 		all 0.4s ease;
    -moz-transition: 	all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.hr-img {
    cursor: pointer;
}

a.hr-home {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    margin-right: -120px;
    color: #e63328;
    top: 0;
    border: 2px solid #e63328;
    padding: 6px 0;
    text-align: center;
    font-size: 24px;
    border-radius: 20px;
}

.col-inner:hover > .col-overlay {
    display: block;
}

.col-overlay strong {
    color: #fff;
}

.hr-block {
    width: 950px;
}

.hr-text {
    width: 30%; 
    padding: 20px;
}

.hr-text p {
    padding: 0;
    margin: 0;
}

.hr-text img {
    width: 60%;
    margin-bottom: 20px;
}

.hr-overlay {
    display: none;
    width: 100%; 
    height: 100%; 
    background: rgba(0, 0, 0, 0.7); 
    position: absolute; 
    z-index: 998; 
    top: 0; 
    left: 0;
}

.hr-nav {
    position: fixed;
    top: 50%;
    width: 100%;
}

.hr-left {
    position: absolute;
    left: 0;
    top: 50%;
    margin-left: -50px;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 20px;
    cursor: pointer;
    padding: 5px 0;
}

.hr-right {
    position: absolute;
    right: 0;
    top: 50%;
    margin-right: -50px;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 20px;
    cursor: pointer;
    padding: 5px 0;
}

.hr-slide {
    display: none;
}

.first > .hr-left,
.last > .hr-right {
    display: none !important;
}

.hr-close {
    position: fixed;
    top: 0;
    right: 0;
    margin: 20px;
    font-size: 40px;
    pointer-events: all;
    color: #fff;
    z-index: 999;
    cursor: pointer;
}

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.clear {
    clear: both;
}

img {
    max-width: 100%;
    display: block;
}

p {
    margin: 10px 0px;
    padding: 0;
}

p a,
li a {
    display: inline-block !important;
}

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

a {
    color: #000;
    font-family: 'Conv_Kaleko 105 Round Bold';
    display: block;
    text-decoration: none;
}

.hr-btn-text {
    font-family: 'Conv_Kaleko 105 Round Bold';
    margin-bottom: 10px;
    display: block;
    font-weight: 700; 
    font-size: 14px;    
}

.hr-btn-text-btm {
    font-family: 'Conv_Kaleko 105 Round Bold';
    margin-top: 10px;
    display: block;
    font-weight: 700; 
    font-size: 14px;    
}

.wide-button {
    font-family: 'Conv_Kaleko 105 Round Bold';
    color: #fff; 
    font-weight: 700; 
    width: 400px; 
    height: auto; 
    text-align: center; 
    padding: 10px; 
    background: #e63328;
    font-size: 14px;
}

.contact-block-infos p {
  margin-bottom: 0;
}



.turn {
    display: none;
}
    
.left {
    float: left;
}

.right {
    float: right;
}

.claim-ipad {
    width: 300px;
}

.lp-claim {
	width: 400px;
}

.ipad-vision-claim {
}

.ipad-vision-claim.lp {
    margin-left: -60px;
}

.margin-bottom {
    margin-bottom: 20px;
}

strong {
    font-family: 'Conv_Kaleko 105 Round Bold';
    color: #000;
    font-weight: normal;
}

.list ul {
    list-style: square !important;
}

.news-content strong,
.news-content b {
    color: #000;
}

.site-header {
    width: 100%;
    height: 110px;
    display: inherit;
    position: fixed;
    z-index: 998;
    top: 0;
    left: 0;
    background: #fff;
}

.header-inner {
    max-width: 1070px;
    width: 100%;
    height: 100px;
    display: inherit;
    margin: 0 auto;
}

.site-branding {
    width: 110px;
    float: left;
    margin-top: 25px;
}

.site-content {
    padding-top: 130px;
    max-width: 1070px;
    padding-bottom: 50px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

nav.main-navigation {
    float: left;
    margin-left: 80px;
    margin-top: 22px;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

nav ul#menu-main,
nav ul#menu-main-en,
nav ul#menu-mission-markenerlebnis,
nav ul#menu-mission-markenerlebnis-en {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav ul#menu-main li,
nav ul#menu-main-en li,
nav ul#menu-mission-markenerlebnis li,
nav ul#menu-mission-markenerlebnis-en li {
    display: inline-block;
    margin-right: 30px;
}

nav ul#menu-main li a,
nav ul#menu-main-en li a,
nav ul#menu-mission-markenerlebnis li a,
nav ul#menu-mission-markenerlebnis-en li a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: none;
    color: #000;
    transition: 		all 0.2s ease;
    -o-transition: 		all 0.2s ease;
    -moz-transition: 	all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

nav ul#menu-main li a:hover,
nav ul#menu-main-en li a:hover,
nav ul#menu-side li a:hover,
nav ul#menu-side-en li a:hover,
nav ul#menu-mission-markenerlebnis li a:hover,
nav ul#menu-mission-markenerlebnis-en li a:hover {
    color: #e63328;
}

nav ul#menu-main li.current_page_item a,
nav ul#menu-main-en li.current_page_item a,
nav ul#menu-side li.current_page_item a,
nav ul#menu-side-en li.current_page_item a,
nav ul#menu-mission-markenerlebnis li.current_page_item a,
nav ul#menu-mission-markenerlebnis-en li.current_page_item a {
    color: #e63328;
}

nav.side-navigation {
    float: right;
    margin-top: 22px;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

nav ul#menu-side,
nav ul#menu-side-en {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav ul#menu-side li,
nav ul#menu-side-en li {
    display: inline-block;
    margin-left: 30px;
}

nav ul#menu-side li a,
nav ul#menu-side-en li a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: none;
    color: #bcbcbc;
}

iframe {
    width: 100%;
    height: 350px;
    display: block;
}

.share img {
    width: 40px;
    height: 40px;
    margin-right: 5px;
    float: left;
}

.small {
    display: none;
}

/* HOME */

body.home .site-content {
    height: auto;
    padding-bottom: 50px;
    overflow: hidden;
}

.lead-in {
    font-family: 'Conv_Kaleko 105 Round Bold';
    font-size: 18px;
    line-height: initial;
    color: #e63328;
    margin: 0px 0px 25px 0px;
}

.lead-in p {
    margin: 0;
}

.block {
    position: relative;
    padding: 10px 0px;
}

.block:focus {
    outline: none;
}

.home-block-first {
    padding-bottom: 0;
}

.home-block-second {
    padding-top: 4px;
}
.contact-left {
    width: 190px;
    height: auto;
    float: left;
    padding-top: 60px;
}

.standort {
    margin-bottom: 20px;
    font-size: 11px;
}

.contact-left a {
    text-decoration: none;
    font-family: 'Conv_Kaleko 105 Round Book';
}

.standort img {
    margin-bottom: 10px;
}

.contact-right {
    width: 840px;
    height: auto;
    float: right;
    padding-top: 0px;
}

.contact-page-block {
    width: 180px;
    height: auto;
    float: left;
    margin-right: 12px;
    font-size: 11px;
}

.contact-page-block a {
    font-family: 'Conv_Kaleko 105 Round Book' !important;
}

.contact-block:last-child {
    margin-right: 0;
}

.contact-img {
    width: 180px;
    height: 180px;
    overflow: hidden;
    margin-bottom: 10px;
}

.landingpage-img {
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    height: 250px;
    overflow: hidden;
    margin-bottom: 20px;
}

.lp-box {
    position: relative;
    line-height: 24px;
    text-transform: uppercase;
}

.lp-box-text-right {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0px 20px 20px 0px;
    text-shadow: 1px 1px 2px black;
    font-size: 14px;
    text-align: right;
    color: #fff;
}

.lp-box-text {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0px 0px 20px 20px;
    text-shadow: 1px 1px 2px black;
    font-size: 14px;
    text-align: left;
    color: #fff;
}

.lp-box strong {
    color: #fff;
}

.lp-contact-block {
    width: 500px;
    float: right;
    position: relative;
    margin: 40px 0px 120px 0px;
}

.home-video {
    position: relative;
    padding-top: 150px;
}

.standort-bilder {
    width: 900px;
    height: auto;
    float: right;
}

.standort-bild-links {
    width: 608px;
    height: 400px;
    overflow: hidden;
    float: left;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

.standort-bild-rechts {
    width: 280px;
    height: 180px;
    overflow: hidden;
    float: right;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

.standort-left {
    width: 180px;
    float: left;
    color: #5a5a5a;
    padding-top: 10px;
}

.standort-left strong {
    color: #000;
}

.standort-right {
    width: 800px;
    float: right;
    margin: 20px 0;
}

.standort-right h1,h2,h3,h4,p, ul, .inner {
  max-width: 500px;
}


.standort-map {
    width: 400px;
    height: 300px;
    overflow: hidden;
    margin-top: 20px;
    position: relative;
}

.map-hover {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 280px;
    font-size: 30px;
    line-height: 280px;
    opacity: 0;
    color: #fff;
    text-align: center;
    box-sizing: 		border-box;
    -o-box-sizing: 		border-box;
    -moz-box-sizing: 	border-box;
    -webkit-box-sizing: border-box;
    transition: 		all 0.2s ease;
    -o-transition: 		all 0.2s ease;
    -moz-transition: 	all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.standort-map:hover .map-hover {
    opacity: 1;
}

.side-menu {
    width: 220px;
    height: 2400px;
    position: fixed;
    top: 300px;
    pointer-events: none;
    float: left;
    z-index: 997;
}

.side-menu-title {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 30px;
    font-family: 'Conv_Kaleko 105 Round Bold';
    color: #e63328;
    pointer-events: all;
    margin-top: -7px;
    text-decoration: none;
}

.side-menu-links {
    margin-left: 30px;
    margin-top: -5px;
    max-width: 170px;
}

.side-menu a {
    pointer-events: all;
    display: block;
    text-decoration: none;
    color: #bcbcbc;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 3px;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

.landingpage-news a {
    pointer-events: all;
}

.side-menu a:hover {
    color: #e63328;
}

.side-menu-value a.side-active,
a.side-active {
    color: #e63328;    
}

.side-menu-value ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.est-img {
    position: relative;
}

.est-txt {
    position: absolute;
    max-width: 100%;
    bottom: 0;
    margin-left: 10px;
    margin-bottom: 10px;
    color: #fff;
    left: 0;
    margin-right: 10px;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px black;
    font-family: 'Conv_Kaleko 105 Round Bold'; 
}

.side-menu-border-left {
    width: 4px;
    height: 100%;
    border-right: 2px solid #bcbcbc;
    border-left: 2px solid #bcbcbc;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
}

.side-menu-border-top {
    width: 10%;
    border-top: 2px solid #bcbcbc;
    border-bottom: 2px solid #bcbcbc;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
}

.home-news {
    width: 200px;
    height: 3000px;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    margin-left: 10px;
    margin-top: -10px;
    z-index: 9;
    padding-top: 30px;
    padding-left: 20px;
}

.landingpage-news {
    width: 200px;
    height: auto;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    margin-left: 10px;
    margin-top: -30px;
    z-index: 9;
    padding-top: 30px;
    padding-left: 10px;
}

.home-news ul {
    margin: 0;
    padding: 0;
    padding-left: 10px;
}

.home-news-border-top {
    width: 50%;
    border-top: 2px solid #bcbcbc;
    border-bottom: 2px solid #bcbcbc;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
}

.home-news-border-left {
    width: 4px;
    height: 100%;
    border-right: 2px solid #bcbcbc;
    border-left: 2px solid #bcbcbc;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
}

.home-news-title a{
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 55%;
    font-family: 'Conv_Kaleko 105 Round Bold';
    color: #e63328;
    pointer-events: all;
    margin-top: -5px;
    font-size: 15px;
    text-decoration: none;
}

.home-news-date {
    font-family: 'Conv_Kaleko 105 Round Book';
    color: #e63328;
}

.home-news-text {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    display: block;
    pointer-events: all;
}

.home-news-text a {
    text-decoration: none;
    color: #000;
    font-family: 'Conv_Kaleko 105 Round Book';
}

a.arrow-link {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    margin-top: 2px;
    display: inline-block;
}

.home-first {
    width: 100%;
    height: 370px;
    position: relative;
    float: left;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-one {
    width: 300px;
    height: 400px;
    margin-bottom: 12px;
    position: relative;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-two {
    width: 300px;
    height: 240px;
    position: relative;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-three {
    width: 520px;
    height: 320px;
    margin-bottom: 12px;
    position: relative;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-four {
    width: 520px;
    height: 320px;
    position: relative;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-five {
    width: 440px;
    height: 250px;
    position: relative;
    margin-bottom: 12px;
    margin-right: 12px;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-six {
    width: 280px;
    height: 350px;
    margin-bottom: 12px;
    margin-right: 12px;
    position: relative;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-seven {
    width: 620px;
    height: 420px;
    margin-bottom: 12px;
    position: relative;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: top center;
}

.home-seven.small {
    width: 400px;
    height: 520px;
    margin-bottom: 12px;
    position: relative;
    float: left;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: top center;
}

.home-three .home-project-company,
.home-four .home-project-company,
.home-five .home-project-company,
.home-six .home-project-company,
.home-seven .home-project-company {
    left: inherit;
    right: 0;
    text-align: right;
}

.home-first .home-project-title,
.home-one .home-project-title,
.home-two .home-project-title {
    text-align: left !important;
    padding: 0;
    padding-left: 10px !important;
}

.home-three .home-project-title,
.home-four .home-project-title,
.home-five .home-project-title,
.home-six .home-project-title,
.home-seven .home-project-title {
    right: 0;
    text-align: right !important;
    padding: 0;
    padding-right: 10px !important;
}

.home-project {
    position: relative;
    background: #000;
}



.home-project-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    font-size: 10px;
    pointer-events: none;
    transition: 		all 0.2s ease;
    -o-transition: 		all 0.2s ease;
    -moz-transition: 	all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.home-project:hover .home-project-overlay {
    opacity: 1;
}

.home-project-company {
    position: absolute;
    bottom: 0;
    margin-left: 10px;
    margin-bottom: 10px;
    line-height: 14px;
    color: #fff;
    left: 0;
    margin-right: 10px;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px black;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

.home-project-title {
    position: absolute;
    width: 80%;
    padding: 0px 60px;
    top: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px black;
    font-family: 'Conv_Kaleko 105 Round Bold';
    opacity: 0;
    transition: 		all 0.2s ease;
    -o-transition: 		all 0.2s ease;
    -moz-transition: 	all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    cursor: pointer;
}

.home-project:hover .home-project-title {
    opacity: 1;
}

.home-block-one-left {
    width: 430px;
    height: auto;
    margin-right: 20px;
    margin-bottom: 40px;
    float: left;
} 

.home-block-one-right {
    width: 560px;
    height: auto;
    float: right;
    padding-top: 150px;
    position: relative;
}

.home-block-two-left {
    width: 538px;
    height: 660px;
    float: left;
    position: relative;
}

.home-block-two-right {
    width: 520px;
    height: 660px;
    float: right;
}

.home-block-three-left {
    width: 450px;
    height: auto;
    float: left;
}

.home-block-three-right {
    width: 620px;
    height: auto;
    float: right;
}

.ani {
    position: absolute;
    left: 45%;
    top: 0;
    width: 1840px;
    height: auto;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
    margin-top: 110px;
    background: url('img/animation.gif');
    background-size: cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/animation.gif', sizingMethod='scale');
}

.vision-ani {
    position: absolute;
    left: 52%;
    top: 0;
    width: 2450px;
    height: auto;
    pointer-events: none;
    overflow: hidden;
    z-index: 1;
    margin-top: 110px;
    margin-left: -345px;
    background: url('img/claim.png');
    background-size: cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/claim.png', sizingMethod='scale');
}

.mobile-ani {
    display: none;
}

<!--[if IE]>

    .vision-ani, .ani {
        background: none !important;
    }

<![endif]-->

.vision-video {
    width: 550px;
    margin-bottom: 20px;
}

.site {
    position: relative;
}

input,
textarea {
   font-family: 'Conv_Kaleko 105 Round Book'; 
}

input:focus,
textarea:focus {
   outline: none;
}

.ee-form {
    margin-top: 40px;
    width: 330px;
}

.ee-form p {
    margin: 0;
}

.ee-form img {
    width: 120px;
    float: left;
    margin-right: 10px;
}

input[type="text"],
input[type="email"] {
    padding: 12px 10px;
    border: 1px solid #bcbcbc;
    width: 200px;
    margin-bottom: 10px;
}

textarea {
    padding: 12px 10px;
    border: 1px solid #bcbcbc;
    width: 200px;
    margin-bottom: 10px;
    resize: none;  
    height: 85px;  
}

input[type="submit"] {
    border: none;
    background: transparent;
    font-family: 'Conv_Kaleko 105 Round Book';
    text-transform: lowercase;
    padding: 0;
    cursor: pointer;
    color: #bcbcbc;
    font-size: 14px;
    float: right;
    transition: 		all 0.2s ease;
    -o-transition: 		all 0.2s ease;
    -moz-transition: 	all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

input[type="submit"]:hover {
    color: #e63328;
}

form p {
    padding: 0 10px;
}

.form-row input[type="submit"],
.apply-btn {
    width: auto;
    font-family: 'Conv_Kaleko 105 Round Bold';
    text-transform: none;
    padding: 0;
    float: none;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    background: #e63328;
    border: 2px solid #e63328;
    padding: 10px;
    font-size: 14px;
    transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.form-row input[type="submit"]:hover,
.apply-btn:hover {
    background: #fff;
    color: #e63328;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.upload-btn {
    width: auto;
    font-family: 'Conv_Kaleko 105 Round Bold';
    text-transform: none;
    padding: 0;
    float: none;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    background: #e63328;
    border: 2px solid #e63328;
    padding: 10px;
    font-size: 14px;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.form-row {
    width: 45%;
    display: inline-block;
    padding: 15px 10px;
}

.form-row.small {
    width: 22%;
    display: inline-block;
    padding: 15px 10px;
}

.form-row.files {
    width: 100%;
}

.form-row.checkbox {
    width: 100%;
}

.checkbox input {
    float: left;
}

.checkbox p {
    max-width: 450px;
    float: left;
    margin: 0;
}

.form-row input[type="text"],
input[type="email"] {
    width: 100%;
}

.form-row.full {
    width: 100%;
    display: inline-block;
}

.form-horizontal input,
.form-horizontal select {
    width: 100%;
    display: inline-block;
}

/* remove standard-styles */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 


/* remove standard-styles */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%;
  font-family: 'Conv_Kaleko 105 Round Book';
} 

label {
    display: block;
    margin-bottom: 5px;
}

label p {
    display: inline;
    margin: 0;
    padding: 0;
}

/* styling */
select {
  width:100%;
  color: #000;
  border: 1px solid #bcbcbc;
  background-color:#fff;
  background-image:url(img/select-arrow.png);
  background-size: 20px;
  background-position: right;
  background-repeat: no-repeat;
  padding: 10px;
}

select:hover {
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
  display:none;
}

.overlay-headline {
    display: block;
    width: auto;
    position: absolute;
    background: #fff;
    max-width: 600px;
    top: -25px;
    left: -10px;
    font-size: 24px;
    padding: 25px 10px 0px 10px;
}

.linebreak-headline {
	font-family: 'Conv_Kaleko 105 Round Bold';
    color: #e63328;
    font-size: 30px; 
	padding: 0;
    margin: 0; 
	line-height: 34px;
	padding-right: 20px;
    text-transform: uppercase;
}

.overlay-slider {
    padding: 0;
    margin: 0; 
    display: block;
    width: auto;
    position: absolute;
    padding-right: 20px;
    background: #fff;
    text-transform: uppercase;
    top: 0;
    left: 0;
    width: 340px;
    height: 150px;
    overflow: hidden;
}

.headline-placeholder {
    margin-top: 100px;
}

.headline-placeholder-news {
    margin-top: 35px;
}

.headline-overlay {
    width: 1250px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -345px;
    bottom: 0;
    margin-top: 120px;
    overflow: hidden;
    z-index: 10;
    pointer-events: none;
}

.headline-overlay.start-fix {
    width: 1250px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -60px;
    bottom: 0;
    margin-top: 120px;
    overflow: hidden;
    z-index: 10;
    pointer-events: none;
}

img.claim-fix {
    width: 350px;
}

.headline-overlay-border-right {
    width: 1920px;
    height: 6px;
    margin-top: 12px;
    background: #e63328;
    float: right;
}

.headline-overlay-border-left {
    width: 6px;
    height: 100%;
    margin-top: 60px;
    background: #e63328;
    float: left;
    margin-left: 10px;
}

.headline-overlay-border-right.claim-start {
    margin-top: 24px;
}

.headline-overlay-border-left.claim-start {
    margin-left: 14px;
}

ul.dropdown {
    display: none;
    position: absolute;
    z-index: 9999;
	color: #e63328;
    left: 0;
    width: 260px;
    top: 0;
    list-style: none;
    margin-top: 15px;
    background: #fff;
    padding: 10px 20px 10px 20px;
}

ul.dropdown li {
    font-family: 'Conv_Kaleko 105 Round Bold';
    display: block;
}

ul.dropdown li a {
    display: block;
    padding: 5px 0px;
    color: #bcbcbc;
    text-decoration: none;
    text-transform: uppercase;
    transition: 		all 0.2s ease;
    -o-transition: 		all 0.2s ease;
    -moz-transition: 	all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

ul.dropdown li a:hover {
    color: #e63328;
}

.block-right {
    width: 800px;
    float: right;
    position: relative;
    margin: 0 0 40px 0;
}

.seo-block {
    float: right;
    width: 800px;
    margin-bottom: 20px;
}

.block.seo {
    padding-top: 50px;
}

.block-left.seo {
    width: 450px;
    padding: 0px 30px;
    font-size: 11px;
    float: left;
}

.block-right.seo {
    width: 580px;
    padding: 0px 30px;
    font-size: 11px;
    float: right;
}

.partner {
    margin-top: 20px;
}

.partner img {
    width: 140px;
    display: inline-block;
    margin: 5px;
}


/* PROJECT */

.project-slides {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    position: relative;
}

.project-slides-left {
    width: 250px;
    height: auto;
    float: left;
    margin-right: 12px;
}

.project-slides-right {
    width: 800px;
    height: auto;
    float: left;
}

.slick-dots {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: -20px;
    list-style: none;
}

.slick-dots li {
    display: inline-block;
    margin-right: 4px;
    cursor: pointer;
}

.dot {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #bcbcbc;
}

.slick-dots li.slick-active .dot {
    background: #e63328;
}

.slick-next {
    position: absolute;
    right: 0;
    top: 50%;
    height: 20px;
    margin-top: -10px;
    color: #fff;
    z-index: 99;
    margin-right: 10px;
    cursor: pointer;
}

i.slick-next  {
  font-size: 40px;
}

.video-images{
  overflow: hidden;
  margin-bottom: 12px;
}

.video-images .slide {
  height: 160px;
  margin-bottom: 10px;
}

.slider-one,
.slider-two {
    height: 160px;
    overflow: hidden;
    margin-bottom: 12px;
}

.video-images .slide,
.slider-one .slide,
.slider-two .slide {
    height: 160px;
}

.slider-main {
    height: 450px;
}

.slider-main .slide {
    height: 450px;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

.slider-main .slick-list {
    height: 450px;
    overflow: hidden;
}

.project-icons {
    width: 210px;
    min-height: 400px;
    padding: 0px 40px 0px 50px;
    float: left;
    text-align: center;
}



.project-intro {
    font-family: 'Conv_Kaleko 105 Round Bold';
    margin-bottom: 30px;
    width: 450px;
    height: auto;
    margin-bottom: 20px;
}

.project-intro h2 {
    color: #e63328;
    font-size: 18px;
}

.project-description {
    float: left;
    width: 450px;
}

.project-description p:first-child {
    margin-top: 0;
}

.project-content {
    width: 800px;
    float: left;
    margin-left: 60px;
    position: relative;
}

.project-similar {
    float: right;
    position: relative;
    width: 240px;
    padding-top: 30px;
    margin-right: -20px;
}

.news-similar {
    position: relative;
    width: 200px;
    padding-top: 30px;
    margin-right: -20px;
}

.similar-box {
    width: 100%;
    height: 140px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    pointer-events: all;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

.similar-box a {
    display: block;
}

.similar-headline {
    background: #fff;
    padding-right: 10px;
    position: absolute;
    z-index: 999;
    text-transform: uppercase;
}

.similar-title {
    position: absolute;
    text-shadow: 1px 1px 2px black;
    font-family: 'Conv_Kaleko 105 Round Bold';
    bottom: 0;
    left: 0;
    margin-bottom: 5px;
    text-transform: uppercase;
    margin-left: 5px;
    color: #fff;
    cursor: pointer;
    z-index: 99;
    opacity: 0;
    transition: 		all 0.2s ease;
    -o-transition: 		all 0.2s ease;
    -moz-transition: 	all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.similar-box:hover .similar-title,
.value-similar-box:hover .similar-title {
    opacity: 1;
}

.similar-overlay {
    position: absolute;
    font-family: 'Conv_Kaleko 105 Round Bold';
    top: 0;
    right: 0;
    width: 220px;
    height: 480px;
    z-index: 99;
    margin-right: 20px;
    margin-top: 120px;
    pointer-events: none;
    color: #e63328;
}

.similar-overlay.lp {
    margin-top: 10px;
}

.similar-overlay-border-top {
    width: 100%;
    border-top: 2px solid #bcbcbc;
    border-bottom: 2px solid #bcbcbc;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 7px;
}

.similar-overlay-border-right {
    width: 4px;
    height: 463px;
    border-right: 2px solid #bcbcbc;
    border-left: 2px solid #bcbcbc;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 7px;
    z-index: 999;
}

.similar-overlay-border-right.newsborder,
.similar-overlay-border-right.jobsborder {
    height: 340px;
}

.icon {
    text-align: center;
    margin-bottom: 20px;
}

.icon-count {
    font-size: 16px;
    margin-bottom: 4px;
    line-height: 28px;
}

.icon-desc {
    color: #e63328;
    font-family: 'Conv_Kaleko 105 Round Bold';
    text-transform: uppercase;
}

.auge {
    width: 70px;
    height: 70px;
    background: url('icons/EE003_Icon_Auge.png');
    background-repeat: no-repeat;
    background-size: 70px 70px;
    -moz-background-size: 70px 70px;
    -webkit-background-size: 70px 70px;
    display: inline-block;
}

.herz {
    width: 70px;
    height: 70px;
    background: url('icons/EE003_Icon_Herz.png');
    background-repeat: no-repeat;
    background-size: 70px 70px;
    -moz-background-size: 70px 70px;
    -webkit-background-size: 70px 70px;
    display: inline-block;
}

.ohr {
    width: 70px;
    height: 70px;
    background: url('icons/EE003_Icon_Ohr.png');
    background-repeat: no-repeat;
    background-size: 70px 70px;
    -moz-background-size: 70px 70px;
    -webkit-background-size: 70px 70px;
    display: inline-block;
}

.flamme {
    width: 70px;
    height: 70px;
    background: url('icons/EE003_Icon_Flamme.png');
    background-repeat: no-repeat;
    background-size: 70px 70px;
    -moz-background-size: 70px 70px;
    -webkit-background-size: 70px 70px;
    display: inline-block;
}

.gluehbirne {
    width: 70px;
    height: 70px;
    background: url('icons/EE003_Icon_Gluehlampe.png');
    background-repeat: no-repeat;
    background-size: 70px 70px;
    -moz-background-size: 70px 70px;
    -webkit-background-size: 70px 70px;
    display: inline-block;
}

.lupe {
    width: 70px;
    height: 70px;
    background: url('icons/EE003_Icon_Lupe.png');
    background-repeat: no-repeat;
    background-size: 70px 70px;
    -moz-background-size: 70px 70px;
    -webkit-background-size: 70px 70px;
    display: inline-block;
}

.map {
    width: 70px;
    height: 70px;
    background: url('icons/EE003_Icon_Map.png');
    background-repeat: no-repeat;
    background-size: 70px 70px;
    -moz-background-size: 70px 70px;
    -webkit-background-size: 70px 70px;
    display: inline-block;
}

.pfeil {
    width: 70px;
    height: 70px;
    background: url('icons/EE003_Icon_Pfeil.png');
    background-repeat: no-repeat;
    background-size: 70px 70px;
    -moz-background-size: 70px 70px;
    -webkit-background-size: 70px 70px;
    display: inline-block;
}

.plus {
    width: 70px;
    height: 70px;
    background: url('icons/EE003_Icon_Plus.png');
    background-repeat: no-repeat;
    background-size: 70px 70px;
    -moz-background-size: 70px 70px;
    -webkit-background-size: 70px 70px;
    display: inline-block;
}

.sprechblase {
    width: 70px;
    height: 70px;
    background: url('icons/EE003_Icon_Sprechblase.png');
    background-repeat: no-repeat;
    background-size: 70px 70px;
    -moz-background-size: 70px 70px;
    -webkit-background-size: 70px 70px;
    display: inline-block;
}

.stern {
    width: 70px;
    height: 70px;
    background: url('icons/EE003_Icon_Stern.png');
    background-repeat: no-repeat;
    background-size: 70px 70px;
    -moz-background-size: 70px 70px;
    -webkit-background-size: 70px 70px;
    display: inline-block;
}

.uhr {
    width: 70px;
    height: 70px;
    background: url('icons/EE003_Icon_Uhr.png');
    background-repeat: no-repeat;
    background-size: 70px 70px;
    -moz-background-size: 70px 70px;
    -webkit-background-size: 70px 70px;
    display: inline-block;
}

/* NEWS */

.newspage-intro {
    max-width: 550px;
    font-family: 'Conv_Kaleko 105 Round Book'; 
}

.newspage-intro strong {
    color: #000;
}

a.active {
    color: #e63328;
}

.newspage-block {
    width: 890px;
    min-height: 200px;
    height: auto;
    float: right;
}

.press-block {
    width: 880px;
    height: auto;
    float: right;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
}

.press-post {
    background-color: #fafafa;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
    height: auto;
}

.press-text {
    font-family: 'Conv_Kaleko 105 Round Bold';    
}

.press-post-inner {
    padding: 20px 40px;
    box-sizing: 		border-box;
    -o-box-sizing: 		border-box;
    -moz-box-sizing: 	border-box;
    -webkit-box-sizing: border-box;
}

.newspage-archive {
    width: 890px;
    min-height: 200px;
    height: auto;
    float: right;
    padding-left: 50px;
}

.home-news-text-archive {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    display: block;
    pointer-events: all;
    padding-bottom: 10px;
    border-bottom: 1px solid #bcbcbc; 
}

.home-news-text-archive a {
    text-decoration: none;
    color: #000;
    font-family: 'Conv_Kaleko 105 Round Book';
}

.newspage-block-one {
    width: 840px;
    min-height: 200px;
    height: auto;
    float: left;
    margin: 0px 5px 0px -10px;
}

.newspage-post {
    box-sizing: 		border-box;
    -o-box-sizing: 		border-box;
    -moz-box-sizing: 	border-box;
    -webkit-box-sizing: border-box;
    height: auto;
    background: #ebebeb;
    border-radius: 2px;
    float: left;
    width: 400px;
    margin: 10px 6px;
}

.newspage-post:nth-child(2n) {
    margin-top: 50px;
}




.newspage-post-img {
    width: 100%;
    height: 240px;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-position: center center;
}

.newspage-date {
    font-family: 'Conv_Kaleko 105 Round Book';
    color: #e63328;
}

.newspage-text {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    display: block;
    pointer-events: all;
    padding: 20px 40px;
}

.newspage-text a {
    text-decoration: none;
    color: #000;
    font-family: 'Conv_Kaleko 105 Round Book';
}

a.newspage-link {
    text-decoration: underline;
}

.newspage-block img {
    margin-bottom: 10px;
    width: 100%;
}

.uu-post {
	width: calc(30% - 10px);
    height: auto;
    background: #ebebeb;
    border-radius: 2px;
    float: left;
    margin: 0 6px 10px 6px;
    position: relative;
}

#sbi_images {
	padding: 0 5px 10px 5px !important;
}

.uu-post-img {
    width: 100%;
    height: 120px;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-position: center center;
}

.uu-text {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    display: block;
    pointer-events: all;
    padding: 10px;
    height: 100px;
    font-family: 'Conv_Kaleko 105 Round Book';
}

.uu-date {
    font-family: 'Conv_Kaleko 105 Round Book';
    color: #e63328;
}

.uu-text a {
    text-decoration: none;
    color: #000;
    font-family: 'Conv_Kaleko 105 Round Book';
}

a.uu-link {
    text-decoration: underline;
}

.uu-icon img {
	display: inline-block;
	margin-bottom: 10px;
}

.uu-icon-text {
	display: block;
}

.apply-step {
	width: 30%;
	float: left;
	padding: 10px;
	margin: 10px 20px 10px 0;
	border: 1px solid #e63328;
}

.arrow-box {
	position: relative;
	background: #ffffff;
	border: 1px solid #e63328;
}

.arrow-box:after, .arrow-box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow-box:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 10px;
	margin-top: -10px;
}

.arrow-box:before {
	border-color: rgba(245, 0, 0, 0);
	border-left-color: #e63328;
	border-width: 11px;
	margin-top: -11px;
}

.news-text {
    min-height: 420px;
    padding: 20px 40px;
}

.news-menu {
    width: 190px;
    height: 2400px;
    position: absolute;
    pointer-events: none;
    padding: 20px;
    left: 0;
    top: 0;
    margin-top: -80px;
    z-index: 9;
    transition: 		all 0.1s linear;
    -o-transition: 		all 0.1s linear;
    -moz-transition: 	all 0.1s linear;
    -webkit-transition: all 0.1s linear;
}

.news-menu-title {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 30px;
    font-family: 'Conv_Kaleko 105 Round Bold';
    color: #e63328;
    pointer-events: all;
    margin-top: -7px;
    text-decoration: none;
}

.news-menu-title a {
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Conv_Kaleko 105 Round Bold';
    color: #e63328;
    margin-top: 2px;
    pointer-events: all;
    text-decoration: none;
}

.news-menu-title-sub {
    font-family: 'Conv_Kaleko 105 Round Bold';
    color: #e63328;
    pointer-events: all;
    margin-top: -7px;
    text-decoration: none;
}

.news-menu-border-left {
    width: 4px;
    height: 100%;
    border-right: 2px solid #bcbcbc;
    border-left: 2px solid #bcbcbc;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
}

.news-menu-border-top {
    width: 10%;
    border-top: 2px solid #bcbcbc;
    border-bottom: 2px solid #bcbcbc;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
}

.news-menu-links {
    margin-left: 30px;
    margin-top: -5px;
}

a.grey {
    color: #bcbcbc;
    text-decoration: none;
    margin-bottom: 10px;
    display: block;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

.blog-content {
  width: 800px;
  float: right;
}

.blog-content img {
  margin: 40px 0;
  width: 100%;
  max-width: 100%;
}

.blog-content p {
  max-width: 100%;
  font-size: 14px;
  line-height: 22px;
  width: 100% !important;
}

.news-content {
    width: 800px;
    float: right;
}

.news-content-inner {
    width: 500px;
}

.news-leadin {
    font-family: 'Conv_Kaleko 105 Round Bold';
    margin-bottom: 40px;
}

.news-leadin strong {
}

.news-images {
    width: 900px;
    float: right;
}

.news-image  {
    width: 400px;
    height: 240px;
    margin-right: 10px;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    float: left;
}

/* VALUE */

.value-block-headline {
    position: absolute;
    background: #fff;
    z-index: 99;
    margin-top: -110px;
    padding: 15px 0px;
    margin-left: 90px;
    width: 800px;
}

.value-block-headline h2 {
    font-family: 'Conv_Kaleko 105 Round Bold';
    color: #e63328;
    font-size: 24px; 
    padding: 0;
    margin: 0; 
    display: block;
    line-height: 20px;
    text-transform: uppercase;
}

.value-cluster-field {
    width: 220px;
    height: auto;
    float: left;
    margin: 0px 10px;
}

.value-cluster-field:first-child {
    margin-left: 0;
}

.value-intro-bold {
    font-family: 'Conv_Kaleko 105 Round Bold';
    margin-bottom: 20px;   
}

.value-intro {
    width: 550px;
    height: auto;
    min-height: 1px;
    float: left;
}

.career-intro {
    width: 550px;
    height: auto;
    min-height: 1px;
    float: left;
}

.value-block-content {
    width: 640px;
    float: right;
    position: relative;
}

.value-block-text {
    width: 400px;
    float: left;
}

.value-block-content p:first-child {
    padding-top: 0;
    margin-top: 0;
}

.value-block-text ul {
    padding: 0;
    padding-left: 12px;
}

.value-block-intro {
    font-family: 'Conv_Kaleko 105 Round Bold';
    margin-bottom: 30px;
    width: 420px;
}

.career-block-intro {
    font-family: 'Conv_Kaleko 105 Round Bold';
    margin-bottom: 10px;
    width: 600px;
}

.career-block-text {
    width: 600px;
    float: left;
}

.career-block-text a {
    font-family: 'Conv_Kaleko 105 Round Book';
}

.value-block-similar {
    width: 200px;
    float: right;
}

.value-similar {
    float: right;
    position: relative;
    width: 220px;
    padding-top: 30px;
}

.value-similar-overlay {
    position: absolute;
    font-family: 'Conv_Kaleko 105 Round Bold';
    top: 0;
    right: 0;
    width: 180px;
    height: 510px;
    z-index: 99;
    margin-right: 20px;
    margin-top: 75px;
    pointer-events: none;
    color: #e63328;
}

.value-similar-overlay-border-top {
    width: 100%;
    border-top: 2px solid #bcbcbc;
    border-bottom: 2px solid #bcbcbc;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 7px;
}

.value-similar-overlay-border-right {
    width: 4px;
    height: 464px;
    border-right: 2px solid #bcbcbc;
    border-left: 2px solid #bcbcbc;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 7px;
}

.side-menu-value {
    width: 220px;
    height: 2400px;
    position: fixed;
    top: 260px;
    pointer-events: none;
    float: left;
    margin-left: 5px;
    z-index: 997;
}

.side-menu-value a {
    pointer-events: all;
    display: block;
    text-decoration: none;
    color: #bcbcbc;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 3px;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

.side-menu-value a:hover {
    color: #e63328;
}


.headline-overlay-value {
    width: 1250px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -310px;
    bottom: 0;
    margin-top: 120px;
    overflow: hidden;
    z-index: 10;
    pointer-events: none;
}

.value-slides {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
    position: relative;
}

.value-slides-left {
    width: 220px;
    height: auto;
    float: right;
}

.value-slides-right {
    width: 700px;
    height: 340px;
    float: right;
    position: relative;
}

.value-slider-one,
.value-slider-two {
    height: 160px;
    overflow: hidden;
}

.value-slider-main {
    width: 480px;
    height: 340px;
}

.c-slider-main {
    width: 510px;
    height: 350px;
    float: left;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    margin-left: 100px;
    margin-right: 10px;
}

.c-slides-left {
    width: 180px;
    height: 120px;
    float: right;
    margin-bottom: 10px;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

.c-slides-right {
    width: 180px;
    height: 120px;
    float: right;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

.value-one,
.value-two {
    height: 150px;
    overflow: hidden;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    margin-bottom: 10px;
}

.value-main {
    width: 700px;
    height: 340px;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

.value-slider-img {
    width: 220px;
    height: 150px !important;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
}

.value-slider-main-img {
    max-width: 480px !important;
    width: 100% !important;
    height: 340px !important;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
}

.value-cluster {
    width: 100%;
    height: auto;
    margin: 10px 0px;
}

.value-cluster.karr {
    margin: 0;
}

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

.value-block {
    width: 800px;
    float: right;
    outline: none;
    position: relative;
    margin: 120px 0px 0px;
    margin-right: 160px;
}

.block-inner {
    width: 800px;
    float: right;
    position: relative;
    margin: 0px 0px 60px 0px;
}

.block-inner-headline {
    position: absolute;
    background: #562873;
    z-index: 99;
    margin-top: -70px;
    padding: 15px 0px;
    margin-left: -60px;
    max-width: 550px;
}

.block-inner-headline h2{
    font-family: 'Conv_Kaleko 105 Round Bold';
    color: #e63328;
    font-size: 30px; 
    padding: 0;
    margin: 0; 
    display: block;
    line-height: 34px;
    text-transform: uppercase;
}


/* VISION */


.vision-block {
    width: 800px;
    float: right;
    position: relative;
    margin: 0 0 40px 0;
}


.vision-block.cont {
    margin: 0;
}

.vision-block.last {
    margin-bottom: 0;
}

.vision-img {
    max-width: 500px;
}

.vision-intro {
    width: 550px;
    height: auto;
    min-height: 1px;
    float: left;
    position: relative;
}

.gf-1-btn,
.gf-2-btn {
   font-family: 'Conv_Kaleko 105 Round Book';  
}

.vision-intro-bold {
    font-family: 'Conv_Kaleko 105 Round Bold';   
    color: #e63328;
}

.vision-block-headline {
    position: absolute;
    background: #fff;
    z-index: 99;
    margin-top: -50px;
    padding: 15px 0px;
    margin-left: -60px;
    max-width: 550px;
}

.vision-block-headline h2{
    font-family: 'Conv_Kaleko 105 Round Bold';
    color: #e63328;
    font-size: 30px; 
    padding: 0;
    margin: 0; 
    display: block;
    line-height: 34px;
    text-transform: uppercase;
}

.press-block-headline {
    position: absolute;
    background: #fff;
    z-index: 99;
    padding: 15px 0px;
    margin-left: -80px;
    max-width: 650px;
}

.press-block-headline h2{
    font-family: 'Conv_Kaleko 105 Round Bold';
    color: #e63328;
    font-size: 30px; 
    padding: 0;
    margin: 0; 
    display: block;
    line-height: 34px;
    text-transform: uppercase;
}


/* AGENCY */

.gfs {
    margin-left: -60px;
    padding-bottom: 50px;
}

.gf {
    float: left;
    width: 300px;
    height: auto;
    overflow: hidden;
    margin: 0px 5px;
    position: relative;
    margin-bottom: 20px;
}

.gf-overlay  {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    box-sizing: 		border-box;
    -o-box-sizing: 		border-box;
    -moz-box-sizing: 	border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
    display: none;
    background: #fff;
    z-index: 999;
}

.gf-1 {
    float: left;
    width: 300px;
    height: auto;
    overflow: hidden;
    margin: 0px 5px;
    position: relative;
}

.gf-2 {
    float: left;
    width: 300px;
    height: auto;
    overflow: hidden;
    margin: 0px 5px;
    position: relative;
}

.gf-img {
    width: 300px;
    height: 400px;
    overflow: hidden;
    background: #fafafa;
}

.gf-1-overlay  {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    box-sizing: 		border-box;
    -o-box-sizing: 		border-box;
    -moz-box-sizing: 	border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
    display: none;
    background: #fff;
}

.gf-2-overlay  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: 		border-box;
    -o-box-sizing: 		border-box;
    -moz-box-sizing: 	border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
    z-index: 99;
    display: none;
    background: #fff;
}

.close {
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px 10px 0px 0px;
    font-size: 14px;
    cursor: pointer;
}

.gf-1-overlay strong,
.gf-2-overlay strong {
    color: #000;
}

.gf-info {
    margin-left: 60px;
    margin-top: 30px;
}

.agency {
    max-width: 600px;
    height: auto;
    padding-bottom: 60px;
    position: relative;
}

.agency-icons {
    margin-top: 40px;
    position: relative;
}

.agency-text {
    margin-top: 40px;
}

.agency-icons .auge,
.agency-icons .herz,
.agency-icons .ohr,
.agency-icons .flamme,
.agency-icons .gluehbirne,
.agency-icons .lupe,
.agency-icons .map,
.agency-icons .pfeil,
.agency-icons .plus,
.agency-icons .sprechblase,
.agency-icons .stern,
.agency-icons .uhr {
 
}

.agency-icons .icon-desc,
.agency-icons .icon-count {
    font-size: 14px;
}

.agency-text {
    max-width: 600px;
}

.agency .slick-next {
    color: #bcbcbc !important;
    margin-top: 60px;
    margin-right: -20px !important;
}

.agency-icon {
    width: 140px;
    float: left;
    text-align: center;
}

.agency-slides {
    width: 710px;
    height: auto;
    margin-bottom: 40px;
    margin-left: -100px;
    position: relative;
}

.video-slides {
    margin-left: 0;
    margin-top: 20px;
}

.agency-slides-left {
    width: 220px;
    height: auto;
    float: right;
}

.agency-slides-right {
    width: 480px;
    height: 340px;
    float: right;
    margin-left: 10px;
    position: relative;
}

.agency-slider-one,
.agency-slider-two {
    height: 160px;
    overflow: hidden;
}

.agency-slider-main {
    width: 480px;
    height: 340px;
}

.agency-slider-img {
    width: 220px;
    height: 150px !important;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
}

.agency-slider-main-img {
    height: 340px !important;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
}

.agency-standort-block {
    width: 800px;
    float: right;
    position: relative;
}

.agency-block-headline {
    position: absolute;
    background: #fff;
    z-index: 99;
    margin-top: -100px;
    padding: 15px 0px;
    margin-left: -60px;
    max-width: 550px;
}

.agency-block-headline h2{
    font-family: 'Conv_Kaleko 105 Round Bold';
    color: #e63328;
    font-size: 30px; 
    padding: 0;
    margin: 0; 
    display: block;
    line-height: 34px;
    text-transform: uppercase;
}

.list {
    width: 50%;
    float: left;
    margin-top: 40px;
}

.landingpage-news .list ul  {
    padding-left: 30px;
}

.landingpage-news .list   {
    width: 100%;
    pointer-events: all;
}

.cluster-title {
    margin: 5px 0px;
    font-family: 'Conv_Kaleko 105 Round Bold';
    color: #e63328;
}

.cluster-text {
    font-family: 'Conv_Kaleko 105 Round Book';
    width: 220px;
    padding-left: 20px;
}

.strategie-slider-main {
    width: 580px;
    height: 400px;
    overflow: hidden;
}

/* STANDORT */

.standort {
    max-width: 600px;
    margin: 0px 0px 40px -55px;
}

.standort-big {
    position: relative;
    width: 410px;
    max-height: 250px;
    margin-right: 10px;
    float: left;
    overflow: hidden;
}

.standort-text {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0px 10px 10px 0px;
    text-shadow: 1px 1px 2px black;
    font-family: 'Conv_Kaleko 105 Round Bold';
    font-size: 16px;
    color: #fff;
}

.standort-small {
    width: 180px;
    max-height: 120px;
    float: right;
    overflow: hidden;
}

.standort:nth-child(2n) .standort-big {
    position: relative;
    width: 410px;
    max-height: 250px;
    margin-left: 10px;
    margin-right: 0;
    float: right;
    overflow: hidden;
}

/* WORK */


.work-block {
    width: 800px;
    float: right;
    position: relative;
    margin: 80px 0px;
    margin-right: 160px;
}

.work-block.last {
    margin-bottom: 0;
}

.work-block-content {
    width: 640px;
    float: right;
    position: relative;
}

.work-block-headline {
    position: absolute;
    background: #fff;
    z-index: 99;
    margin-top: -80px;
    padding: 15px 0px;
    margin-left: 60px;
}

.work-block-headline h2{
    font-family: 'Conv_Kaleko 105 Round Bold';
    color: #e63328;
    font-size: 24px; 
    padding: 0;
    margin: 0; 
    display: block;
    line-height: 34px;
    text-transform: uppercase;
}


.work-intro {
    width: 400px;
    height: auto;
    min-height: 1px;
    float: left;
}

.work-categories,
.work-industries,
.work-branches {
    float: left;
    margin-left: 30px;
    position: relative;
    font-family: 'Conv_Kaleko 105 Round Bold';
    color: #e63328;
    cursor: pointer;
}

.work-left {
    width: 400px;
    min-height: 200px;
    float: right;
    margin-right: 12px;
    overflow: hidden;
}

.work-left .work-box {
    width: 400px;
    float: right;
    margin-bottom: 12px;
}

.work-left a:nth-child(2) .work-box {
    width: 380px;
    height: 500px;
    float: right;
    margin-bottom: 12px;
}

.work-left a:nth-child(4) .work-box {
    width: 350px;
    height: 450px;
    float: right;
    margin-bottom: 12px;
}

.work-right {
    width: 520px;
    min-height: 200px;
    float: right;
}

.work-right .work-box {
    margin-bottom: 12px;
    min-height: 400px;
}

.work-box {
    position: relative;
    background: #000;
    min-height: 450px;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
}

.work-right a:nth-child(2) .work-box {
    margin-bottom: 12px;
    height: 500px;
}

.work-right a:nth-child(3) .work-box {
    margin-bottom: 12px;
    width: 350px;
    height: 500px; 
}

.work-right .work-box img {
    width: 100%;
}

.work-box-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    pointer-events: none;
    transition: 		all 0.2s ease;
    -o-transition: 		all 0.2s ease;
    -moz-transition: 	all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.work-box:hover .work-box-overlay {
    opacity: 1;
}

.work-company {
    position: absolute;
    max-width: 100%;
    bottom: 0;
    margin-left: 10px;
    margin-bottom: 10px;
    color: #fff;
    left: 0;
    margin-right: 10px;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px black;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

.work-title {
    position: absolute;
    width: 60%;
    top: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px black;
    font-family: 'Conv_Kaleko 105 Round Bold';
    opacity: 0;
    transition: 		all 0.2s ease;
    -o-transition: 		all 0.2s ease;
    -moz-transition: 	all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    cursor: pointer;
}

.work-left .work-title {
    margin-right: 10px;
    top: 0;
    margin-top: 10px;
    right: 0;
    text-align: right;
}

.work-right .work-title {
    text-align: left;
    margin-left: 10px;
    margin-top: 10px;
    top: 0;
}

.work-box:hover .work-title {
    opacity: 1;
}

.work-left .work-company {
    left: auto;
    right: 0;
    margin-right: 10px;
}

/* FOOTER */

footer {
    width: 100%;
    height: auto;
    background: #bcbcbc;
    padding: 30px 0px;
    z-index: 996;

    font-size: 12px;
}

footer strong {
    color: #000;
}

footer a {
    color: #000;
}

.footer-lp {
	background: #fff !important;
	color: #562873 !important;
}

.footer-lp a {
	color: #562873 !important;
}

.footer-lp a:hover {
	color: rgba(132, 201, 184, 1) !important;
}

.footer-inner {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
}

.footer-logo {
    width: 100px;
    float: left;
    margin-right: 60px;
}

.footer-inner h4 {
    margin: 0;
}

.footer-text {
    float: left;
    font-size: 11px;
    width: 700px;
}

.footer-standort a {
    text-decoration: none;
    display: block;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

.inline-links a {
    display: inline-block;
}

.footer-standort-link {
    color: #e63328;
    text-decoration: none;
    font-family: 'Conv_Kaleko 105 Round Bold';
    pointer-events: all;
}

.footer-links {
    width: 100%;
    padding: 30px 0px;
}

.footer-links div {
    display: inline-block;
    margin-right: 25px;
}

.footer-links a {
    color: #000;
    text-decoration: none;
    display: block;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

.social a {
    display: inline;
    margin-right: 10px;
}

.footer-links i {
    font-size: 22px;
    margin: 0px 5px;
}

footer p {
    margin: 10px 0px;
    padding: 0px;
}

#fh {
    width: 980px;
    height: auto;
    display: none;
    margin: 20px auto 0px auto;
}

#fi {
    width: 980px;
    height: auto;
    display: none;
    margin: 20px auto 0px auto;
}

#fh:focus,
#fi:focus {
    outline: none;
}

/* CONTACT */

.contact-block {
    
}

.contact-intro {
    max-width: 500px;
    margin-bottom: 20px;
}

.contact-block-img {
    width: 120px;
    height: 120px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}

.contact-block-infos {
    width: auto;
    height: auto;
    line-height: 24px;
    float: left;
}

.contact-block-infos a {
    font-family: 'Conv_Kaleko 105 Round Book';
}

.contact-locations {
    margin-top: 120px;
    width: 600px;
}

.contact-info {
    font-family: 'Conv_Kaleko 105 Round Bold';
    margin-bottom: 20px;
    max-width: 400px;
}

.contact-location {
    margin-bottom: 12px;
	display: flex;
}

.contact-location-img {
    width: 300px;
    height: 180px;
    overflow: hidden;
    margin-right: 20px;
}

.contact-location-img img {
   object-fit: cover;
}

.contact-location-info {
}

.contact-location a {
    text-decoration: none;
}

ul.sitemap {
    padding-top: 20px;
    list-style: none;
}

ul.sitemap li {
    margin: 5px 0px;
}

.mobile-header {
    display: none;
}


.headline-overlay.ipad-start {
    display: none;
}

.m-more {
    display: none;
}

.video-text {
    margin-top: 80px !important;
}

.videos {
    margin-top: 40px;
    margin-bottom: 40px;
}

.videos iframe {
    height: 450px;
    margin-bottom: 10px;
}

.videos iframe:nth-child(3) {
    height: 220px;
}

.video-float {
    width: calc(50% - 5px);
    float: left;
    margin-right: 10px;
}

.video-float iframe {
    height: 220px;
}

.video-float:last-child {
    margin-right: 0;
}

.video-placeholder {
    height: 220px;
    overflow: hidden;
}

.video-placeholder:nth-child(2) {
    margin-right: 10px;
}

.pad-show {
    display: none;
}

.footer-standort {
    width: 22%;
    float: left;
    margin-right: 10px;
}

/* Mission Markenerlebniss */

.whitepaper-tracking {
	display: inline-block;
	border-radius: 2px;
	background: #fff;
	border: 2px solid #fff;
	padding: 5px 10px;
	color: #562873 !important;
}

.whitepaper-tracking:hover {
	border-radius: 2px;
	background: #562873;
	border: 2px solid #fff;
	padding: 5px 10px;
	color: #fff !important;
}

h5.form-step {
	font-size: 16px;
	margin: 0;
}

#terms-error,
label.error {
	color: red;
	display: inline-block;
	font-weight: bold;
}

#brandtestform label.error,
#surveyform label.error {
	position: fixed;
	top: 5px;
	left: 5px;
	background: red;
	padding: 8px 10px;
	color: #fff;
	width: auto;
	font-size: 9px;
	line-height: 9px;	
}

.overlay-background {
	width: 100%; height: 100%; position: fixed; z-index: 998; background: rgba(0, 0, 0, 0.68); top: 0; left: 0; display: none;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

.tab.active {
	display: inline;
}

.img-text {
    position: absolute;
    bottom: 0;
    margin-left: 10px;
    margin-bottom: 10px;
    line-height: 14px;
    color: #fff;
    left: 0;
    margin-right: 10px;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px black;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

.mm-textarea {
	width: 100%;
	position: relative;
}

.label-question {
	margin-bottom: 15px; 
	display: block;
	font-weight: bold !important;
}

.mm-50 {
	width: calc(50% - 10px);
	margin-right: 5px;
	float: left;
	position: relative;
}

.mm-10 {
	width: calc(10% - 10px);
	float: left;
	margin-right: 10px;
}

.mm-33 {
	width: calc(33.333% - 10px);
	float: left;
	margin-right: 10px;
}

.full-width {
	width: 100%;
}

::placeholder {
  color: #6a6a6a;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #6a6a6a;
}

::-ms-input-placeholder {
  color: #6a6a6a;
}

.mm-33 input[type="text"],
.mm-33 input[type="email"],
.mm-50 input[type="text"],
.mm-50 input[type="email"] {
	width: 100%;
}

.mm-33 img {
	width: auto;
	max-width: 100% !important;
}

.mm-icon {
	width: 150px;
	margin-left: 50px;
	text-align: center;
	float: left;
	position: relative;
}

.mm-icon img {
	display: inline-block;
}

.mm-icon-left {
	width: 175px;
	margin-right: 20px;
	float: left;
	position: relative;
}

.mm-icon-left img {
	max-width: 100% !important;
}

.mm-icon-text {
	float: left;
	max-width: 420px;
}

.mm-icon-text p:first-child {
	padding-top: 0;
	margin-top: 0;
}

.slider-mm-quotes {
	position: relative;
	margin-bottom: 40px;
}

body.page-template-page-missionmarkenerlebnis {
	height: 100vh;
	overflow: hidden;
}

.thx {
	display: none;
}

.overlay-form {
	position: fixed;
	max-width: 800px;
	width: 100%;
    height: auto;
    max-height: 90vh;
    overflow: scroll;
    top: 5vh;
	left: 50%;
	transform: translateX(-50%);
	background: #562873;
	border: 2px solid #fff;
	border-radius: 2px;
	z-index: 999;
	padding: 40px;
	position: relative;
}

.overlay-form-ci {
	position: fixed;
	max-width: 800px;
	width: 100%;
    height: auto;
    max-height: 90vh;
    overflow: scroll;
    top: 5vh;
	left: 50%;
	transform: translateX(-50%);
	background: #bcbcbc;
	border: 2px solid #fff;
	border-radius: 2px;
	z-index: 999;
	padding: 40px;
	position: relative;
}

.overlay-form-ci h2 {
	color: #e63328;
}

.prevNextBtns {
	width: 100%;
	bottom: 40px;
	left: 0;
	margin-top: 20px;
}

.submitBtn {
	display: none;
	float: right !important;
}

.prevBtn {
	float: left !important;
	margin-left: 0;
}

.nextBtn {
	float: right !important;
	margin-right: 0;
}

#brandtestform {
}

#surveyform {
}

.overlay-form strong,
.overlay-form a {
	color: #fff;
}

.datenschutz-box {
	font-size: 10px;
}

.datenschutz-box a {
	display: inline-block;
}

.overlay-form form p {
    padding: 0;
}

.whitepaper-button,
.survey-button {
	cursor: pointer;
}

#appointment,
#brandtest,
#survey,
#getaquote {
	display: none;
}

.mm-form-block {
	margin-bottom: 5px;
	padding: 10px 0;
}

.mm-border {
	border-bottom: 1px solid rgba(255, 255, 255, 0.43);
}

.mm-last-border {
	margin-bottom: 20px;
}

.overlay-form-close {
	color: #fff;
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 20px;
	cursor: pointer;
}

.mm-form-block-inner {
	width: calc(33.333% - 10px);
	margin-right: 10px;
	float: left;
	position: relative;
}

.mm-form-block-inner.two {
	width: calc(50% - 10px);
	margin-right: 10px;
	float: left;
	position: relative;
}

.mm-form-block-inner.four {
	width: calc(25% - 10px);
	margin-right: 10px;
	float: left;
	position: relative;
}

.mm-form-block-inner input {
	width: 100% !important;
	margin: 0;
}

.overlay-form input[type="submit"],
.overlay-form button {
    border: none;
    background: #fff;
    font-family: 'Conv_Kaleko 105 Round Book';
    text-transform: none;
    padding: 0;
    cursor: pointer;
    font-size: 14px;
    margin-top: 10px;
    border-radius: 2px;
    padding: 5px 10px;
    color: #562873;
    float: none;
    transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.overlay-form-ci input[type="submit"],
.overlay-form-ci button {
    border: none;
    background: #fff;
    font-family: 'Conv_Kaleko 105 Round Book';
    text-transform: none;
    padding: 0;
    cursor: pointer;
    color: #000;
    font-size: 14px;
    margin-top: 10px;
    border-radius: 2px;
    padding: 5px 10px;
    float: none;
    transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}


.mm-img {

}

.mm-close {
	position: absolute;
	bottom: 80px;
	left: 50%;
	font-size: 18px;
	transform: translateX(-50%);
	background: #562873;
	padding: 12px 20px;
	border-radius: 2px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	z-index: 999;
}

.icon-button {
	cursor: pointer;
}

.slider-mm-quotes .slick-dots,
.curious-slider .slick-dots {
	left: 0 !important;
	right: inherit !important;
	padding: 0;
}

.slider-mm-quotes .slick-dots .dot,
.curious-slider .slick-dots .dot {
    background: #fff;
}

.slider-quotes .slick-dots {
	left: 0 !important;
	right: inherit !important;
	padding: 0;
}

.slider-quotes .slick-dots .dot {
    background: #e9e9e9;
}

.open-jobs {
	text-align: center;
	line-height: initial;
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 80px;
	width: auto;
}

.open-jobs-text {
	margin-top: 10px;
	font-size: 11px;
	font-family: 'Conv_Kaleko 105 Round Bold';
}

.open-jobs img {
	max-width: 85px !important;
	display: block;
	width: 100px;
	margin: 0 auto;
}

.campus-text p:first-child {
	margin-top: 0;
	padding-top: 0;
}

ul[role=tablist] {
	display: none !important;
}

.mm-popup {
	width: 100%;
	height: 100vh;
	background: #fff;
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	display: flex;
	justify-content: center;
	align-items: center;
}

video {
	width: 100%;
	height: auto;
}

.header-lp #menu-side li:first-child,
.header-lp #menu-side li:nth-child(2),
.header-lp #menu-side-en li:first-child,
.header-lp #menu-side-en li:nth-child(2) {
	display: none !important;
} 

.page-template-page-marketeers,
.page-template-page-marketeers header,
.page-template-page-marketeers footer,
.page-template-page-talente,
.page-template-page-talente header,
.page-template-page-talente footer,
.page-template-page-missionmarkenerlebnis,
.page-template-page-missionmarkenerlebnis header,
.page-template-page-missionmarkenerlebnis footer,
.page-template-page-20j_anmeldung,
.page-template-page-20j_anmeldung header,
.page-template-page-20j_anmeldung footer,
.page-template-page-20j_abmeldung,
.page-template-page-20j_abmeldung header,
.page-template-page-20j_abmeldung footer {
	background: #562873;
	color: #fff;
}

.page-template-page-marketeers header li a,
.page-template-page-talente header li a,
.page-template-page-missionmarkenerlebnis header li a,
.page-template-page-marketeers header li a,
.page-template-page-talente header li a,
.page-template-page-missionmarkenerlebnis header li a,
.page-template-page-20j_anmeldung header li a,
.page-template-page-20j_abmeldung header li a {
	color: #fff !important;
}

.page-template-page-marketeers header li a:hover,
.page-template-page-talente header li a:hover,
.page-template-page-missionmarkenerlebnis header li a:hover,
.page-template-page-marketeers header li a:hover,
.page-template-page-talente header li a:hover,
.page-template-page-missionmarkenerlebnis header li a:hover {
	color: rgba(132, 201, 184, 1) !important;
}

.page-template-page-marketeers header li.current-menu-item a,
.page-template-page-talente header li.current-menu-item a,
.page-template-page-missionmarkenerlebnis header li.current-menu-item a,
.page-template-page-marketeers header li.current-menu-item a,
.page-template-page-talente header li.current-menu-item a,
.page-template-page-missionmarkenerlebnis header li.current-menu-item a {
	color: rgba(132, 201, 184, 1) !important;
}

.page-template-page-marketeers .side-menu a,
.page-template-page-talente .side-menu a,
.page-template-page-missionmarkenerlebnis .side-menu a {
	color: #fff;
}

.page-template-page-marketeers .side-menu a:hover,
.page-template-page-talente .side-menu a:hover,
.page-template-page-missionmarkenerlebnis .side-menu a:hover {
	color: rgba(132, 201, 184, 1);
}

.page-template-page-marketeers .side-menu a.side-active,
.page-template-page-talente .side-menu a.side-active,
.page-template-page-missionmarkenerlebnis .side-menu a.side-active {
	color: rgba(132, 201, 184, 1);
}

/* Block allg. */

.block-lp .block {
	margin-top: 30px;
}

.block-lp strong {
	color: #fff;
}

.block-first {
	margin-top: 138px !important;
}

.block-mm-lp {
	margin-top: 100px;
}

.block-lp img,
.block-lp p {
	max-width: 550px;
}

.block-lp .side-menu-border-left {
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
}

.block-lp .side-menu-border-top {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.block-lp .slick-dots li.slick-active .dot {
	background: #84C9B8 !important;
}

.lp-link,
.block-lp a {
    color: #fff;
    font-family: 'Conv_Kaleko 105 Round Bold';
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.lp-link:hover,
.block-lp a:hover {
	color: rgba(132, 201, 184, 1);
}

.block-lp .block-inner-headline h2 {
	color: #fff !important;
}

.block-lp .headline-overlay-border-right,
.block-lp .headline-overlay-border-left {
	background: #fff !important;
}

.block-lp .headline-overlay-border-right {
	margin-top: 58px !important;
}

.block-lp .headline-overlay-border-left {
	margin-top: 50px !important;
}

/* Ende Mission Markenerlebnis */

.vision-placeholder {
	height: 74px;
}

.agency-placeholder {
	height: 80px;
}

.uu-icon {
	float: left; max-width: 140px; width: 100%; text-align: center; margin: 0 20px 20px 0;
}

.campus-text {
	width: 60%; float: left;
}

.campus-logo {
	width: 40%; float: left;
}

.uu-icon-small {
	width: calc(10% - 10px); 
	float: left; 
	margin-right: 10px;
}

.grid-4 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
	margin-bottom: 40px;
}

.instagram-img {
	overflow: hidden;
    background-size: cover;
    height: 150px;
}

.wpmi-list {
	max-width: 800px !important;
	width: 100% !important;
	margin-bottom: 20px !important;
}

.wpmi-item {
	width: calc(25% - 10px) !important;
	margin-right: 10px !important;
}

.mobile-side-menu {
	display: none;
}

.read-more {
	display: none;
}

.mobile-project-icons,
.tablet-project-icons {
	display: none;
}

.embed-container {
  position: relative; 
  padding-bottom: 56.25%;
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}

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

.icongrid {
  display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px
}

.landingpage-infos {
  max-width: 1100px; 
  width: 100%; 
  position:absolute; 
  top: 650px;
}

.blog-title {
  display: none;
}

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

.hidden-mobile {
  display: none;
}

.blog-title {
  display: block;
}


.blog-content {
  width: 100%;
  float: none;
}

.landingpage-infos {
  display: none;
}

.tablet-project-icons {
	display: inherit;
	margin-left: 40px;
	display: flex;
	justify-content: space-between;
	padding: 50px 0 0 0;
}

.project-icons {
	display: none;
}

.work-industries {
	margin: 0;
}

.ipad-vision-claim.lp {
	display: none;
}

.block-inner {
	float: none;
	margin-left: 40px;
}

.headline-overlay-value {
	margin-top: 140px;
}

.footer-standort {
    width: 45%;
    float: left;
    margin-right: 10px;
    font-size: 10px;
}

.site {
}

.pad-show {
    display: inherit;
}

a {
    text-decoration: none;
}

.contact-block-infos a {
    text-decoration: underline !important;
}

.ipad-vision-claim.lp {
    margin-left: -30px;
}

.work-left .work-title {
    margin-right: 10px;
    right: 0;
    top: 0;
    margin-top: 10px;
    text-align: right;
}

.work-right .work-title {
    text-align: left;
    top: 0;
    margin-top: 10px;
    margin-left: 10px;
}

body.home .site-content {
    height: auto;
    padding-bottom: 50px;
    overflow: hidden;
}

.home-news {
    width: 250px;
    margin-top: -210px;
}

.headline-overlay.ipad-start {
    display: none;
}

.headline-overlay.start-fix {
    width: 1250px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -60px;
    bottom: 0;
    margin-top: 120px;
    overflow: hidden;
    z-index: 10;
    pointer-events: none;
}

img.claim-fix {
    width: 350px;
}

.mobile-header {
    display: none;
}

.mobile-navigation {
    display: none;
}

.site-content {
    padding-top: 130px;
    max-width: 700px;
    padding-bottom: 50px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.header-inner {
    max-width: 700px;
    width: 100%;
    height: 100px;
    display: inherit;
    margin: 0 auto;
}

nav.main-navigation {
    float: left;
    margin-left: 20px;
    margin-top: 22px;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

nav ul#menu-main,
nav ul#menu-main-en,
nav ul#menu-mission-markenerlebnis,
nav ul#menu-mission-markenerlebnis-en {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav ul#menu-main li,
nav ul#menu-main-en li,
nav ul#menu-mission-markenerlebnis li,
nav ul#menu-mission-markenerlebnis-en li {
    display: inline-block;
    margin-right: 1px;
}

nav ul#menu-main li a,
nav ul#menu-main-en li a,
nav ul#menu-mission-markenerlebnis li a,
nav ul#menu-mission-markenerlebnis-en li a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none;
    color: #000;
    transition: 		all 0.2s ease;
    -o-transition: 		all 0.2s ease;
    -moz-transition: 	all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

nav ul#menu-main li a:hover,
nav ul#menu-main-en li a:hover,
nav ul#menu-side li a:hover,
nav ul#menu-side-en li a:hover,
nav ul#menu-mission-markenerlebnis li a:hover,
nav ul#menu-mission-markenerlebnis-en li a:hover {
    color: #e63328;
}

nav ul#menu-main li.current_page_item a,
nav ul#menu-main-en li.current_page_item a,
nav ul#menu-side li.current_page_item a,
nav ul#menu-side-en li.current_page_item a,
nav ul#menu-mission-markenerlebnis li.current_page_item a,
nav ul#menu-mission-markenerlebnis-en li.current_page_item a {
    color: #e63328;
}

nav.side-navigation {
    float: right;
    margin-top: 22px;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

nav ul#menu-side,
nav ul#menu-side-en {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav ul#menu-side li,
nav ul#menu-side-en li {
    display: inline-block;
    margin-left: 1px;
}

nav ul#menu-side li a,
nav ul#menu-side-en li a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none;
    color: #bcbcbc;
}

.home-first {
    width: 100%;
    height: 375px;
    position: relative;
    float: left;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-one {
    width: 230px;
    height: 300px;
    margin-bottom: 12px;
    position: relative;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-two {
    width: 310px;
    height: 180px;
    position: relative;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-three {
    width: 350px;
    height: 240px;
    margin-bottom: 12px;
    position: relative;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-four {
    width: 350px;
    height: 240px;
    position: relative;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-five {
    width: 315px;
    height: 250px;
    position: relative;
    margin-bottom: 12px;
    float: left;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-six {
    width: 280px;
    height: 350px;
    margin-bottom: 12px;
    margin-right: 0;
    position: relative;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-seven {
    width: 375px;
    height: 320px;
    margin-bottom: 12px;
    position: relative;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: top center;
}

.home-seven.small {
    width: 300px;
    height: 520px;
    margin-bottom: 12px;
    position: relative;
    float: left;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: top center;
}


.home-three .home-project-company,
.home-four .home-project-company,
.home-five .home-project-company,
.home-six .home-project-company,
.home-seven .home-project-company {
    left: inherit;
    right: 0;
    text-align: right;
}

.home-project {
    position: relative;
    background: #000;
}

.home-project-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    font-size: 10px;
    pointer-events: none;
    transition: 		all 0.2s ease;
    -o-transition: 		all 0.2s ease;
    -moz-transition: 	all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.home-project:hover .home-project-overlay {
    opacity: 1;
}

.home-project-company {
    position: absolute;
    bottom: 0;
    margin-left: 10px;
    margin-bottom: 10px;
    color: #fff;
    left: 0;
    margin-right: 10px;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px black;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

.home-project-title {
    position: absolute;
    width: 100%;
    top: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px black;
    font-family: 'Conv_Kaleko 105 Round Bold';
    opacity: 0;
    transition: 		all 0.2s ease;
    -o-transition: 		all 0.2s ease;
    -moz-transition: 	all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    cursor: pointer;
}

.home-project:hover .home-project-title {
    opacity: 1;
}

.home-block-one-left {
    width: 315px;
    height: auto;
    margin-right: 10px;
    margin-bottom: 40px;
    float: left;
} 

.home-block-one-right {
    width: 350px;
    height: auto;
    float: right;
    padding-top: 150px;
}

.home-block-two-left {
    width: 338px;
    height: auto;
    float: left;
    position: relative;
}

.home-block-first {
    padding-bottom: 8px;
}

.home-block-two-right {
    width: 220px;
    height: auto;
    float: right;
}

.home-block-three-left {
    width: 313px;
    height: auto;
    float: left;
    margin-right: 12px;
}

.home-block-three-right {
    width: 375px;
    height: auto;
    float: left;
}

.home-news-text:last-child {
    display: none;
}

.block.seo {
    padding-top: 120px;
    line-height: 14px;
}

.block-left.seo {
    width: 320px;
    padding: 0px 30px;
    font-size: 9px;
    float: left;
}

.block-right.seo {
    width: 350px;
    padding: 0px 30px;
    font-size: 9px;
    float: right;
}

.block-right {
    width: 650px;
    float: right;
    position: relative;
}

.headline-overlay {
    margin-left: -355px;
}

.work-intro {
    width: auto;
    float: none;
}

ul.dropdown {
    display: none;
    position: absolute;
    z-index: 9999;
    left: inherit;
    /* right: 0; */
    width: 230px;
    top: 0;
    /* text-align: right; */
    list-style: none;
    margin-top: 15px;
    background: #fff;
    /* padding: 10px 20px 10px 20px; */
}

.side-menu {
    display: none;
}

.work-block {
    width: 610px;
}

.work-block-content {
    width: 500px;
}

.vision-block {
    width: 660px;
    padding: 20px 0 0 0;
}

.work-left {
    width: 310px;
}

.work-right {
    width: 320px;
}

.work-box {
    width: 320px;
}

.work-right a:nth-child(3) .work-box {
    width: 320px;
}

.side-menu-value {
    display: none;
}

.value-intro {
    width: 610px;
    float: right;
}

.career-intro {
    width: 610px;
    float: right;
}

.value-cluster-field {
    width: 340px;
    margin-bottom: 20px;
}

.cluster-text {
    width: 310px;
    padding-left: 40px;
    padding-top: 20px;
}

.headline-overlay-value {
    margin-left: -350px;
}

.value-block {
    margin-right: 0;
}

.vision-ani {
    margin-left: -368px;
    margin-top: 120px;
}

.newspage-block {
    width: 700px;
}

.newspage-post {
    width: 340px;
    height: auto;
}

.press-block-headline {
    margin-left: -60px;
}

.agency-slides {
    margin-left: -50px;
}

.agency-standort-block {
    width: 660px;
}

.contact-left {
    display: none;
}

.contact-right {
    width: 650px;
}

.contact-page-block {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
}

.contact-img {
    width: 100%;
    height: auto;
}

.overlay-headline.jobs {
    font-size: 18px;
    line-height: 22px;
}

.news-images {
    width: 700px;
}

.news-image {
    width: 345px;
    margin-right: 5px;
}

.news-content {
    width: 660px;
}

.similar-overlay.jobs {
    display: none;
}

.work-left .work-box {
    width: 310px;
}

.project-slides-left {
    display: none;
}

.project-slides-right {
    width: 700px;
}

.news-text {
    padding: 0;
}

.project-content {
    width: 700px;
    margin-left: 40px;
}

.similar-overlay {
    margin-right: 60px;
}

.project-description {
    width: 390px;
}



.project-icons .icon {
    float: left;
    margin: 20px;
}

.landingpage-news {
    display: none;
}

.lp-contact-block {
    width: 350px;
}

.ani {
    display: none;
}

.standort-bilder {
    width: 700px;
}

.standort-bild-links {
    width: 500px;
    height: 350px;
}

.standort-bild-rechts {
    width: 190px;
    height: 120px;
}

.standort-left {
    width: 680px;
    margin-left: 10px;
}

.standort-left .adress {
    width: 180px;
    float: left;
    margin: 0px 20px;
}

.standort-right {
    width: 670px;
    margin-top: 20px;
}

/* FOOTER */

footer {
    width: 100%;
    height: auto;
    background: #bcbcbc;
    padding: 30px 0px;
    z-index: 997;
}

footer strong {
    color: #000;
}

footer a {
    color: #000;
}

.footer-inner {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}

.footer-logo {
    width: 100px;
    float: left;
    margin-right: 60px;
}

.footer-inner h4 {
    margin: 0;
}

.footer-text {
    float: left;
    font-size: 11px;
    width: 700px;
}

.footer-standort a {
    text-decoration: none;
    display: block;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

.inline-links a {
    display: inline-block;
}

.footer-standort-link {
    color: #e63328;
    text-decoration: none;
    font-family: 'Conv_Kaleko 105 Round Bold';
    pointer-events: all;
}

.footer-links {
    width: 100%;
    padding: 30px 0px;
}

.footer-links div {
    display: inline-block;
    margin-right: 5px;
}

.footer-links a {
    color: #000;
    text-decoration: none;
    display: block;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

.social a {
    display: inline;
    margin-right: 10px;
}

.footer-links i {
    font-size: 32px;
    margin: 0px 5px;
}

footer p {
    margin: 10px 0px;
    padding: 0px;
}

#fh {
    width: 700px;
    height: auto;
    display: none;
    margin: 20px auto 0px auto;
}

#fi {
    width: 700px;
    height: auto;
    display: none;
    margin: 20px auto 0px auto;
}

#fh:focus,
#fi:focus {
    outline: none;
}

}

@media screen and (min-device-width : 768px) and (max-device-width : 1024px) {

.landingpage-infos {
  display: none;
}


nav ul#menu-main li,
nav ul#menu-main-en li,
nav ul#menu-mission-markenerlebnis li,
nav ul#menu-mission-markenerlebnis-en li {
    display: inline-block;
    margin-right: 10px;
}

nav ul#menu-main li a,
nav ul#menu-main-en li a,
nav ul#menu-mission-markenerlebnis li a,
nav ul#menu-mission-markenerlebnis-en li a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none;
    color: #000;
    transition: 		all 0.2s ease;
    -o-transition: 		all 0.2s ease;
    -moz-transition: 	all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

body.page-template-page-missionmarkenerlebnis {
	height: 100vh;
	overflow: scroll;
}

.mm-popup {
	display: none;
}

.block-inner {
	float: none;
	margin-left: 40px;
}

.wide-button {
    font-family: 'Conv_Kaleko 105 Round Bold';
    margin-right: 80px;
    color: #fff; 
    font-weight: 700; 
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%; 
    height: auto; 
    text-align: center; 
    padding: 10px; 
    background: #e63328;
    font-size: 14px;
    text-decoration: none;
}

a {
    text-decoration: none;
}

.standort-right a {
    text-decoration: underline;
}

.contact-block-infos a {
    text-decoration: underline !important;
}

a[href^=tel] {
    display: inline-block;
    font-family: 'Conv_Kaleko 105 Round Book' !important;
    display: inline !important;
    width: 20% !important;
    text-decoration: none !important;
}

body.home .site-content {
    height: auto;
    padding-bottom: 150px;
    overflow: hidden;
}

/* VALUE */

.value-block-headline {
    position: absolute;
    background: #fff;
    z-index: 99;
    margin-top: -110px;
    padding: 15px 0px;
    margin-left: 90px;
    width: 800px;
}

.value-block-headline h2{
    font-family: 'Conv_Kaleko 105 Round Bold';
    color: #e63328;
    font-size: 24px; 
    padding: 0;
    margin: 0; 
    display: block;
    line-height: 34px;
    text-transform: uppercase;
}

.overlay-slider {
    padding: 0;
    margin: 0; 
    display: block;
    width: auto;
    position: absolute;
    padding-right: 20px;
    background: #fff;
    text-transform: uppercase;
    top: 0;
    left: 0;
    width: 340px;
    height: 150px;
    overflow: hidden;
}

.work-left .work-title {
    margin-right: 10px;
    right: 0;
    top: 0;
    margin-top: 10px;
    text-align: right;
}

.work-right .work-title {
    text-align: left;
    top: 0;
    margin-top: 10px;
    margin-left: 10px;
}

.headline-overlay.start-fix {
    display: none;
}

.home-news {
    width: 250px;
    margin-top: -270px;
}

.claim-ipad {
    display: inherit;
}

.ipad-vision-claim {
    display: inherit;
}



.list {
    width: 50%;
    float: left;
    margin-top: 40px;
    list-style: square;
}

.agency-block-headline h2 {
    font-size: 22px;
}

.seo-block {
    float: right;
    width: 660px;
}

.similar-overlay.pad {
    margin-top: 120px;
}

    
.overlay-headline {
  position: relative;
  height: auto;
  font-size: 24px;
  line-height: 30px;
}


.small {
    display: none;
}

.site {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.mobile-header {
    display: none;
}

.mobile-navigation {
    display: none;
}

/* site-content ipad */

.site-content {
    padding-top: 140px;
    max-width: 700px;
    padding-bottom: 150px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.header-inner {
    max-width: 700px;
    width: 100%;
    height: 100px;
    display: inherit;
    margin: 0 auto;
}

nav.main-navigation {
    float: left;
    margin-left: 40px;
    margin-top: 22px;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

nav ul#menu-main,
nav ul#menu-main-en {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav ul#menu-main li,
nav ul#menu-main-en li {
    display: inline-block;
    margin-right: 5px;
}

nav ul#menu-main li a,
nav ul#menu-main-en li a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none !important;
    color: #000;
    transition: 		all 0.2s ease;
    -o-transition: 		all 0.2s ease;
    -moz-transition: 	all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

nav ul#menu-main li a:hover,
nav ul#menu-main-en li a:hover
{
    color: #e63328;
}

nav ul#menu-main li.current_page_item a,
nav ul#menu-main-en li.current_page_item a
 {
    color: #e63328;
}

nav ul#menu-side li a:hover,
nav ul#menu-side-en li a:hover {
    color: #e63328;
}

nav ul#menu-side li.current_page_item a,
nav ul#menu-side-en li.current_page_item a
 {
    color: #e63328;
}

nav.side-navigation {
    float: right;
    margin-top: 22px;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

nav ul#menu-side,
nav ul#menu-side-en {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav ul#menu-side li,
nav ul#menu-side-en li {
    display: inline-block;
    margin-left: 5px;
}

nav ul#menu-side li a,
nav ul#menu-side-en li a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none !important;
    color: #bcbcbc;
}

.home-first {
    width: 100%;
    height: 280px;
    position: relative;
    float: left;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-one {
    width: 230px;
    height: 300px;
    margin-bottom: 12px;
    position: relative;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-two {
    width: 310px;
    height: 180px;
    position: relative;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-three {
    width: 350px;
    height: 240px;
    margin-bottom: 12px;
    position: relative;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-four {
    width: 350px;
    height: 240px;
    position: relative;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-five {
    width: 315px;
    height: 250px;
    position: relative;
    margin-bottom: 12px;
    float: left;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-six {
    width: 280px;
    height: 350px;
    margin-bottom: 12px;
    position: relative;
    margin-right: 0;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: center center;
}

.home-seven {
    width: 375px;
    height: 320px;
    margin-bottom: 12px;
    position: relative;
    float: right;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: top center;
}

.home-seven.small {
    width: 300px;
    height: 520px;
    margin-bottom: 12px;
    position: relative;
    float: left;
    overflow: hidden;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    background-position: top center;
}

.home-three .home-project-company,
.home-four .home-project-company,
.home-five .home-project-company,
.home-six .home-project-company,
.home-seven .home-project-company {
    left: inherit;
    right: 0;
    text-align: right;
}

.home-project {
    position: relative;
    background: #000;
}

.home-project-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    font-size: 10px;
    opacity: 0;
    pointer-events: none;
    transition: 		all 0.2s ease;
    -o-transition: 		all 0.2s ease;
    -moz-transition: 	all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.home-project:hover .home-project-overlay {
    opacity: 1;
}

.home-project-company {
    position: absolute;
    bottom: 0;
    margin-left: 10px;
    margin-bottom: 10px;
    color: #fff;
    left: 0;
    margin-right: 10px;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px black;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

.home-project-title {
    position: absolute;
    width: 100%;
    top: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px black;
    font-family: 'Conv_Kaleko 105 Round Bold';
    opacity: 0;
    transition: 		all 0.2s ease;
    -o-transition: 		all 0.2s ease;
    -moz-transition: 	all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    cursor: pointer;
}

.home-project:hover .home-project-title {
    opacity: 1;
}

.home-block-one-left {
    width: 315px;
    height: auto;
    margin-right: 10px;
    margin-bottom: 40px;
    float: left;
} 

.home-block-one-right {
    width: 350px;
    height: auto;
    float: right;
    padding-top: 0;
}

.home-video {
	padding-top: 0;
}

.home-block-two-left {
    width: 330px;
    height: auto;
    float: left;
    position: relative;
}

.home-block-two-right {
    width: 220px;
    height: auto;
    float: right;
}

.home-block-three-left {
    width: 315px;
    height: auto;
    float: left;
    margin-right: 10px;
}

.home-block-three-right {
    width: 375px;
    height: auto;
    float: left;
}

.home-news-text:last-child {
    display: none;
}

.block.seo {
    padding-top: 120px;
    line-height: 14px;
}

.block-left.seo {
    width: 350px;
    padding: 0px 30px;
    font-size: 9px;
    float: left;
}

.block-right.seo {
    width: 350px;
    padding: 0px 30px;
    font-size: 9px;
    float: right;
}

.block-right {
    width: 650px;
    float: right;
    position: relative;
}

.headline-overlay {
    margin-left: -355px;
    margin-top: 140px;
}

.headline-overlay-value {
    margin-top: 140px;
}

.headline-overlay.ipad-start {
    display: inherit;
    margin-left: -25px;
    margin-top: 120px;
}



.work-intro {
    width: 300px;
}

ul.dropdown{
    display: none;
    position: absolute;
    z-index: 9999;
    left: inherit;
    width: 230px;
    top: 0;
    list-style: none;
    margin-top: 15px;
    background: #fff;
    padding: 10px 20px 10px 20px;
}

.side-menu {
    display: none;
}

.work-block {
    width: 610px;
}

.work-block-content {
    width: 500px;
}

.vision-block {
    width: 660px;
}

.work-left {
    width: 310px;
}

.work-right {
    width: 320px;
}

.work-box {
    width: 320px;
}

.work-right a:nth-child(3) .work-box {
    width: 320px;
}

.side-menu-value {
    display: none;
}

.value-intro {
    width: 610px;
    float: right;
}

.career-intro {
    width: 400px;
    float: left;
}

.value-cluster-field {
    width: 340px;
    margin-bottom: 20px;
}

.cluster-text {
    width: 310px;
    padding-left: 40px;
    padding-top: 20px;
}

.headline-overlay-value {
    margin-left: -350px;
}

.value-block {
    margin-right: 0;
}

.vision-ani {
    margin-left: -368px;
    margin-top: 120px;
    display: none;
}

.newspage-block {
    width: 700px;
}

.newspage-post {
    width: 340px;
    height: auto;
}

.press-block-headline {
    margin-left: -60px;
}

.agency-slides {
    margin-left: -50px;
}

.agency-standort-block {
    width: 660px;
}

.contact-left {
    display: none;
}

.contact-right {
    width: 650px;
}

.contact-page-block {
    width: 300px;
    margin-bottom: 20px;
}

.contact-img {
    width: 300px;
    height: 300px;
}

.overlay-headline.jobs {
    font-size: 18px;
    line-height: 22px;
}

.news-images {
    width: 700px;
}

.news-image {
    width: 345px;
    margin-right: 5px;
}

.news-content {
    width: 660px;
}

.similar-overlay.jobs {
    display: none;
}

.work-left .work-box {
    width: 310px;
}

.project-slides-left {
    display: none;
}

.project-slides-right {
    width: 700px;
}

.news-text {
    padding: 0;
}

.project-content {
    width: 700px;
    margin-left: 40px;
}

.similar-overlay {
    margin-right: 60px;
}

.project-description {
    width: 390px;
}

.project-icons {
    display: none;
}

.project-icons .icon {
    float: left;
    margin: 20px;
}

.landingpage-news {
    display: none;
}

.lp-contact-block {
    width: 350px;
}

.ani {
    display: none;
}

.mobile-ani {
    display: none;
}

.vision-ani {
    background-size: auto;
}

.standort-bilder {
    width: 700px;
}

.standort-bild-links {
    width: 500px;
    height: 350px;
}

.standort-bild-rechts {
    width: 180px;
}

.standort-left {
    width: 680px;
    margin-left: 10px;
}

.standort-left .adress {
    width: 180px;
    float: left;
    margin: 0px 20px;
}

.standort-right {
    width: 670px;
    margin-top: 20px;
}

/* FOOTER */

footer {
    width: 100%;
    height: auto;
    background: #bcbcbc;
    padding: 30px 0px;
    z-index: 996;
}

footer strong {
    color: #000;
}

footer a {
    color: #000;
}

.footer-inner {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}

.footer-logo {
    width: 100px;
    float: left;
    margin-right: 60px;
}

.footer-inner h4 {
    margin: 0;
}

.footer-text {
    float: left;
    font-size: 11px;
    width: 700px;
}

.footer-standort a {
    text-decoration: none;
    display: block;
    font-family: 'Conv_Kaleko 105 Round Bold';
    pointer-events: all;
}

.inline-links a {
    display: inline-block;
}

.footer-standort-link {
    color: #e63328;
    text-decoration: none;
    font-family: 'Conv_Kaleko 105 Round Bold';
    pointer-events: all;
}

.footer-links {
    width: 100%;
    padding: 30px 0px;
}

.footer-links div {
    display: inline-block;
    margin-right: 5px;
}

.footer-links a {
    color: #000;
    text-decoration: none;
    display: block;
    font-family: 'Conv_Kaleko 105 Round Bold';
}

.social a {
    display: inline;
    margin-right: 10px;
}

.footer-links i {
    font-size: 22px;
    margin: 0px 5px;
}

footer p {
    margin: 10px 0px;
    padding: 0px;
}

#fh {
    width: 700px;
    height: auto;
    display: none;
    margin: 20px auto 0px auto;
}

#fi {
    width: 700px;
    height: auto;
    display: none;
    margin: 20px auto 0px auto;
}

#fh:focus,
#fi:focus {
    outline: none;
}


a {
    text-decoration: none;
}

.footer-standort {
    width: 45%;
}

}

/* Mobile */

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

  .icongrid {
    display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px
  }
	
	.mobile-project-icons {
			display: inherit;
			margin-left: 0;
			display: block;
			justify-content: inherit;
			padding: 50px 0 0 0;
		}
		
	.tablet-project-icons {
			display: none;
		}

	.standort-bild-rechts {
		display: none;
	}
	
	.contact-location-img {
		width: 100%;
		height: auto;
	    overflow: hidden;
		float: none;
	    margin-right: 20px;
	    margin-bottom: 20px;
	}
	
	.contact-locations {
		width: auto;
	}
	
	.standort-bild-links {
	    width: inherit;
	    height: 300px;
	    display: block;
	}
	
	.slider-main {
	    height: 250px;
	}
	
	.press-block-headline {
		margin: 0;
	}
	
	.project-slides-right {
		width: auto;
		float: none;
		height: 250px;
	}
	
	.slider-main .slide {
	    height: 250px;
	    background-size: cover;
	    -moz-background-size: cover;
	    -webkit-background-size: cover;
	}
	
	.slider-main .slick-list {
	    height: 250px;
	    overflow: hidden;
	}
	
	.project-icons {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	.project-icons .icon {
	    width: calc(50% - 40px);
	}
	
	.project-content {
	    width: 100%;
	    margin-left: 0;
	    padding: 20px;
	}
	
	.project-intro {
	    font-family: 'Conv_Kaleko 105 Round Bold';
	    margin-bottom: 30px;
	    width: auto;
	    height: auto;
	    margin: 0;
	}

	.project-description {
		float: none;
		width: auto;
	}
	
	.similar-overlay {
	    position: relative;
	    font-family: 'Conv_Kaleko 105 Round Bold';
	    width: auto;
	    height: auto;
	    z-index: 99;
	    margin: 20px 0;
	    pointer-events: none;
	    color: #e63328;
	}
	
	.project-similar {
	    float: none;
	    position: relative;
	    width: auto;
	    padding-top: 30px;
	    margin-right: -20px;
	}
	
	.standort-big {
	    position: relative;
	    width: 100%;
	    max-height: 250px;
	    margin-right: 10px;
	    float: left;
	    overflow: hidden;
	}

	.seo-block {
	    float: none;
	    width: 100%;
	    margin-bottom: 20px;
	}

	.mobile-side-menu {
		display: block;
	}

	.standort-bilder {
	    width: 100%;
	}
	
	.standort-left .adress {
	    width: 180px;
	    float: none;
	    margin: 0px auto;
	    text-align: center;
	}
	
	.standort-right {
	    float: none;
	    width: 100%;
	}
	
	.standort-left {
	    width: 100%;
	    float: none;
	    color: #5a5a5a;
	    padding-top: 10px;
	}

	.contact-right {
		width: 100%;
		float: none;
	}
	
	.grid-4 {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 10px;
		margin-bottom: 40px;
	}
	
	.instagram-img {
		overflow: hidden;
	    background-size: cover;
	    height: 300px;
	}
	.campus-text {
		width: auto; float: none;
	}
	
	.campus-logo {
		width: 100%; float: none;
	}

	.uu-post {
	    width: 100%;
	    height: auto;
	    background: #ebebeb;
	    border-radius: 2px;
	    float: none;
	    margin: 0 0 10px 0;
	    position: relative;
	}

	.uu-icon {
		float: left; 
		width: 100%; 
		text-align: center;
		margin: 20px;
		height: 150px;
		font-size: 11px;
	}	
	
	.apply-step {
	    width: 100%;
	    float: none;
	    padding: 10px;
	    margin: 10px 20px 10px 0;
	    border: 1px solid #e63328;
	}
	
	.open-jobs {
		display: none;
	}	
	
	.slick-next,
	.slick-prev {
		display: none !important;
	}
	
	.career-intro {
	    width: 100%;
	    float: none;
	}
		
	.agency-slides {
		width: 100%;
		margin: 0 0 40px 0;
	}
	
	.agency-slider-main-img {
	    height: 200px !important;
	    background-size: cover;
	    -moz-background-size: cover;
	    -webkit-background-size: cover;
	    background-position: center center;
	}
	
	.agency-slider-main {
	    width: 100%;
	    height: 200px;
	}
	
	.agency-slides-right {
	    width: 100%;
	    height: 200px;
	    float: none;
	    margin-left: 0;
	    position: relative;
	}
	
	.agency-text {
	    margin-top: 40px;
	}
	
	.gfs {
		margin: 0;
	}

	.gf-info {
		margin: 10px 0 0 0;
	}
	
	.agency-standort-block {
    	width: 100%;
		float: none;
	}
	
	.standort {
	    max-width: 100%;
	    margin: 0;
	}
	
	.standort-small {
	    display: none;
	}
	
	.standort:nth-child(2n) .standort-big {
	    position: relative;
	    width: 100%;
	    height: 200px;
	    max-height: 200px;
	    margin-left: 0;
	    margin-right: 0;
	    float: none;
	    overflow: hidden;
	}

	.vision-placeholder {
		display: none;
	}
	
	.agency-icons .icon-desc, .agency-icons .icon-count {
		font-size: 12px;
	}

	.home-block-one-left {
		display: none;
	}
		
	.home-project {
		height: 200px;
	}
	
	.large {
		padding: 0 10px;
		overflow: hidden;
	}
	
	.read-more {
		text-decoration: underline;
		display: inherit;
	}
	
	.work-filter {
		display: none;
	}
	
	a.mobile-btn {
		display: block;
	    float: right;
	    cursor: pointer;
	    border: 1px solid #000;
	    text-decoration: none;
	    color: #000;
	    padding: 5px 10px;
	    box-sizing: 		border-box;
	    -o-box-sizing: 		border-box;
	    -moz-box-sizing: 	border-box;
	    -webkit-box-sizing: border-box;
	}
	
	.nav {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: #fff;
		margin-top: 100px;
		padding: 20px;
	}
	
	nav ul#menu-main li, nav ul#menu-main-en li, nav ul#menu-mission-markenerlebnis li, nav ul#menu-mission-markenerlebnis-en li,
	.nav ul#menu-side li, nav ul#menu-side-en li {
		width: 45%;
	}
	
	nav ul#menu-main, nav ul#menu-main-en, nav ul#menu-mission-markenerlebnis, nav ul#menu-mission-markenerlebnis-en,
	nav ul#menu-side, nav ul#menu-side-en {
		line-height: 30px;
	}
	
	nav ul#menu-main li a, nav ul#menu-main-en li a, nav ul#menu-mission-markenerlebnis li a, nav ul#menu-mission-markenerlebnis-en li a,
	nav ul#menu-side li a, nav ul#menu-side-en li a {
		font-size: 18px;
		text-transform: inherit;
		color: #000;
	}
	
	nav.side-navigation,
	nav.main-navigation {
		float: none;
		margin: 0 0 4px 0;
	}
	
	.header-inner {
		padding: 20px 10px 10px 10px;
		height: auto;
	}
	
	.site-branding {
		margin: 0;
	}
	
	.headline-overlay-border-right,
	.headline-overlay-border-left {
		display: none;
	}
	
	.headline-overlay-value {
		margin: 0;
		position: relative;
		width: 100%;
		float: none;
		left: 0;
	}
	
	.bn-mob-hide {
		display: none;
	}
	
	.value-block-headline {
	    position: relative;
	    background: #fff;
	    z-index: 99;
	    margin-top: 0;
	    padding: 15px 0px;
	    margin-left: 0;
	    width: 100%;
	}
	
	.value-slides-right {
	    width: 100%;
	    height: 200px;
	    float: none;
	    position: relative;
	}
	
	.agency-block-headline {
	    position: relative;
	    background: #fff;
	    z-index: 99;
	    margin-top: 0;
	    padding: 15px 0px;
	    margin-left: 0;
	    max-width: 100%;
	}
	
	.agency-slider-one,
	.agency-slider-two {
		display: none;
	}

	.value-block-headline h2,
	.agency-block-headline h2 {
		font-size: 18px;
		line-height: 23px;
	}
	
	.list {
	    width: 100%;
	    float: none;
	    margin-top: 0;
	}
		
	.value-block-text {
	    width: 100%;
	    float: none;
	}
	
	.value-slider-main-img {
	    max-width: 480px !important;
	    width: 100% !important;
	    height: 200px !important;
	    background-size: cover;
	    -moz-background-size: cover;
	    -webkit-background-size: cover;
	    background-position: center center;
	}
		
	.value-block-intro {
	    font-family: 'Conv_Kaleko 105 Round Bold';
	    margin-bottom: 30px;
	    width: 100%;
	}
		
	.value-block-content {
	    width: 100%;
	    float: none;
	    position: relative;
	}
		
	.value-main {
	    width: 100%;
	    height: 200px;
	    background-size: cover;
	    -moz-background-size: cover;
	    -webkit-background-size: cover;
	}

	.overlay-slider {
		padding: 0;
		max-width: 100%;
		width: 100%;
		position: relative;
	}
	
	.bn-filter {
	}
	
	.work-categories,
	.work-industries,
	.work-branches {
	    float: none;
	    margin: 0 0 5px 0;
	}

	.headline-overlay.start-fix {
	    width: 100%;
	    height: auto;
	    position: relative;
	    left: 0;
	    top: 0;
	    margin-left: 0;
	    margin-top: 0;
	    overflow: hidden;
	    z-index: 10;
	    pointer-events: none;
	    padding: 0;
	}
	
	.headline-overlay {
	    width: 100%;
	    height: auto;
	    position: relative;
	    left: 0;
	    top: 0;
	    margin-left: 0;
	    bottom: 0;
	    margin-top: 0;
	    overflow: inherit;
	    z-index: 10;
	    pointer-events: none;
	}

	.headline-placeholder {
		display: none;
	}
	
	.site-content,
	body.home .site-content {
		width: 100%;
		height: auto;
		overflow: none;
		padding: 130px 0 20px 0;
		position: relative;
	}
	
	.site {
		padding-bottom: 0;
	}
	
	.home-news {
		display: none;
	}
	
	.home-first {
		display: none
	}
	
	.bn-mob-first {
		display: block;
		height: 250px;
		margin: 10px 0 10px 0;
	}
	
	.home-block-one-right {
		width: 100%;
		padding-top: 0;
	}

	.agency-placeholder {
		display: none;
	}

	.home-block-one-right > p {
		display: none;
	}
	
	p:first-of-type {
		display: inherit;
	}
	
	.home-block-two-left {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.home-one,
	.home-two,
	.home-three,
	.home-four,
	.home-five,
	.home-block-two-right,
	.home-block-three-left,
	.home-block-three-right,
	.home-six,
	.home-seven,
	.home-eight {
		width: 100%;
		float: none;
	}
	
	.work-right {
		float: none;
		width: 100%;
	}
	
	.work-left {
	    width: 100%;
	    float: none;
	}
		
	.work-right .work-box,
	.work-box {
		width: 100% !important;
		height: 200px !important;
		min-height: 200px;
	}
	
	.right {
		float: none;
	}
	
	.work-block.last {
		float: none;
	    width: 100%;
	    margin: 0;
	}
	
	.vision-block {
		float: none;
	    position: relative;
	    margin: 0 0px 0 0px;
	}
	
	.newspage-block {
	    width: 100%;
	    float: none;
	}
	
	.newspage-block-one {
	    width: 100%;
	    min-height: 200px;
	    height: auto;
	    float: none;
	    margin: 0;
	}
	
	.newspage-post {
	    width: 100%;
	    height: auto;
	    float: none;
	    margin: 0;
	}

	.vision-intro {
	    width: 100%;
	    height: auto;
	    min-height: 1px;
	    float: none;
	    position: relative;
	}
	
	.newspage-post:nth-child(2n) {
	    margin: 20px 0;
	}
	
	.newspage-text {
	    width: 100%;
	    height: auto;
	    margin-bottom: 20px;
	    display: block;
	    pointer-events: all;
	    padding: 20px 10px;
	}
	
	.contact-block-infos {
	    width: 65%;
	    height: auto;
	    line-height: 24px;
	    float: left;
	}
		
	.contact-block-img {
	    width: 30%;
	    height: 120px;
	    overflow: hidden;
	    float: left;
	    margin-right: 10px;
	}
		
	.strategie-slider-main {
	    width: 100%;
	    height: 200px;
	    overflow: hidden;
	}

	.vision-block-headline h2 {
	    font-family: 'Conv_Kaleko 105 Round Bold';
	    color: #e63328;
	    font-size: 20px;
	    padding: 0;
	    margin: 0;
	    display: block;
	    line-height: 34px;
	    text-transform: uppercase;
	}
	
	.vision-block-headline {
	    position: relative;
	    background: #fff;
	    z-index: 99;
	    margin-top: 0;
	    padding: 15px 0px;
	    margin-left: 0;
	    max-width: 100%;
	}
	
	.col-3-logo,
	.partner img,
	.work-block-content,
	.vision-block {
		width: 100%;
	}
  
  .col-3-logo {
    width: 45%;
    height: 200px;
  }
	
	.work-block-headline {
	    position: relative;
	    background: #fff;
	    z-index: 99;
	    margin-top: 0;
	    padding: 0px;
	    margin-left: 0;
	}
	
	.ipad-vision-claim.lp {
		margin: 0;
	}
	
	.news-image {
	    width: 100%;
	    margin-right: 0;
	    margin-bottom: 10px;
	}
	
	.headline-placeholder-news {
		display: none;
	}
	
	.block-lp img, .block-lp p {
	    max-width: 100%;
	    width: 100%;
	}
	
	.mm-icon-left {
	    width: 100%;
	    margin-right: 0;
	    float: none;
	    position: relative;
	    margin-bottom: 10px;
	}
	
	.header-lp a.mobile-btn {
	    display: block;
	    float: right;
	    cursor: pointer;
	    border: 1px solid #fff;
	    text-decoration: none;
	    color: #fff;
	    padding: 5px 10px;
	    box-sizing: border-box;
	    -o-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	}
	
	.header-lp nav ul#menu-main-en li, 
	.header-lp nav ul#menu-mission-markenerlebnis li,
	.header-lp nav ul#menu-mission-markenerlebnis-en li, 
	.header-lp nav ul#menu-side li, 
	.header-lp nav ul#menu-side-en li {
	    width: 100%;
	}
	
	.header-lp .site-branding {
	    width: 80px;
	    float: left;
	    margin-top: 0;
	} 
	
	.header-lp .nav {
	    display: none;
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    background: #562873;
	    margin-top: 100px;
	    padding: 20px;
	}
	
	.mobile-side-menu {
		margin-top: 20px;	
	}
	
	.mobile-side-menu a {
		width: calc(100% / 2 - 10px);
		height: 140px;
		margin: 0 5px 10px 0;
		float: left;
		cursor: pointer;
		overflow: hidden;
		position: relative;
	}
	
	.mobile-side-menu-text {
		position: absolute;
		bottom: 10px;
		left: 10px;
	    text-shadow: 1px 1px 2px black;
	}
	
	.mobile-side-menu a:nth-child(2n) {
		margin: 0 0 10px 5px;
	}

		
	.mm-33 {
	    width: 100%;
	    float: none;
	    margin-right: 0;
	    margin-bottom: 10px;
	}
		
	.mm-img {
		width: 100%;
	}
	
	.block-first {
	    margin-top: 0px !important;
	}
	
	.block-inner-headline {
	    position: relative;
	    background: #562873;
	    z-index: 99;
	    margin-top: 0;
	    padding: 15px 0px;
	    margin-left: 0;
	    max-width: 100%;
	}
	
	.block-inner {
	    width: 100%;
	    float: none;
	    position: relative;
	    margin: 0;
    }
    
    .mm-50 {
	    width: 100%;
	    margin-right: 0;
	    margin-bottom: 10px;
	    float: none;
	    position: relative;
	}

	.block-lp .block {
		margin: 0;
	}	
	
	body.page-template-page-missionmarkenerlebnis {
		overflow: scroll;
	}
	
	.mm-popup {
		display: none;
	}
	
	.news-content {
	    width: 100%;
	}
	
	.news-content-inner {
	    width: 100%;
	}

	.news-images {
	    width: 100%;
	    float: none;
	}

	.home-video {
	    position: relative;
	    padding-top: 0;
	}
	
	.lp-contact-block {
	    width: 100%;
	    margin: 0;
	}

	.work-block-headline h2 {
		font-size: 18px;
	}

	ul.sitemap {
		margin: 0;
		padding: 0;
	}
	
	.block.seo {
		padding: 0;
		width: 100%;
	}
	
	.value-intro {
		width: 100%;
		float: none;
	}
	
	.value-block {
	    width: 100%;
	    float: none;
	    outline: none;
	    position: relative;
	    margin: 0;
	    margin-right: 160px;
	}
	
	.value-cluster-field {
		width: 100%;
	}
	
	.cluster-text {
	    width: 100%;
	    padding-left: 0;
	    padding-top: 20px;
	}
	
	.value-similar-overlay,
	.value-block-similar {
		display: none;
	}
	
	.block-right {
	    width: 100%;
	    float: none;
	    position: relative;
	}
		
	.block-left.seo,
	.block-right.seo {
	    width: 100%;
	    padding: 0;
	    float: none;
	}
	
	.footer-standort {
	    width: 100%;
	    float: none;
	    margin-right: 0;
	    font-size: 10px;
	    text-align: center;
	    margin-bottom: 20px;
	}
	
	.site-footer {
		position: relative;
	}
	
}