/* Avenir */

/**
 * @license
 * MyFonts Webfont Build ID 4726773, 2022-04-22T05:53:29-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: AvenirNextLTPro-BoldIt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-bold-italic/
 * Copyright: Copyright © 2004 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-DemiIt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-demi-italic/
 * Copyright: Copyright © 2004 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-HeavyIt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-heavy-italic/
 * Copyright: Copyright © 2004 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-It by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-italic/
 * Copyright: Copyright © 2004 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-LightIt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-light-italic/
 * Copyright: Copyright © 2012 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-Light by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-light/
 * Copyright: Copyright © 2012 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-MediumIt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-medium-italic/
 * Copyright: Copyright © 2004 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-Medium by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-medium/
 * Copyright: Copyright © 2004 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-ThinIt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-thin-italic/
 * Copyright: Copyright © 2012 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-UltLtIt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-ultralight-italic/
 * Copyright: Copyright © 2004 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-UltLt by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-ultralight/
 * Copyright: Copyright © 2004 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-Heavy by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-heavy/
 * Copyright: Copyright © 2004 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-Demi by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-demi/
 * Copyright: Copyright © 2004 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-Regular by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-regular/
 * Copyright: Copyright © 2004 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-Thin by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-thin/
 * Copyright: Copyright © 2012 - 2017 Monotype GmbH. All rights reserved.
 *
 * Webfont: AvenirNextLTPro-Bold by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-bold/
 * Copyright: Copyright © 2004 - 2017 Monotype GmbH. All rights reserved.
 *
 *
 *
 * © 2022 MyFonts Inc
*/



@font-face {
  font-family: "AvenirNextLTPro-Light";
  src: url('/fonts/AvenirNextLTProLight/font.woff2') format('woff2'), url('/fonts/AvenirNextLTProLight/font.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "AvenirNextLTPro-LightIt";
  src: url('/fonts/AvenirNextLTProLightIt/font.woff2') format('woff2'), url('/fonts/AvenirNextLTProLightIt/font.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "AvenirNextLTPro-MediumIt";
  src: url('/fonts/AvenirNextLTProMediumIt/font.woff2') format('woff2'), url('/fonts/AvenirNextLTProMediumIt/font.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "AvenirNextLTPro-Regular";
  src: url('/fonts/AvenirNextLTProRegular/font.woff2') format('woff2'), url('/fonts/AvenirNextLTProRegular/font.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "AvenirNextLTPro-UltLtIt";
  src: url('/fonts/AvenirNextLTProUltLtIt/font.woff2') format('woff2'), url('/fonts/AvenirNextLTProUltLtIt/font.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "AvenirNextLTPro-DemiIt";
  src: url('/fonts/AvenirNextLTProDemiIt/font.woff2') format('woff2'), url('/fonts/AvenirNextLTProDemiIt/font.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "AvenirNextLTPro-Thin";
  src: url('/fonts/AvenirNextLTProThin/font.woff2') format('woff2'), url('/fonts/AvenirNextLTProThin/font.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "AvenirNextLTPro-Bold";
  src: url('/fonts/AvenirNextLTProBold/font.woff2') format('woff2'), url('/fonts/AvenirNextLTProBold/font.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "AvenirNextLTPro-Heavy";
  src: url('/fonts/AvenirNextLTProHeavy/font.woff2') format('woff2'), url('/fonts/AvenirNextLTProHeavy/font.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "AvenirNextLTPro-UltLt";
  src: url('/fonts/AvenirNextLTProUltLt/font.woff2') format('woff2'), url('/fonts/AvenirNextLTProUltLt/font.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "AvenirNextLTPro-HeavyIt";
  src: url('/fonts/AvenirNextLTProHeavyIt/font.woff2') format('woff2'), url('/fonts/AvenirNextLTProHeavyIt/font.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "AvenirNextLTPro-ThinIt";
  src: url('/fonts/AvenirNextLTProThinIt/font.woff2') format('woff2'), url('/fonts/AvenirNextLTProThinIt/font.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: "AvenirNextLTPro-Demi";
  src: url('/fonts/AvenirNextLTProDemi/font.woff2') format('woff2'), url('/fonts/AvenirNextLTProDemi/font.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: "AvenirNextLTPro-BoldIt";
  src: url('/fonts/AvenirNextLTProBoldIt/font.woff2') format('woff2'), url('/fonts/AvenirNextLTProBoldIt/font.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "AvenirNextLTPro-It";
  src: url('/fonts/AvenirNextLTProIt/font.woff2') format('woff2'), url('/fonts/AvenirNextLTProIt/font.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "AvenirNextLTPro-Medium";
  src: url('/fonts/AvenirNextLTProMedium/font.woff2') format('woff2'), url('/fonts/AvenirNextLTProMedium/font.woff') format('woff');
  font-display: swap;
}

/* caveat-regular - latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/caveat-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/caveat-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/caveat-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/caveat-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/caveat-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/caveat-v17-latin-regular.svg#Caveat') format('svg'); /* Legacy iOS */
}

/* caveat-500 - latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/caveat-v17-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/caveat-v17-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/caveat-v17-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/caveat-v17-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/caveat-v17-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/caveat-v17-latin-500.svg#Caveat') format('svg'); /* Legacy iOS */
}

/* caveat-600 - latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/caveat-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/caveat-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/caveat-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/caveat-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/caveat-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/caveat-v17-latin-600.svg#Caveat') format('svg'); /* Legacy iOS */
}

/* caveat-700 - latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/caveat-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/caveat-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/caveat-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/caveat-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/caveat-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/caveat-v17-latin-700.svg#Caveat') format('svg'); /* Legacy iOS */
}


.row {
max-width: 1378px;
}

.col-630 {
max-width: 630px;
}

.col-6-6 .large-6:nth-child(2) .col-630 {
margin-right: 0px;
margin-left: auto;
}

.f-60 {
font-size:60px;
line-height:65px;
}

.f-54 {
font-size:54px;
line-height:52px;
}

.f-50 {
font-size:50px;
line-height:55px;
}

.f-40 {
font-size:40px;
line-height:45px;
}

.f-30 {
font-size:30px;
line-height:35px;
}

.f-35 {
font-size:35px;
line-height:40px;
}

.f-25 {
font-size:25px;
line-height:30px;
}

.f-20 {
font-size:20px;
line-height:25px;
}

.f-18 {
font-size:18px;
}

.t-uppercase {
text-transform:uppercase;
}

h1, h2, h3, h4, h5, h6, h7, h8 {
margin:0px;
}

h1, h2, h3, h4, h5, h6, h7, h8, p, a, li, ol{
color:#000000;
font-family: "AvenirNextLTPro-Regular";
}

p {
font-size:14px;
line-height:25px;
}

p:last-of-type {
margin-bottom: 0px;
}

p a {
font-family: "AvenirNextLTPro-Bold";
}

a:hover {
color:inherit;
}

.heavy-it {
font-family: "AvenirNextLTPro-HeavyIt";
}

.bold {
font-family: "AvenirNextLTPro-Bold";
}

.bold a {
font-family: "AvenirNextLTPro-Bold";
}

a {
font-weight:bold;
transition: all 300ms ease-out;
}

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

.margin-bot-30 {
margin-bottom:30px;
}

.margin-bot-15 {
margin-bottom:15px;
}

.margin-bot-40 {
margin-bottom:40px;
}

.inside-padding-30 {
padding-top:30px;
}

.section-120-0 {
padding-top:120px;
}

.section-0-120 {
padding-bottom:120px;
}


.section-80-120 {
padding-bottom:120px;
padding-top:80px;
}
.section-120-120 {
padding-bottom:120px;
padding-top:120px;
}

.section-70-0 {
padding-top:70px;
}

.padding-top-25 {
padding-top:25px;
}

.inside-padding-80 {
padding-top:80px;
}

.btn-standard {
background:#000000;
color:#fff !important;
font-size:14px !important;
width:auto;
padding:14px 25px 11px 25px;
position:relative;
padding-left:60px;
line-height:21px !important;
display:inline-block;
font-family: "AvenirNextLTPro-HeavyIt";
border:2px solid #000000;
text-transform:uppercase;
font-weight:normal;
}

.btn-standard i {
font-size:27px;
vertical-align: middle;
margin-right:10px;
position:absolute;
top:9px;
left:24px;
height:22px;
width:23px;
}

.btn-standard:hover {
background:#fff;
color:#000 !important;
}

.btn-white-red:hover {
background:#FF0D00;
color:#fff !important;
}

.btn-white-red {
background:#fff;
color:#FF0D00 !important;
border:2px solid #FF0D00;
}

.btn-white{
background:#fff;
color:#21272E !important;
border:2px solid #fff;
}

.btn-white:hover {
background:#000;
color:#fff !important;
}

.btn-red {
background:#FF0D00;
color:#fff !important;
border:2px solid #FF0D00;
}

.btn-red:hover {
background:#fff;
color:#FF0D00 !important;
}

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

.sh-slider-button {
background:#000000;
height:50px;
width:50px;
padding:0px;
margin:0px;
display:inline-flex;
justify-content: center;
align-items: center;
flex-direction: row;
border:2px solid #000;
}

.sh-prev{
margin-right:5px;
}

.sh-slider-button:hover {
background:#fff;
}

.sh-slider-button i{
color:#fff;
font-size:27px;
}

.sh-slider-button:hover , .sh-slider-button:focus  {
background:#fff;
}

.sh-slider-button:hover i, .sh-slider-button:focus i  {
color:#000;
}

.col-857  {
max-width:857px;
margin-left:auto;
margin-right:auto;
}

.col-957 {
max-width:957px;
margin-left:auto;
margin-right:auto;
}

.col-957 .flex-video-2 {
max-width:937px;
}

.max-wideo .flex-video-2 {
max-width:1385px;
}


.margin-top-60 {
margin-top:60px;
}

.padding-bot-45 {
padding-bottom:45px;
}

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

.margin-top-50 {
margin-top:50px;
}



/*  */
.faq-section {
padding:70px 0 0px;
background-position:center;
background-size:cover;
}

.faq-section.lazy-bg-loaded {
background:url(/layout/bg-faq.jpg);
}



.faq-section  ul.dot-list li {
color:#fff;
}

.faq-section  ul.dot-list li:before {
background: #fff;
}

.faq-section h3{
font-size:84px;
line-height:90px;
color:#fff;
}

.faq-section .faq-box {
position:relative;
padding-left: 80px;
margin-bottom:63px;
padding-bottom:40px;
width:48%;
}

.faq-section .faq-box:last-child {
padding-bottom:60px;
border-bottom:0px;
margin-bottom:10px;
}

.faq-section h3{
font-size:84px;
line-height:90px;
color:#fff;
font-family: "AvenirNextLTPro-HeavyIt";
text-align:center;
}

.faq-section h4 {
color:#fff;
font-family: "AvenirNextLTPro-HeavyIt";
font-size:22px;
line-height:25px;
padding-top:20px;
margin-bottom:25px;
}

.faq-section h5 {
color:#fff;
font-family: "AvenirNextLTPro-HeavyIt";
position:absolute;
left:0px;
top:0px;
z-index:2;
border:1px solid #fff;
height:63px;
width:63px;
font-size:30px;
line-height:66px;
text-align:center;
transition: all 300ms ease-out;
}

.faq-section .faq-box:hover h5 {
color:#000;
border:1px solid #fff;
text-align:center;
background:#fff;
}

.faq-section p {
color:#fff;
font-size:16px;
line-height:25px;
}

.faq-section .large-4, .faq-section .large-8 {
width:100%;
}

.faq-section .large-8 {
display:flex;
justify-content: space-between;
flex-wrap:wrap;
}









.youtube {
	background-color: #000;
	margin-bottom: 0px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	opacity: 0.9;
}
.youtube .play-button, .vimeo .play-button {
	width: 60px;
	height: 40px;
	background-color: #333;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 0.8;
	border-radius: 6px;
}
.youtube .play-button:before, .vimeo .play-button:before {
	content: "";
	border-style: solid;
	border-width: 10px 0 10px 18px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button, .vimeo .play-button {
	cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before,
.vimeo .play-button,
.vimeo .play-button:before {
	position: absolute;
}
.youtube .play-button,
.youtube .play-button:before,
.vimeo .play-button,
.vimeo .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
.flex-video-2 {
	max-width: 680px;
	margin: 0px auto;
	padding: 0 0px;
}

.right-video-box {
max-width: 556px;
display: block;
margin-right: 0px;
margin-left: auto;
}

.cta {
display:flex;
justify-content: space-between;
}

.cta-1 {
background-position:center;
background-repeat: repeat-x;
background-size:auto 428px;
}

.cta-1.lazy-bg-loaded {
background-image: url(/layout/cat-1-dots.png) ;
}

.cta .img-div {
width:44%;
}

.cta .img-div img{
object-fit: cover;
height:100%;
width:100%;
}


.cta .text-div {
width:57%;
}

.cta .text-div .inside-div {
max-width:962px;
float:left;
margin-left:-165px;
}

.cta .contact-box {
background:#FF0D00;
margin-bottom:50px;
overflow:auto;
padding:46px 80px 46px 90px;
display:flex;
justify-content:space-between;
align-items: flex-end;
}

.cta h3 {
font-size:84px;
color:#FF0D00;
line-height:80px;
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
padding-top:50px;
margin-bottom:30px;
padding-left:179px;
}

.cta a {
display:block;
font-size:25px;
color:#fff;
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
line-height:25px;
font-weight:normal;
}

.cta .contact-box div:nth-child(2) a {
align-self:  flex-end;
}

.cta .contact-box div:nth-child(1) a:nth-child(1) {
margin-bottom:35px;
}

.cta-5 .contact-box div:nth-child(1) a:nth-child(1) {
margin-bottom:15px;
}

.customers-rev-container {
overflow:hidden;
}

.customers-rev .slick-track {
display:flex;
align-items: stretch;
}

.customers-rev {
margin-right:-100px;
}

.customers-rev .slide{
height:auto;
background:#Ff8584;
margin-right:17px;
padding:35px 25px 40px 31px;
}

.customers-rev .slick-prev,.customers-rev .slick-next {
bottom:-100px;
top:auto;
}

.customers-rev .slick-next {
right:0px;
}

.customers-rev .slick-prev {
left:0px;
}


.customers-rev .stars {
margin-bottom:15px;
display:block;
}

.customers-rev .stars i{
color:#FDDB7D;
font-size:14px;
margin-right:5px;
}

.customers-rev p{
color:#fff;
font-size:11px;
line-height:16px;
}

.customers-rev h4 {
position:relative;
font-family: "AvenirNextLTPro-HeavyIt";
color:#000000;
text-transform:uppercase;
line-height:20px;
display:flex;
align-items: center;
margin-bottom:14px;
}

.customers-rev h4 .circle-leter {
border-radius:50%;
background:#000000;
color:#fff;
font-size:20px;
line-height:61px;
height:57px;
width:57px;
text-align:Center;
padding-right:2px;
margin-right:18px;
}

.customers-rev h4 span {
padding-top:9px;
}

.button:focus, .button:hover, button:focus, button:hover {
background-color:inherit;
}

.customers-rev-buttons {
position:absolute;
top:0px;
right:15px;
}

.button-under-slider {
position:relative;
padding-top:24px;
}

.references-container {
background-position: left center;
background-repeat: repeat-x;
background-size:auto 417px;
}

.references-container.lazy-bg-loaded {
background-image:  url(/layout/ref-1-dots.png) ;
}

.references-container .large-12 {
display:flex;
justify-content: space-between;
align-items: end;
}

.references-container .large-12 .col-slider {
width:calc(100% - 309px);
text-align:right;
}

.references-container .slider-logos-box {
padding:40px 50px;
margin-bottom:15px;
}

.references-container .slider-logos-box img{
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
max-width:217px;
}

.references-container .slider-logos-box img:last-child{
margin-bottom:0px;
}

.references-container .large-12 .col-button {
width:309px;
text-align:right;
padding-bottom:65px;
}

.references-container .slider-logos-box {
background:#FF0D00;
width:100%;
}

.references-container h3 {
font-size:84px;
font-family: "AvenirNextLTPro-HeavyIt";
line-height:80px;
color:#FF0D00;
padding-top:50px;
padding-bottom:25px;
padding-right:30px;
padding-left:0px;
margin-bottom:0px;
}

.flex-box {
display:flex;
justify-content: space-between;
align-items: stretch;
}

.home-box {
background:#EAEAEA;
padding:80px 120px 70px 120px;
}

.home-box .single-item {
position:relative;
padding-bottom:75px;
}

.home-box .single-item a {
position:absolute;
bottom:0px;
left:0px;
}

.home-box .single-item:nth-child(1){
max-width:420px;
}

.home-box .single-item:nth-child(2){
max-width:1px;
padding-bottom:0px;
}

.home-box .single-item:nth-child(3){
max-width:420px;
}

.home-box .line {
height:100%;
width:1px;
background:#000000;
}

.home-box-links {
display:flex;
justify-content: space-between;
align-items: stretch;
gap:20px;
padding-top:20px;
}

.home-box-links .box {
background:#EAEAEA;
width:33%;
position:relative;
height:388px;
transition: all 300ms ease-out;
}

.home-box-links .box a {
display:flex;
height:100%;
width:100%;
align-items: center;
}

.home-box-links .box h4{
font-size:40px;
line-height:35px;
text-transform:uppercase;
color:#FF0D00;
padding-left:80px;
position:absolute;
top:210px;
left:0px;
}

.home-box-links .box h4 i{
position:absolute;
left:22px;
top:-3px;
font-size:45px;
}

.home-box-links .box .black-arrow {
background: #000000;
height: 50px;
width: 50px;
padding: 0px;
margin: 0px;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #000;
position:absolute;
bottom:23px;
right:21px;
}

.home-box-links .box .black-arrow i{
color: #fff;
font-size: 27px;
}

.home-box-links .box-1 {
background-repeat:no-repeat;
background-position:center;
}

.home-box-links .box-1:hover {
background:#FF0D00;
background-repeat:no-repeat;
background-position:center;
}

.home-box-links .box-1.lazy-bg-loaded {
background-image:url(/layout-new/word-bg-1.svg);
}


.home-box-links .box-2 {
background-repeat:no-repeat;
background-position:center;
}

.home-box-links .box-2:hover {
background:#FF0D00;
background-repeat:no-repeat;
background-position:center;
}

.home-box-links .box-2.lazy-bg-loaded {
background-image:url(/layout-new/word-bg-2.svg);
}

.home-box-links .box-3 {
background-repeat:no-repeat;
background-position:center;
}

.home-box-links .box-3:hover {
background:#FF0D00;
background-repeat:no-repeat;
background-position:center;
}

.home-box-links .box-3.lazy-bg-loaded {
background-image:url(/layout-new/word-bg-3.svg);
}

.home-box-links .box:hover h4{
color:#FFFFFF;
}

.home-box-links .box:hover .black-arrow {
background:#fff;
border: 2px solid #fff;
}

.home-box-links .box:hover .black-arrow i {
color:#000000;
}

.city-list {
padding:100px 0;
background-position:center !important;
background-size:cover !important;
}

.city-list.lazy-bg-loaded {
background:url(/layout/bg-city-list.jpg);
}

.city-list .large-12 {
display:flex;
justify-content: space-between;
align-items: flex-start;
}

.city-list .col-header {
width:33%;
}

.city-list .col-list {
width:66%;
}

.city-list h3{
color:#fff;
padding-right:30px;
}

.city-list ul {
display:flex;
justify-content: space-between;
flex-wrap:wrap;
list-style:none;
}

.city-list li {
width:24%;
padding-bottom:35px;
}

.city-list li a{
color:#fff;
font-size:20px;
line-height:25px;
position:relative;
padding-left:45px;
font-weight:normal;
}

.city-list li a:before{
position:absolute;
top:-3px;
left:0px;
content:'';
height:30px;
width:30px;
background:url(/layout-new/arrow-right.svg);
background-repeat:no-repeat;
}

.team-slider h3{
font-size:84px;
text-transform:uppercase;
color:#FF0D00;
text-align:center;
font-family: "AvenirNextLTPro-HeavyIt";
line-height:85px;
}

.team-slider {
overflow: hidden !important;
}

.team-slider .sliding-background {
/*
height: 672px;
width: 7128px;
animation: slide 60s linear infinite;
background-repeat: repeat-x;
background-size:auto 100% ;
*/
}

.sliding-background.lazy-bg-loaded {
background: url(/layout-new/team-slider.jpg);
height: 672px;
width: 7128px;
animation: slide 60s linear infinite;
background-repeat: repeat-x;
background-size:auto 100% ;
}

@keyframes slide{
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-3567px, 0, 0); /* The image width */
  }
}

.team-slider .btn-standard {
margin-top:-10px;
}

.cta-5 {
background-position: left center;
background-repeat: repeat-x;
background-size: auto 380px;
}

.cta-5.lazy-bg-loaded {
background-image: url(/layout-new/cat-2-img-dot.png) ;
}

.cta-2-container .red-box {
padding:80px 100px;
margin-bottom:15px;
background:#FF0D00;
display: flex;
justify-content: space-between;
}

.cta-5 h3 {
font-size:74px;
line-height:80px;
text-align:right;
font-family: "AvenirNextLTPro-HeavyIt";
color:rgba(255, 13, 0, 0.9);
padding-bottom:0px;
padding-left:0px;
padding-right:30px;
margin-left:-183px;
padding-top:110px;
}

.cta-5 .col-left a{
font-size:25px;
color:#fff;
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
display:block;
padding-top:15px;
align-items: baseline;
}

.cta-5 .col-right {
text-align:right;
}

.cta-5 .text-div .inside-div {
float:right;
margin:0px;
max-width:800px;
width:100%;
}

.cta-5 .contact-box {
margin-right:-180px;
position:relative;
z-index:2;
margin-bottom:0px;
padding:30px 82px;
align-items: center;
}

.cta-5  .col-right a {
width:385px;
margin-bottom:15px;
max-width:unset;
}

.cta-5  .col-right a.btn-white {
text-align:center;
margin-bottom:0px;
max-width:unset;
}

.cta-5 .col-right a.btn-white i{
left: 81px;
}

.cta-5 .img-div img {
height:88%;
width:100%;
}

.video-slider-container {
padding-top:130px;
background:url(/layout-new/bg-dot.png);
background-size:auto 626px;
padding-bottom:90px;
}

.video-slider-container h3 {
font-size:74px;
line-height:80px;
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
color:#FF0D00;
}

.video-slider-container .box{
max-width:1635px;
overflow:hidden;
float:right;
margin-bottom:45px;
width:100%;
}

.video-slider-container .videos-slider {
margin-right:-500px;
}

.video-slider-container .videos-slider .slick-slide{
margin-right:15px;
}

.video-slider-container h3{
float:left;
padding-right:160px;
padding-left:15px;
}

.video-slider-container .button-row {
padding-top:45px;
}

.logo-slider-container {
overflow:hidden;
}

.logo-slider-container h3 {
font-size: 64px;
text-transform: uppercase;
color: #FF0D00;
text-align: center;
font-family: "AvenirNextLTPro-HeavyIt";
}


.logos-slider {
margin-left:-100px;
margin-right:-100px;
margin-top:40px;
}

.logos-slider .box {
height:70px;
margin:0px 50px;
}

.logos-slider .box img {
height:70px;
width:auto;
margin-left:auto;
margin-right:auto;
filter: grayscale(100%);
}

.footer {
background:#000000;
padding-top:65px;
padding-bottom:100px;
}

.footer h4 {
font-size:16px;
line-height:25px;
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
color:#fff;
margin-bottom:10px;
}

.footer a, .footer p {
font-size:14px;
color:#fff;
font-weight:normal;
}

.footer .first-row a {
color:#FF0D00;
font-size:20px;
line-height:25px;
font-family: "AvenirNextLTPro-Bold";
}

.footer-line {
height:1px;
background:#FFFFFF;
margin:45px 0px;
}

.footer ul {
margin:0px;
}

.footer-social-icon {
list-style:none;
text-align:right;
}

.footer-social-icon  li{
display:inline-block;
margin-right:10px;
}

.footer-social-icon a{
background:#FF0D00;
height:50px;
width:50px;
display:flex;
justify-content: center;
align-items: center;
overflow:hidden;
position:relative;
border:2px solid #FF0D00;
}

.footer-social-icon a:hover{
background:#fff;
color:#FF0D00;
}

.footer-social-icon a i{
color:#fff;
font-size:30px;
line-height:30px;
}

.footer-social-icon a:hover i {
color:#FF0D00;
}

.footer-social-icon a i.fa-facebook-f {
left:22px;
bottom:0px;
}

.footer-social-icon a i.fa-instagram {
left:24px;
bottom:2px;
padding-left:6px;
}

.footer-social-icon a i.fa-xing{
left:20px;
bottom:-1px;
}

.footer-social-icon a i.fa-linkedin-in {
left:20px;
bottom:-3px;
padding-left:3px;
}

.footer-county-icon {
text-align:right;
}

.footer-county-icon img {
height:24px;
width:auto;
}

.footer-2 {
background:#EAEAEA;
padding-top:27px;
padding-bottom:65px;
}

.footer-2 a {
font-weight:normal;
font-family: "AvenirNextLTPro-Regular";
}

.footer-2 span {
padding:0px 15px;
display:inline-block;
}

.fixed-kontakt-buttons {
position:fixed;
bottom:0px;
right:3%;
list-style:none;
}

.fixed-kontakt-buttons ul {
margin:0px;
}

.fixed-kontakt-buttons li {
display:inline-block;
margin-right:8px;
overflow:hidden;
margin-bottom:-7px;
}

.fixed-kontakt-buttons .fixed-mail, .fixed-kontakt-buttons .fixed-tel {
display:flex;
height:50px;
width:50px;
background:#FF0D00;
color:#fff;
justify-content: center;
align-items: center;
font-size:18px;
}

.fixed-kontakt-buttons .fixed-text {
height:50px;
background:#FF0D00;
color:#fff;
font-family: "AvenirNextLTPro-HeavyIt";
text-transform:uppercase;
display: inline-block;
padding-top: 14px;
text-align:center;
width:128px;
font-weight:normal;
}

.fixed-kontakt-buttons .fixed-mail, .fixed-kontakt-buttons .fixed-tel, .fixed-kontakt-buttons .fixed-text {
border:2px solid #FF0D00;
z-index:9999;
}

.fixed-kontakt-buttons .fixed-mail:hover, .fixed-kontakt-buttons .fixed-tel:hover, .fixed-kontakt-buttons .fixed-text:hover {
border:2px solid #FF0D00;
background:#fff;
color:#FF0D00;
}

.slider-nav {
margin-left:-10px;
margin-right:-10px;
}

.slider-nav .slick-slide {
margin:10px;
position:relative;
overflow:hidden;
}

.slider-nav .btn{
background:#FF0D00;
border:2px solid #FF0D00;
height:62px;
width:62px;
position:absolute;
bottom:0px;
right:0px;
justify-content: center;
align-items: center;
display:flex;
z-index:99;
}


.slider-nav .btn i{
color:#fff;
font-size:30px;
}

.slider-nav p.head-1 {
font-size:27px;
line-height:30px;
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
color:#fff;
left:auto !important;
right:auto !important;
}

.slider-nav .inside-box {
position:absolute;
bottom:80px;
left:29px;
right:29px;
}

.slider-nav .inside-box .business-punk {
background:#fff;
padding:6px 12px;
max-width:132px;
width:100%;
margin-bottom:15px;
}

.slider-nav .inside-box .top-company {
max-width:134px;
width:100%;
margin-bottom:24px;
}

.slider-nav .inside-box .shopify {
max-width:225px;
width:100%;
margin-bottom:24px;
}

.banner-home {
margin-bottom:-165px;
position:relative;
background:#000;
}

.banner-home .banner-video video {
width:100%;
height:auto;
}
.banner-home .banner-video-img  {
display: none;
}




.banner-home .row {
display:flex;
align-items: flex-end;
padding-bottom:210px;
}



.banner-home.slick-slide {
background-size:cover !important;
background-position:center !important;
}

.banner-home .banner-slide-1 {
background:url(/layout/banner/banner-1.jpg);
}

.platz-1 .head-2{
font-size:31px;
line-height:31px;
background:#000000;
color:#fff;
position:absolute;
top:41px;
font-family: "AvenirNextLTPro-HeavyIt";
margin-left:auto;
margin-right:auto;
left:0px !important;
right:0px !important;
max-width:264px;
text-align:center;
height:60px;
padding-top:18px;
width:100%;
}

.soepresso .inside-box img{
max-width:215px;
margin-bottom:-2px;
margin-left:auto;
margin-right:auto;
}

.soepresso h4{
color:#000;
}

.soepresso p {
font-weight:bold;
font-family: "AvenirNextLTPro-Bold";
font-size:16px;
line-height:20px;
margin-top:5px;
}

.digital-bash p {
font-weight:bold;
font-family: "AvenirNextLTPro-Bold";
font-size:16px;
line-height:20px;
margin-top:5px;
color:#fff;
text-transform:uppercase;
}

.digital-bash .logo{
max-width: 165px;
margin-bottom: 17px;
}

.digital-bash .img{
max-width:177px;
transform: rotate(3deg);
box-shadow: -10px 10px 20px #00000029;
margin-bottom:15px;
}

.menu-container {
position:fixed;
width:100%;
z-index:999;
}

.menu-container .first-row {
display:flex;
justify-content: space-between;
align-items: center;
padding-left:70px;
padding-right:70px;
padding-top:45px;
padding-bottom:45px;
transition: all 0.5s ease;
}

.menu-container.scrolled-header .first-row {
background:#00000073;
padding-top:25px;
padding-bottom:25px;
margin-bottom:45px;
}

.menu-container .logo {
max-height:91px;
height:100%;
width:auto;
transition: max-height 0.5s ease-out;
}

.menu-container.scrolled-header .logo {
max-height: 40px;
width: auto;
}

.menu-container ul {
list-style:none;
margin-bottom:0px;
}

.menu-container li{
display:inline-block;
}

.new-dropdown {
display:none;
position:relative;
background:#fff;
}

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

.flex-box {
display:flex;
justify-content: space-between;
}



.menu-container .first-row button {
margin-left:27px;
padding:10px 0;
margin-bottom:0px;
display:flex;
justify-content: space-between;
align-items: center;
}

.menu-container .first-row button, .menu-container .first-row button a {
background:none;
color:#fff;
font-size:14px;
line-height:25px;
font-family: "AvenirNextLTPro-Bold";
text-transform:uppercase;
font-weight:normal;
}

.menu-container .first-row button .fa-chevron-down {
font-size:7px;
line-height:25px;
padding-left:7px;
}

.menu-container .first-row button span img {
height:20px;
}

.menu-container .new-dropdown button {
background:none;
padding:0px;
font-family: "AvenirNextLTPro-Bold";
color:#fff;
display:flex;
}

.menu-container .new-dropdown {
position:absolute;
padding:40px 25px 25px 25px;
overflow:auto;
top:50px;
max-height:90vh;
}

.menu-container .main-button:nth-child(7) .new-dropdown {
right:-100px;
}

.menu-container .main-button:nth-child(6) .new-dropdown {
right:-164px;
}

.menu-container .main-button:nth-child(5) .new-dropdown {
right:-316px;
}

.close-dropdown {
position: absolute;
right: 24px;
top: 19px;
width: 22px;
height: 22px;
opacity: 1;
display:none;
}

.close-dropdown:hover {
}

.close-dropdown:before, .close-dropdown:after {
position: absolute;
left: 15px;
content: ' ';
height: 22px;
width: 1px;
background-color: #707070;
}

.close-dropdown:before {
transform: rotate(45deg);
}

.close-dropdown:after {
transform: rotate(-45deg);
}

.menu-container .new-dropdown h4 {
font-size:20px;
text-transform:uppercase;
font-family: "AvenirNextLTPro-Bold";
line-height:25px;
color:#000000;
margin-bottom:30px;
display:none;
}

.menu-container .new-dropdown ul {
margin:0px;
}

.menu-container .new-dropdown .flex-col-33 {
border-right:1px solid #000;
min-width:250px;
}

.menu-container .new-dropdown .flex-col-33 ul li {
display:block;
}

.menu-container .new-dropdown .flex-col-33 button{
font-size:14px;
line-height:51px;
color:#000000;
text-transform:uppercase;
font-family: "AvenirNextLTPro-Bold";
display:block !important;
padding-left:0px;
width:100%;
text-align:left;
margin-bottom:0px;
margin-left:0px;

}

.menu-container .new-dropdown .flex-col-33 button.active{
color:#FF0D00;
}

.flex-col-66 h4{
display:none;
}

.flex-col-66  .sub-menu-div {
display:flex;
justify-content: space-between;
gap:20px;
height:100%;
}

.flex-col-66  .sub-menu-div {
display:flex;
justify-content: space-between;
}

.flex-col-66 .col-links {
height:100%;
padding-left:40px;
min-width:300px;
}

.flex-col-66 .col-links li {
display:block;
}

.flex-col-66 .col-links a {
color:#000000;
display:block !important;
width:100%;
text-align:left;
margin-bottom:0px;
font-size:14px;
line-height:45px;
font-family: "AvenirNextLTPro-Regular";
transition: auto;
padding:0px 20px;
}

.flex-col-66 .col-links a:hover {
color:#fff;
font-family: "AvenirNextLTPro-Bold";
background:#FF0D00;
}


.flex-col-66 .col-img {
width:calc(100% - 325px);
background:#EAEAEA;
height:100%;
display:none;
}

#main-7 {
padding:0px;
}

#main-7 a{
background:#FF0D00;
font-weight:bold;
}

#main-7 a:hover {
background:#fff;
}


#main-7  {
padding:0px;
margin:0px;
height:50px;
width:50px;
border: 2px solid #FF0D00;
display: flex;
background: #FF0D00;
justify-content: center;
align-items: center;
position:relative;
font-family: "AvenirNextLTPro-HeavyIt";
text-transform:uppercase;
color: #fff;
font-size: 14px;
line-height: 50px;
margin-left:13px;
font-weight: normal;
}


#main-tel {
padding:0px;
margin:0px;
height:50px;
width:50px;
border: 2px solid #fff;
display: flex;
background: #fff;
justify-content: center;
align-items: center;
position:relative;
font-family: "AvenirNextLTPro-HeavyIt";
text-transform:uppercase;
color: #FF0D00;
font-size: 14px;
line-height: 50px;
margin-left:13px;
}

#main-tel:hover {
border: 2px solid #fff;
background: #FF0D00;
color: #fff;
}

#main-7:hover {
border: 2px solid #FF0D00;
background: #fff;
color: #FF0D00;
}

#main-7 {
padding: 0px 25px 0px 50px;
width:auto;
}

#main-tel i  {
position:absolute;
top: 13px;
left: 12px;
padding:0px;
margin:0px;
font-size:19px;
}

#main-7 i {
position:absolute;
top: 8px;
left: 13px;
padding:0px;
margin:0px;
font-size:27px;
}

.mobile-row {
display:none;
}

.menu-text {
display:none;
}

.references-container .left-col {
width:57%;
float:left;
}

.references-container .right-col {
width:43%;
float:right;
position: relative;
}

.references-container .right-col img {
object-fit: cover;
height: 82%;
width:100%;
}

.references-container {
display:flex;
}

.references-container .col-button {
position:absolute;
bottom:65px;
left:300px;
}

.references-container .col-slider {
max-width:850px;
float:right;
width:100%;
text-align:right;
position:relative;
}

.references-container .slider-logos-box {
width:auto;
margin-right:-220px;
position:Relative;
z-index:2;
}

.references-container .button-container {
margin-right:-220px;
position:Relative;
z-index:2;
}

.col-list a span {
transition: all 300ms ease-out;

}

.col-list a:hover span {
border-bottom:1px solid #fff;
}

.references-container .medium-button {
display:none;
text-align:center;
}

.references-container .medium-button a{
display:inline-block;
margin-left:auto;
margin-right:auto;
}

.banner-subpage {
position:relative;
overflow:hidden;
height:74vh;
}

.banner-subpage-termin {
height:50vh;
}

.singe-projekt-banner {
height:85vh;
}

.banner-subpage img{
object-fit: cover;
height:100%;
width:100%;
}

.banner-subpage .row {
position:absolute;
bottom:90px;
left:0px;
right:0px;
margin-left:auto;
margin-right:auto;
}

.banner-subpage h4 {
font-size:84px;
line-height:78px;
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
color:#fff;
margin-bottom:30px;
}

.banner-subpage h1 {
font-size:84px;
line-height:78px;
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
color:#fff;
margin-bottom:30px;
}

.banner-subpage h2 {
font-size:34px;
line-height:38px;
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
color:#fff;
margin-bottom:30px;
}


.banner-subpage p {
font-size:18px;
line-height:25px;
color:#fff;
margin-bottom:40px;
}

.banner-subpage .width-660 h4 {
max-width:660px;
}

.banner-subpage .width-660 p {
max-width:892px;
}

.banner-subpage .width-1000 h4 {
max-width:1000px;
}

.banner-subpage .badge-banner {
width: 120px;

margin-left: 20px;
}


.flex-row {
display:flex;
justify-content: space-between;
align-items: center;
}


.flex-row-v2 .large-6 {
display:flex;
justify-content: space-between;
align-items: center;
}

.flex-row .col-left {
float: right;
max-width: 660px;
padding-right: 35px;
}

.padding-r-0 {
padding-right:0px;
}

.f-76 {
font-size:76px;
line-height:80px;
}

.c-red {
color:#FF0D00;
}

.ueber-uns-icons {
display:flex;
justify-content: space-between;
align-items:stretch;
flex-wrap:wrap;
row-gap:50px;
column-gap:20px;
}

.ueber-uns-icons div{
width:31%;
text-align:center;
}

.ueber-uns-icons div img{
margin-bottom:12px;
}

.ueber-uns-icons div h4{
font-size:20px;
line-height:20px;
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
}

.black-container {
background:#000000;
padding-top:65px;
padding-bottom:80px;
}

.black-container .flex-row {
column-gap:20px;
align-items: flex-start;
}

.black-container h4 {
font-size:20px;
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
color:#fff;
}

.black-container p {
color:#fff;
font-size:14px;
line-height:25px;
}

.black-container img {
position:absolute;
top:0px;
left:0px;
}

.black-container .flex-row div {
position:relative;
padding-left:60px;
padding-top:10px;
}

.ueber-red-box .flex-row {
column-gap:20px;
align-items: stretch;
}

.ueber-red-box .flex-row div {
background:#DB0B00;
padding-bottom:72px;
width:33%;
overflow:hidden;
}

.ueber-red-box .flex-row div:nth-child(2){
background:rgba(255, 133, 132, 0.7);
}

.ueber-red-box .flex-row div h3 {
font-family: "AvenirNextLTPro-HeavyIt";
color:#fff;
font-size:30px;
line-height:30px;
text-transform:uppercase;
margin-bottom:15px;
padding-left:42px;
padding-right:42px;
}

.ueber-red-box .flex-row div p {
color:#fff;
padding-left:42px;
padding-right:42px;
}

.ueber-red-box .flex-row div h4 {
color:transparent;
font-size:90px;
line-height:76px;
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
-webkit-text-stroke: 1px #fff;
margin-left:-20px;
margin-bottom:35px;
}


.team-page-flex-v2 {
display: flex;
justify-content: space-between;
flex-flow: row wrap;
}

.team-page-flex-v2 .flex-col {
width: calc(25% - 20px);
}

.team-page-flex-v2 .single-img-box {
margin-bottom: 25px;
position: relative;
transition: all 500ms ease-in-out;
overflow: hidden;
}

.team-page-flex-v2 .single-img-box img {
filter: grayscale(1);
}



.team-page-flex-v2 .person-data {
position: absolute;
bottom:-100px;
left: 23px;
right:23px;
transition: all 250ms ease-out;
padding-right:0px;
}
.team-page-flex-v2 .person-data.special {
bottom:-30px;
}

.team-page-flex-v2 .employee-arrow {
height:50px;
width:50px;
background:#fff;
position:absolute;
top:-50px;
right:0px;
}

.team-page-flex-v2  .single-img-box:hover .employee-arrow  {
top: 0;
}

.team-page-flex-v2 .employee-arrow img {
filter: none;
}

.team-page-flex-v2  .single-img-box:hover .person-data {
bottom: 0;
}

.team-page-flex-v2 .single-img-box h4.name {
font-size: 20px;
line-height: 25px;
text-transform: uppercase;
font-weight: 800;
color: #FF0D00;
opacity: 1;
transition: all 250ms ease-out;
font-family: "AvenirNextLTPro-HeavyIt";
}

.team-page-flex-v2 .single-img-box:hover h4.name {
font-size: 35px;
line-height: 35px;
}

.team-page-flex-v2 .single-img-box h4.surname {
font-size: 20px;
line-height: 25px;
text-transform: uppercase;
font-weight: 400;
color: #FF0D00;
opacity: 0;
transition: all 250ms ease-out;
transition-delay: 150ms;
font-family: "AvenirNextLTPro-HeavyIt";
}

.team-page-flex-v2 .single-img-box:hover h4.surname {
opacity: 1;
}

.team-page-flex-v2 .single-img-box h5 {
font-size: 16px;
line-height:25px;
color: #fff;
font-weight: 400;
opacity: 0;
transition: all 250ms ease-out;
transition-delay: 150ms;
margin-bottom: 10px;
height:25px;
text-transform:uppercase;
}

.team-page-flex-v2 .single-img-box:hover h5 {
opacity: 1;
height:auto;
}

.team-page-flex-v2 .single-img-box p {
line-height: 20px;
opacity: 0;
transition: all 250ms ease-out;
transition-delay: 150ms;
position: relative;
margin-bottom: 30px;
}

.team-page-flex-v2 .single-img-box p a{
color:#FF0D00;
font-weight:400;
display:block;
}

.team-page-flex-v2 .single-img-box .page-button {
background: #fff;
height: 50px;
width: 50px;
padding: 0px;
margin: 0px;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #fff;
position:absolute;
bottom:31px;
right:26px;
}

.team-page-flex-v2 .single-img-box .page-button i {
font-size:27px;
color:#FF0D00;
}

.team-page-flex-v2 .single-img-box:hover .page-button {
background:#FF0D00 !important;
border: 2px solid #fff !important;
}

.team-page-flex-v2 .single-img-box:hover .page-button i {
color:#fff !important;
}


.team-page-flex-v2 .single-img-box:hover .page-button {
opacity: 1;
}

.team-page-flex-v2 .single-img-box:hover .page-button:hover {
background:transparent;
}

.team-page-flex-v2 .single-img-box:hover .page-button:hover i{
color:#FF0D00;
}

.team-page-flex-v2 .single-img-box:hover p {
opacity: 1;
}

.team-page-flex-v2 .single-img-box:hover .bg-color {
display: block;
position: absolute;
top: 0px;
mix-blend-mode: multiply;
width: 100%;
height: 100%;
transition: all 150ms ease-out;
}

.team-page-flex-v2 .single-img-box:hover .bg-color {
background: rgba(33, 39, 46, 0.76);
}

.team-page-flex-v2 .link-box .single-img-box {
position:relative;
}

.team-page-flex-v2 .link-box .single-img-box .text-box {
position:absolute;
width:100%;
top:0px;
height:100%;
}

.team-page-flex-v2 .link-box h4 {
font-size:35px;
line-height:37px;
color:#FF0D00;
text-transform:uppercase;
font-weight:800;
font-family: "AvenirNextLTPro-HeavyIt";
padding: 35px 38px;
}

.overlay-img {
position: absolute;
top: 0px;
left: 0px;
}

.inhalt-container {
background:#EAEAEA;
padding-top:35px;
padding-bottom:25px;
}

.inhalt-container ul{
list-style:none;
display:flex;
justify-content: space-between;
flex-wrap:wrap;
column-gap:35px;
margin:0px;
}

.inhalt-container li{
width: calc(24% - 20px);
border-bottom:1px solid #CECECE;
padding-bottom:15px;
padding-top:15px;
}

.inhalt-container li a {
position:relative;
font-size:12px;
line-height:16px;
padding-left:52px;
display:block;
}

.inhalt-container li a span {
position:absolute;
top:2px;
left:0px;
font-size:16px;
color:#000000;
font-family: "AvenirNextLTPro-HeavyIt";
}

.inhalt-container li:nth-last-child(-n+4) {
border-bottom:none;
}

.inhalt-container li.empty-li {
border-bottom:none;
height:1px;
padding:0px;
}

ul.dot-list {
list-style: none;
margin: 0px;
}

ul.dot-list li {
line-height: 25px;
vertical-align: middle;
padding-bottom: 10px;
font-size: 14px;
padding-left: 28px;
position: relative;
}

ul.dot-list li:before {
content: "";
height: 8px;
width: 8px;
background: #21272E;
display: block;
border-radius: 50%;
vertical-align: middle;
position: absolute;
left: 0px;
top: 6px;
}

.padding-bot-20 {
padding-bottom: 20px;
}

.section-70-120 {
padding-top:70px;
padding-bottom:120px;
}

.book-container {
background:url(/layout-new/plus-bg.png);
background-repeat:no-repeat;
background-position: bottom right;
background-size: auto 402px;
padding-bottom: 130px;
}

.book-flex {
column-gap:20px;
padding-top:55px;
}

.book-flex a{
border:4px solid #000;
position:relative;
}

.book-flex a div {
background: #FF0D00;
height: 50px;
width: 50px;
padding: 0px;
margin: 0px;
display: inline-flex;
justify-content: center;
align-items: center;
flex-direction: row;
border: 2px solid #FF0D00;
position:absolute;
bottom:0px;
right:0px;
transition: all 300ms ease-out;
}

.book-flex a div i {
color: #fff;
font-size: 27px;
}

.book-flex a:hover div  {
border: 2px solid #FF0D00;
background:#fff;
}

.book-flex a:hover div i {
color: #FF0D00;
font-size: 27px;
}

.cta-digital-bash {
padding-top:120px;
padding-bottom:120px;
}
.cta-digital-bash.lazy-bg-loaded {
background:url(/layout/digital-bash-bg.jpg);
background-size:cover;
background-repeat:no-repeat;
}


.cta-digital-bash h3{
font-size:37px;
line-height:40px;
color:#FF0D00;
font-family: "AvenirNextLTPro-HeavyIt";
}

.cta-digital-bash p {
font-size:16px;
line-height:19px;
color:#fff;
margin-top:10px;
margin-bottom:29px;
}

.cta-digital-bash .bash-logo {
margin-bottom:29px;
max-height:80px;
}

.cta-digital-bash a {
background: #FF0D00;
color: #fff !important;
border: 2px solid #FF0D00;
font-size: 14px !important;
width: auto;
padding: 11px 25px 8px 25px;
position: relative;
padding-left: 60px;
line-height: 13px !important;
display: inline-block;
font-family: "AvenirNextLTPro-HeavyIt";
text-transform: uppercase;
}

.cta-digital-bash a span {
font-size:11px;
text-transfom:uppercase;
font-family: "AvenirNextLTPro-Regular";
}

.cta-digital-bash a i {
position:absolute;
font-size:27px;
top: 10px;
left: 23px;
}

.black-list {
background:#000000;
padding:45px;
}

.black-list h3{
color:#fff;
}

.black-list ul{
display:flex;
justify-content: space-between;
flex-wrap:wrap;
column-gap:35px;
flex-wrap:wrap;
margin:0px;
}

.black-list li{
width: calc(32.9% - 20px);
padding:14px 0px;
border-bottom:1px solid #696969;
}

.black-list a{
color:#fff;
font-family: "AvenirNextLTPro-Medium";
}

.black-list a:hover{
color:#FF0D00;
}

.black-list li:nth-last-child(-n+3) {
border-bottom:none;
}

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

ol{
list-style: none;
margin:0px;
counter-reset: my-awesome-counter calc(var(--s) - 1) ;
}

ol li {
line-height:25px;
vertical-align:middle;
padding-bottom:10px;
font-size:14px;
padding-left:35px;
position:relative;
counter-increment: my-awesome-counter;
}

ol li:last-child {
padding-bottom:0px;
}

ol li ul {
padding-top:20px;
}

ol li:before {
content: counter(my-awesome-counter);
display:block;
vertical-align:middle;
position:absolute;
left:0px;
top:1px;
font-family: "AvenirNextLTPro-Heavy";
}

.cta-8.lazy-bg-loaded {
background: url(/layout-new/plus-bg.png);
background-position:center;
background-repeat:repeat-x;
background-size: auto 500px;
}

.cta-8 .text-div .inside-div {
padding-left:64px;
margin-left:0px;
}

.cta-8 a {
color:#000000;
font-size:25px;
margin-bottom:20px;
max-width: max-content;
}

.cta-8 h3 {
padding-left:0px;
padding-top:63px;
padding-bottom:20px;
}

.cta-8 .btn-standard {
margin-top:50px;
}

b, strong {
font-family: "AvenirNextLTPro-Bold";
font-weight:normal;
}

.f-red {
color:#FF0D00;
}

.padding-top-30 {
padding-top:35px;
}

.kontakt-page-box {
    padding-top: 36px;
    padding-left: 44px;
    padding-bottom: 80px;
    padding-right: 44px;
	     background: #EAEAEA;
}

.kontakt-page-box h5 {
    font-family: "AvenirNextLTPro-Regular";
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    color: #000;
    text-transform: none;
}

.kontakt-page-box a {
    color: #FF0D00;
    font-family: "AvenirNextLTPro-HeavyIt";
    font-size: 20px;
    line-height: 22px;
padding-bottom:30px;
display:block;
}

.kontakt-page-box p {
    color: #FF0D00;
    font-family: "AvenirNextLTPro-HeavyIt";
    font-size: 20px;
    line-height: 22px;
padding-bottom:30px;
margin:0px;
}

.kontakt-box-container iframe {
filter:grayscale(100%);
height:242px;
}

.kontakt-box-container {
max-width:570px;
}

form input, form select, form textarea {
font-size:16px !important;
line-height:25px !important;
color:#000000 !important;
border:none !important;
border-bottom:1px solid #707070 !important;
height:auto !important;
box-shadow:none !important;
background-color:transparent !important;
padding:15px 14px !important;
margin-bottom:0px !important;
font-family: "AvenirNextLTPro-Regular" !important;
}

.capta {
display:flex;
justify-content: space-between;
align-items: center;
margin-top:5px;
}

#mc-token-check {
width:70px;
text-align:Center;
}

.form-control {
max-width:548px;
}

::-webkit-input-placeholder { /* Edge */
color: #000000;
opacity:1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000000;
opacity:1;
}

::placeholder {
color: #000000;
opacity:1;
}

.send-button {
padding: 0px 31px !important;
margin: 0px !important;
border: 2px solid #FF0D00 !important;
display: flex !important;
background: #FF0D00 !important;
justify-content: center !important;
align-items: center !important;
position: relative !important;
font-family: "AvenirNextLTPro-HeavyIt" !important;
text-transform: uppercase !important;
color: #fff !important;
font-size: 14px !important;
line-height: 50px !important;
margin-top:50px !important;
margin-bottom:50px !important;
position:relative !important;
}

.send-button:hover {
background: #fff !important;
border: 2px solid #FF0D00 !important;
color: #FF0D00 !important;
}


.checkbox-container {
position:relative;
}

.checkbox-container input {
position:absolute;
top:4px;
left:0px;
margin:0px !important;
}

.checkbox-container label {
padding-left:25px;
margin-left: 0px !important;
vertical-align: text-top !important;
}

.text-small-form {
font-size:12px;
line-height:14px;
color:#000;
}

form .padding-top-40 {
padding-top:40px;
}

.cta-top-company {
background:#000000;
}

.cta-top-company .row {
display:flex;
justify-content: space-between;
align-items: center;
}

.cta-top-company .row .large-5 img{

}

.cta-top-company .text-box {
position:relative;
padding-left:65px;
padding-top:6px;
max-width:660px;
}

.cta-top-company h3 {
padding-top:70px;
margin-bottom:6px;
}

.cta-top-company .text-box h4{
font-size:27px;
color:#fff;
text-transform:uppercase;
margin-bottom:12px;
}

.cta-top-company .text-box p{
font-size:15px;
color:#fff;
line-height:25px;
padding-bottom:65px;
}

.cta-top-company .text-box img.arrow {
position:absolute;
top:0px;
left:0px;
font-size: 45px;
color:#FF0D00;
}

.jobs-filter {
list-style:none;
margin:0px;
text-align:Center;
padding-top:20px;
padding-bottom:30px;
}

.jobs-filter li {
font-size:16px;
line-height:16px;
text-transform:uppercase;
color:#000;
margin:0px 25px;
font-family: "AvenirNextLTPro-HeavyIt" !important;
display:inline-block;
border-bottom:1px solid #000;
cursor:pointer;
}

.jobs-filter li.active {
color:#FF0D00;
}

.job-list {
list-style:none;
margin:0px;
}

.job-list li a{
display:flex;
justify-content: space-between;
align-items: flex-end;
font-family: "AvenirNextLTPro-HeavyIt" !important;
font-size:25px;
line-height:30px;
color:#000000;
border-bottom:1px solid #707070;
padding:45px 0px 37px 0;
text-transform:uppercase;
}

.job-list li a span{
font-size:21px;
line-height:21px;
color:#FF0D00;
display:block;
padding-left:40px;
position:relative;
min-width:186px;
}

.job-list li a span i{
font-size:27px;
line-height:21px;
color:#FF0D00;
position:absolute;
top:-4px;
left:0px;
}

.red-box-jobs {
background:#FF0D00;
display:flex;
justify-content: space-between;
padding:65px 43px 71px 79px;
align-items: center;
}

.red-box-jobs h3{
color:#fff;
font-size:50px;
line-height:50px;
font-family: "AvenirNextLTPro-HeavyIt" !important;
margin-bottom:38px;
max-width:626px;
}

.red-box-jobs h4{
color:#fff;
font-size:27px;
line-height:30px;
font-family: "AvenirNextLTPro-HeavyIt" !important;
}

.red-box-jobs p {
color:#fff;
font-size:14px;
line-height:25px;
max-width:505px;
}

.red-box-jobs p a {
color:#fff;
}


.gray-box-main {
position:relative;
height:100%;
}

.gray-box-main a{
display:block;
height:100%;
}

.gray-box-main .text-container {
position:absolute;
left:0px;
top:0px;
}

.gray-box-main .text-container p  {
color:#fff;
font-size:16px;
line-height:25px;
font-family: "AvenirNextLTPro-HeavyIt";
background:#000;
padding:7px 25px;
}

.gray-box-main .text-container h3  {
display:none;
}

#grid-filter{
margin:0;
text-align:center;
padding:61px 0px 55px;
}

#grid-filter li {
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #000;
margin: 0px 25px;
font-family: "AvenirNextLTPro-HeavyIt" !important;
display: inline-block;
border-bottom: 1px solid #000;
cursor: pointer;
}

.grid-item, .grid-sizer{
width:calc(25% - 15px);
}

.grid-item {
margin-bottom:20px;
overflow:hidden;
}

.grid-item .img-box {
height:100%;
}

.grid-item .img-box img {
object-fit: cover;
height:100%;
width:100%;
object-position: center;
transition: all 300ms ease-out;
}

.project:hover img {
transform: scale(1.3);
}

.height-1 {
height:381px;
}

.height-2 {
height:542px;
}

.height-3 {
height:306px;
}

.height-4 {
height:447px;
}

.inside-padding-50 {
padding-top:50px;
}

p.margin-bot-15{
margin-bottom:15px !important;
}

.flex-header {
display:flex;
align-items: center;
}

.number-div {
background:#000;
color:#fff;
height:50px;
width:50px;
margin-right:10px;
text-align:center;
line-height: 53px;
}

.flex-header .text{
width:calc(100% - 60px);
}

.cta-1 .btn-standard  {
max-width:321px;
}

.padding-bot-50 {
padding-bottom:70px;
}

.padding-bot-30 {
padding-bottom:30px;
}

.col-5-kf {
width: 20%;
}

.form-app {
background:#000000;
padding:50px;
}

.form-app h3 {
color:#fff;
margin-bottom:40px;
}

.form-app label {
font-family: "AvenirNextLTPro-Regular";
color:#fff;
padding-left:25px;
}

.form-app input[type=checkbox] {
position:absolute;
top:5px;
left:0px;
}

.form-app input[type=radio] {
position:absolute;
top:5px;
left:0px;
}

.form-app p {
color:#fff;
position:relative;
}

.form-app button {
padding: 0px 31px !important;
margin: 0px !important;
border: 2px solid #FF0D00;
display: inline-block;
background: #FF0D00 !important;
justify-content: center !important;
align-items: center !important;
position: relative !important;
font-family: "AvenirNextLTPro-HeavyIt" !important;
text-transform: uppercase !important;
color: #fff !important;
font-size: 14px !important;
line-height: 50px !important;
margin-top: 50px !important;
position: relative !important;
}

.form-app button:hover {
background: #fff !important;
border: 2px solid #FF0D00 !important;
color: #FF0D00 !important;
}

.form-app form input, .form-app form select, .form-app form textarea {
color:#fff !important;
}

.form-app ::-webkit-input-placeholder { /* Edge */
color: #fff;
opacity:1;
}

.form-app :-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fff;
opacity:1;
}

.form-app ::placeholder {
color: #fff;
opacity:1;
}

.form-app a {
color:#fff;
}

.form-app  #mc-token-check {
color:#fff;
}

.form-app .capta {
margin-bottom:50px;
}

.form-app h5 {
color: #fff;
font-size: 16px;
line-height: 25px;
text-transform: uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
font-weight: normal;
}

.form-app .kontakt-col a {
color: #FF0D00;
font-size: 25px;
line-height: 31px;
font-family: "AvenirNextLTPro-Bold";
font-weight: normal;
padding-bottom: 30px;
display: block;
}

.form-app .kontakt-col p {
color: #FF0D00;
font-size: 25px;
line-height: 31px;
font-family: "AvenirNextLTPro-Bold";
padding-bottom: 30px;
margin: 0px;
}

.form-app .kontakt-col {
padding-left:50px;
}

.form-app .buttons-form {
float:right;
text-align:right;
}

.form-app  .calculated {
padding-left:0px;
}

.row-5-col {
display: flex;
flex-wrap: wrap;
}

.slide-social {
position:relative;
margin:10px;
border:4px solid #000;
}

.slide-social .overlay {
display: block;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
transition: all 150ms ease-out;
text-align:Center;
}

.slide-social:hover .overlay  {
background:rgba(0, 0, 0, 0.8);
}

.slide-social .overlay i{
color: #fff;
font-size: 36px;
padding-top: 100px;
font-weight: normal;
margin-bottom:20px;
display:none;
}

.slide-social:hover .overlay i {
display:block;
}

.slide-social .overlay p{
font-size: 25px;
line-height: 31px;
font-family: "AvenirNextLTPro-Bold";
color:#fff;
display:none;
}

.slide-social:hover .overlay p {
display:block;
}

.box-links {
display: flex;
justify-content: space-between;
align-items: stretch;
}

.box-links div {
width: calc(25% - 20px);
position: relative;
overflow:hidden;
background: #EAEAEA;
padding:30px;
padding-bottom:65px;
padding-top:40px;
}

.box-links .box:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
font-size:60px;
color:#000;
line-height:60px;
font-family: "AvenirNextLTPro-HeavyIt";
-webkit-text-stroke: 1px #c5c4c4;
-webkit-text-fill-color: #EAEAEA;
text-transform:uppercase;
}

.box-links .box-1:before {
content: "Social Media Content Marketing Social Media Content Marketing Social Media Content Marketing";
}

.box-links .box-2:before {
content: "Social Media Strategie Social Media Strategie Social Media Strategie";
}

.box-links .box-3:before {
content: "Social Media Advertising Social Media Advertising Social Media Advertising";
}

.box-links .box-4:before {
content: "Social Media Analytics Social Media Analytics Social Media Analytics";
}

.box-links div h3 , .box-links div p {
position:relative;
z-index:2;
}

.box-links .box h3 {
color:#FF0D00
}

.box-links .box p {
font-weight:bold;
}

.box-links .box a {
background: #000000;
height: 50px;
width: 50px;
padding: 0px;
margin: 0px;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #000;
position: absolute;
bottom: 23px;
right: 21px;
}

.box-links .box a:hover {
background: #fff;
border: 2px solid #000;
}

.box-links .box a i {
color: #fff;
font-size: 27px;
}

.box-links .box a:hover i {
color: #000000;
}

.shopify-expers {
background:#000;
padding:60px 50px;
}

.shopify-expers .mark {
font-weight: 800;
font-size: 68px;
width: 107px;
height: 107px;
background: #fff;
text-align: center;
line-height: 107px;
float: left;
margin-right: 16px;
border-radius: 50%;
color:#FF0D00;
}

.shopify-expers img {
height: 113px;
width: auto;
}

.shopify-expers h3, .shopify-expers p {
color:#fff;
}

.shopify-expers h3 {
margin-top:40px;
}

.shopify-6icon-row .flex-box div {
width: 15%;
}

.mc-wall-of-text .separator {
width: 100%;
height: 1px;
background-color: #000;
margin-top: 35px;
margin-bottom: 35px;
}

.col-flex-50 {
width: 50%;
}

.bg-gray-2 {
background: #eaeaea;
}

.col-flex-50:nth-child(1) {
max-width: 630px;
padding-left: 15px;
padding-right:15px;
}

.flex-row:after, .flex-row:before {
content: " ";
display: none;
}

.col-flex-50:nth-child(2) {
max-width: 650px;
padding-right:15px;
padding-left:15px;
}

.step-by-step-slider img{
margin-left:auto;
margin-right:auto;
}

.slick-dots li button:before {
background:#000;
border-radius:50%;
height:10px !important;
width:10px !important;
content:" " !important;
}

.slick-dots li button {
width:auto;
height:auto;
}

.slick-dots li {
margin:0px !important;
}

.step-by-step-slider .slick-dots {
bottom:-40px !important;
}

.kf-blue-content {
background-color: #F7F7F7;
padding: 15px 20px 15px 20px;
margin-top: 20px;
}

.mc-wall-of-text .kf-blue-content p {
margin-bottom: 5px;
line-height: 14px;
font-size: 12px;
}

.mc-wall-of-text .kf-blue-content a {
color: #FF0D00;
font-weight: normal;
}

.section-120-70 {
padding-top:120px;
padding-bottom:70px;
}

.fa-thumbs-up {
margin-right:10px;
color:green;
}

.fa-thumbs-down {
margin-right:10px;
color:red;
}

.dot-list ul {
list-style:none;
}

.sh-gooogle-ads-rechner form {
background:#000;
padding:50px;
color:#fff;
font-family: "AvenirNextLTPro-HeavyIt";
}

.sh-gooogle-ads-rechner form p{
color:#fff;
}




.sh-gooogle-ads-rechner form h3, .sh-gooogle-ads-rechner form h4 {
color:#fff;
text-transform:uppercase;
}

.result-row .large-6 div {
width: 49%;
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
color:#fff;
text-transform:uppercase;
}

.result-row .large-6 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.result-row span {
display: inline-block;
color: #FF0D00;
font-weight: 800;
text-transform: uppercase;
position: relative;
font-size: 35px;
padding-right: 10px;
}


.sh-gooogle-ads-rechner .mc-single-slider {
margin-bottom: 30px;
}

.sh-gooogle-ads-rechner input[type="range"] {
    -webkit-appearance: none;
    margin-right: 15px;
    width: 100%;
    height: 16px;
    background: #EFEFEF;
    background-image: linear-gradient(#FFBA00, #FFBA00);
    background-size: 50% 100%;
    background-repeat: no-repeat;
	 border:2px solid #fff !important;
}


.sh-gooogle-ads-rechner .col-2 input[type="range"] {
    -webkit-appearance: none;
    margin-right: 15px;
    width: 100%;
    height: 16px;
    background: #EFEFEF;
    background-image: linear-gradient(#00E2FF, #00E2FF);
    background-size: 50% 100%;
    background-repeat: no-repeat;
	 border:2px solid #fff !important;
}



/* Input Thumb */
.sh-gooogle-ads-rechner input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 0px;
  width: 0px;
  border-radius: 50%;
  background: #fff;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #21272E;
  border:3px solid #21272E;
  transition: background .3s ease-in-out;
  visibility: hidden;
}

.sh-gooogle-ads-rechner input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 0px;
  width: 0px;
  border-radius: 35px;
  background: #fff;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #21272E;
  border:3px solid #21272E;
  transition: background .3s ease-in-out;
  visibility: hidden;
}

.sh-gooogle-ads-rechner input[type="range"]::-ms-thumb {
  -webkit-appearance: none;
  height: 0px;
  width: 0px;
  border-radius: 35px;
  background: #fff;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #21272E;
  border:3px solid #21272E;
  transition: background .3s ease-in-out;
  visibility: hidden;
}

.sh-gooogle-ads-rechner input[type="range"]::-webkit-slider-thumb:hover {
background: #ff001b;
}

.sh-gooogle-ads-rechner input[type="range"]::-moz-range-thumb:hover {
background: #ff001b;
}

.sh-gooogle-ads-rechner input[type="range"]::-ms-thumb:hover {
background: #ff001b;
}

/* Input Track */
.sh-gooogle-ads-rechner input[type=range]::-webkit-slider-runnable-track  {
-webkit-appearance: none;
box-shadow: none;
border: none;
background: transparent;
}

.sh-gooogle-ads-rechner input[type=range]::-moz-range-track {
-webkit-appearance: none;
box-shadow: none;
border: none;
background: transparent;
}

.sh-gooogle-ads-rechner input[type="range"]::-ms-track {
-webkit-appearance: none;
box-shadow: none;
border: none;
background: none;
}

.letters-list li#letter-1 {
width: 76px;
}

.letters-list .single-letter.active {
background: #FF0D00;
border: 3px solid #FF0D00;
}

.letters-list .single-letter {
display: inline-block;
text-transform: uppercase;
cursor: pointer;
font-size: 14px;
font-weight: 800;
height: 50px;
width: 50px;
text-align: center;
line-height: 45px;
background: #000;
transition: all 300ms ease-out;
border: 3px solid #000;
color: #21272E;
margin: 0px 2px;
padding: 0px;
font-family: "AvenirNextLTPro-HeavyIt";
color:#fff;
}

.letters-list {
list-style: none;
text-align: center;
margin: 0px;
margin-bottom: 75px;
}

.lexikon-links .all {
width: calc(25% - 16px);
padding-bottom: 30px;
background: #EAEAEA;
position: relative;
text-align: Center;
padding: 50px 20px;
margin-bottom: 55px;
}

.lexikon-links {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.lexikon-links .all h3 {
position: absolute;
height: 50px;
width: 50px;
font-size: 14px;
font-weight: 700;
top: -25px;
background: #000;
color:#fff;
display: block;
line-height: 50px;
left: 50px;
right: 0;
}

.schrift-col-text p {
text-transform:uppercase;
font-family: "AvenirNextLTPro-Bold";
color:#000;
}

.schrift-row {
background:#fff;
padding:10px;
margin-bottom:30px;
}

.schrift-row input {
border:none;
background:#fff;
border-bottom:1px solid #000;
color:#000;
box-shadow:none;
}

.mc-fontgenerator-normal {
border:none !important;
border-bottom:1px solid #000 !important;
color:#000 !important;
margin-bottom:50px !important;
padding:20px !important;
font-size:20px !important;
box-shadow:none !important;
}

.app-icon-svg {
max-height:100px;
}

.icon-head-3 {
position: relative;
margin-bottom: 35px;
}

.icon-center {
padding: 0px;
margin: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}

.icon-center.icon-head-3 div {
width: 135px;
min-width: 135px;
}

.icon-center div.w-75 {
min-width: 75px;
}

.icon-center div {
width:75px !important;
min-width:75px !important;
}

.icon-head-3 img {
height: 65px;
width: 123px;
}

.icon-center img {
position: relative;
top: auto;
height: 45px;
width: auto;
display:block;
}

.vorteile-icon img {
height: 65px;
margin-bottom: 20px;
}

.shopify-6icon-row {
text-align:center;
}

.shopify-6icon-row img{
max-height:65px;
margin-bottom:20px;
}

.shopify-3icon-row .flex-box .img-box-seo {
width: calc(33.3% - 10px);
text-align: Center;
background:#EFEFEF;
padding:30px;
}

.shopify-3icon-row .flex-box .img-box-seo img {
max-height:65px;
margin-bottom:20px;
}

.city-list h3 {
width: 33%;
}

.city-list ul {
width: 66%;
}

.city-list .col-header h3, .city-list .col-list ul {
width: 100%;
}

.banner-subpage h6 {
font-size: 40px;
line-height: 45px;
text-transform: uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
color: #fff;
margin-bottom: 30px;
}

.cta-jobs .black-list{
display: flex;
justify-content: space-between;
align-items: center;
}

.cta-jobs .black-list div {
width: 32%;
}

.cta-jobs .text-p {
color:#fff;
}

.cta-jobs .link-head {
text-transform: uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
font-size: 30px;
font-weight: 700;
color: #fff;
margin: 0px;
line-height: 33px;
}

.cta-jobs a {
font-size: 25px;
font-weight: 700;
color: #fff;
margin: 0px;
line-height: 33px;
}

.cta-jobs div:nth-child(2) {
padding-left: 50px;
}

.cta-jobs .black-list {
padding-top:60px;
padding-bottom:60px;
}

.fragebogen-form .input[type=checkbox]+label, .fragebogen-form input[type=radio]+label {
width:100%;
}

.fragebogen-form [type="radio"]:checked, .fragebogen-form [type="radio"]:not(:checked) {
position: absolute !important;
left: -9999px !important;
font-family: 'Barlow', sans-serif;
}

.fragebogen-form  [type="radio"]:not(:checked) + label:after {
opacity: 0 !important;
}

.fragebogen-form  [type="radio"]:checked + label:after, .fragebogen-form [type="radio"]:not(:checked) + label:after {
content: '' !important;
width: 17px;
height: 17px;
background: #FF0D00 !important;
position: absolute !important;
top: 0px;
left: 0px;
}

.fragebogen-form input {
font-size: 14px;
line-height: 25px;
color: #000000;
border: none;
padding: 0px;
background: none;
box-shadow: none;
font-family: "AvenirNextLTPro-Regular";
margin: 0px;
min-height: Auto;
display: inline-block;
height: auto;
width: 100%;
}

.fragebogen-form [type="radio"]:checked + label:before, .fragebogen-form [type="radio"]:not(:checked) + label:before {
content: '' !important;
position: absolute !important;
top: 0px;
left: 0px;
width: 17px !important;
height: 17px !important;
background: #EFEFEF !important;
}

.fragebogen-form [type="radio"]:checked + label, .fragebogen-form [type="radio"]:not(:checked) + label-label {
position: relative !important;
cursor: pointer !important;
display: inline-block !important;
}

.fragebogen-form label {
position: relative !important;
padding-left:30px;
color:#000000;
margin-bottom:10px !important;
margin-left:0px !important;
width:100%;
font-family: "AvenirNextLTPro-Regular";
}

.fragebogen-form .div-box {
margin-bottom:30px;
}


.fragebogen-form-v2 .send-button {
margin-bottom:0px !important;
}

.fragebogen-form textarea {
height:56px !important;
}

[type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before {
content: '' !important;
position: absolute !important;
top: 11px;
left: 0px;
width: 12px !important;
height: 12px !important;
background: #fff !important;
border:1px solid #707070;
}

[type="checkbox"]:not(:checked) + label:after {
opacity: 0 !important;
}

[type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after {
content: '' !important;
width: 12px;
height: 12px;
background: #FF0D00 !important;
border:1px solid #FF0D00;
position: absolute !important;
top: 11px;
left: 0px;
}

[type="checkbox"]:checked, [type="checkbox"]:not(:checked) {
position: absolute !important;
left: -9999px !important;
font-family: 'Barlow', sans-serif;
}

.kunden-box-container {

display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap:20px;

}

.kunden-box-container .box-standard {
background: #EAEAEA;
flex: 1 1 25%;
padding:30px;
}


.kunden-box-container .box-standard h3 {
color:#000000;
font-family: "AvenirNextLTPro-HeavyIt";
font-size:20px;
text-transform:uppercase;
margin-bottom:20px;
}

.kunden-box-container .box-standard h4 {
color:#000;
font-family: "AvenirNextLTPro-HeavyIt";
font-size:20px;
}

.kunden-box-container .box-standard i {
color:#FF0D00;
font-size:20px;
margin-top:5px;
display:inline-block;
}

.kunden-box-container .box-standard p {
color:#000;
font-size:16px;
padding-top:15px;
}

.kunden-box-container .box-standard.empty-box {
background: none;
}

.no-banner {
height:180px;
background:#000;
}

.step-by-step .flex-row {
display: flex;
justify-content: space-between;
align-items: normal;
}

.page-404 {
text-align:center;
height:calc(100vh - 150px);
display:flex;
align-items: center;
}

.page-404 h1 {
font-size:200px;
color:#000000;
line-height:150px;
padding-bottom:30px;
}

.page-404 h2 {
font-size:35px;
line-height:25px;
padding-bottom:50px;
}

.projekt-leistungen-list {
list-style:none;
margin-left:0px;
display:flex;
justify-content: space-between;
align-items: stretch;
flex-wrap:wrap;
}

.projekt-leistungen-list .li-empty {
background:none;
}

.projekt-leistungen-list li {
background:url(/layout/red-arrow.png);
padding-left:55px;
background-repeat:no-repeat;
width:33%;
display:inline-block;
font-family: "AvenirNextLTPro-HeavyIt";
font-size:20px;
text-transform:uppercase;
line-height:23px;
padding-bottom:30px;
padding-top:12px;
}

.projekt-leistungen-list li a {
font-family: "AvenirNextLTPro-HeavyIt";
font-size:20px;
text-transform:uppercase;
text-decoration:none;
}

.flex-box-no-wrap {
display:flex;
justify-content: space-between;
}

.flex-3-column {
width: calc(33.3% - 20px);
}

.more-projekts .read-mode {
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
}

.more-projekts a i {
position:absolute;
background: #FF0D00;
height: 62px;
width: 62px;
padding: 0px;
margin: 0px;
display: inline-flex;
justify-content: center;
align-items: center;
flex-direction: row;
border: 2px solid #FF0D00;
position: absolute;
bottom: 0px;
right: 0px;
transition: all 300ms ease-out;
color:#fff;
font-size:30px;
}

.more-projekts a:hover i {
border: 2px solid #FF0D00;
background: #fff;
color:#FF0D00;
}

.more-projekts .text-container h3{
display:Block;
font-size:30px;
line-height:30px;
font-family: "AvenirNextLTPro-HeavyIt";
color:#fff;
text-transform:uppercase;
position:absolute;
top:265px;
left:20px;
padding-right:50px;
}

.more-projekts .text-container p {
display: block;
width: fit-content;
text-transform: uppercase;
}

.more-projekts .img-box img {
transition: all 0.4s ease-out;
height: 380px;
object-fit: cover;
width: 100%;
}

.more-projekts .gray-box-main .text-container {
width:100%;
height:100%;
}

.bg-color {
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
background: transparent linear-gradient(180deg, #FFFFFF00 0%, #000000 100%) 0% 0% no-repeat padding-box;
opacity: 0.6;
}

.alcina-logos {
list-style: none;
text-align: center;
margin: 0px;
}

.alcina-logos li {
display: inline-block;
padding-right: 40px;
}

.alcina-logos li img {
height: 35px;
width: auto;
}

.box-under-video {
background: #EAEAEA;
padding: 25px 15px;
min-height: 200px;
margin-top: 10px;
display:flex;
align-items: center;
flex-wrap:wrap;
}

.box-under-video h4 {
font-size: 25px;
line-height: 28px;
text-transform: uppercase;
color: #000;
margin-bottom: 15px;
font-weight: 700;
font-family: "AvenirNextLTPro-HeavyIt";
margin-bottom:0px;
}

.box-under-video p {
color: #000;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
}

.projekte-alcina-flex-look.flex-col-4 {
width: calc(33.3% - 10px);
}

.projekte-alcina-flex-look.flex-col-4 .text-box {
min-height: 135px;
}

.projekte-alcina-flex-look .text-box {
background: #EAEAEA;
padding: 25px 15px;
position: absolute;
margin-left: 45px;
margin-right: 45px;
bottom: 25px;
width: calc(100% - 90px);
}

.projekte-alcina-flex-look {
position: relative;
}

.projekte-alcina-flex-look .text-box p {
color: #000;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
}

.projekte-alcina-flex-look .text-box h4 {
font-size: 25px;
line-height: 28px;
text-transform: uppercase;
color: #000;
margin-bottom: 0px;
font-weight: 700;
font-family: "AvenirNextLTPro-HeavyIt";
}

.projekte-alcina-flex-look.flex-col-6 {
width: calc(50% - 10px);
}

.gif-row video {
width: 100%;
}

.sub-menu-div .col-img img {
object-fit: cover !important;
height: 100%;
width:100%;
background:#000;
}

.city-list-v2 {
background:none !important;
padding-top:50px;
padding-bottom:0px;
}

.standorte-kontakt-data {
background:#000000;
margin-left:50px !important;
height:100%;
display:flex;
flex-direction:column;
justify-content: space-around;
padding-left:90px;
padding-right:90px;
padding-top:30px;
padding-bottom:30px;
}

.standorte-kontakt-data p {
color:#FF0D00;
font-size:20px;
line-height:31px;
font-family: "AvenirNextLTPro-Bold";
}

.standorte-kontakt-data .head {
color:#fff;
font-family: "AvenirNextLTPro-HeavyIt";
font-size:16px;
line-height:25px;
text-transform:uppercase;
margin-bottom:0px;
}

.standorte-kontakt-data p a {
color:#FF0D00;
font-size:20px;
line-height:31px;
}

.city-list-v2 ul {
width: 100%;
margin-left:0px;
}

.city-list-v2 li a {
color: #000000 !important;
font-size: 20px;
line-height: 25px;
position: relative;
padding-left: 45px;
font-weight: normal;
}

.city-list-v2 li {
width: 33%;
padding-bottom: 35px;
}

.city-list-v2 li a:before {
position: absolute;
top: -3px;
left: 0px;
content: '';
height: 30px;
width: 30px;
background: url(/layout/arrow-right-black.svg);
background-repeat: no-repeat;
}

.row-standorte {
display:flex;
align-items: stretch;
}

.row-standorte-2 .standorte-kontakt-data {
margin-left:0px !important;
margin-right:50px !important;
}

.slide-platz2 .head-platz-2{
font-size: 31px;
line-height: 31px;
background: #fff;
color: #000;
position: absolute;
top: 41px;
font-family: "AvenirNextLTPro-HeavyIt";
margin-left: auto;
margin-right: auto;
left: 0px !important;
right: 0px !important;
max-width: 285px;
text-align: center;
height: 60px;
padding-top: 18px;
width: 100%;
}


/* Phase */
.section-phase {
padding-bottom: 270px;
}

.section-phase .bg-white {
background: #fff;
background-size: 50%;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}

.section-phase .teal-bg {
margin-left: auto;
margin-right: auto;
display: block;
}

.section-phase .teal-bg {
background: url(/layout/test-bg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 96% 50vh;
position: relative;
}

.section-phase .teal-bg .div-text {
position: absolute;
top: 0px;
margin-left: auto;
margin-right: auto;
left: 0px;
right: 0px;
width: 100%;
}

.phase-first-row {
height: 633px;
}

.section-phase .bg-img {
background: url(/layout/timeline.png);
height: 1000px;
background-repeat: no-repeat;
background-position: center top;
}

.padding-top-16 {
padding-top: 16px;
}

.section-phase .phase h4 {
font-size: 20px;
margin-bottom: 0px;
font-weight: 800;
text-transform: uppercase;
margin-top: 23px;
font-family: "AvenirNextLTPro-HeavyIt";
}

.section-phase .phase h5 {
font-size: 18px;
line-height: 23px;
margin-bottom: 40px;
font-weight: 800;
text-transform: uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
}

.section-phase .phase-1 {
position: absolute;
top: 24px;
left: 84px;
}

.section-phase .phase-3 {
top: 391px;
position: absolute;
left: 84px;
}

.section-phase .phase-2 {
text-align: right;
position: absolute;
right: 84px;
top: 207px;
}

.section-phase .phase-4 {
text-align: right;
position: absolute;
right: 84px;
top: 34px;
}

.section-phase .phase-5 {
top: 136px;
position: absolute;
left: 84px;
}

.div-text .row:nth-child(1) h4 {
margin-top:18px;
}

.div-text .row:nth-child(3) h4 {
margin-top:12px;
}

.bg-1-white {
background: #fff;
background-size: 50%;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}

.bg-2-teal {
background: url(/layout/test-bg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 96% 50vh;
position: relative;
margin-left: auto;
margin-right: auto;
display: block;
}

.bg-3-img {
background: url(/layout/seminar-line-2-new.png);
background-repeat: no-repeat;
background-position: center top;
}

.bg-3-img-2 {
background: url(/layout/seminar-line-2-new.png);
background-repeat: no-repeat;
background-position: center top;
}

.seminar-row {
padding-bottom: 50px;
}

.slider-nav .platz-1 p, .slider-nav .slide-platz2 p {
position: absolute;
left: 29px;
right: 80px;
bottom: 14px;
}

.slider-nav p {
color:#fff;
font-size: 11px;
line-height: 15px;
}

.icon-vorteile img {
max-height:100px;
margin-bottom:20px;
}

.icons-height h3 img{
max-height:30px;
}

.main-button {
position:relative;
}

.triangle {
width: 0;
height: 0;
border: 150px solid transparent;
border-top: 0;
border-bottom: 300px solid red;
}

.main-button button {
position:relative;
}

.main-button button.arrow::after {
content: '';
width: 0;
height: 0;
border: 28px solid transparent;
border-top: 0;
border-bottom: 33px solid #fff;
display: block;
position: absolute;
bottom: -28px;
left: 0px;
right:0px;
margin-left:auto;
margin-right:auto;
}

#main-6.arrow::after {
left:-18px;
}

.slider-nav .digital-bash h4 {
margin-top:10px;
}

.menu-header {
display:none;
}

.banner-home-v2 {
margin-bottom:0px;
background: #000;
height: 100vh;
max-height:74vh;
overflow:hidden;
}

.banner-home-v2 .single-slide {
position:relative;
max-height:837px;
}

.banner-text {
position: absolute;
bottom: 0px;
width: 100%;
left:0px;
right:0px;
margin-left:auto;
margin-right:auto;
}

.banner-home-v2 .row {
padding-bottom:80px;
margin-bottom:0px;
}

.banner-home-v2 .slick-slide {
height:100vh;
max-height:74vh;
}

.banner-home-v2 .banner-head {
font-size:70px;
line-height:62px;
text-transform:uppercase;
color:#fff;
font-family: "AvenirNextLTPro-HeavyIt";
max-width:800px;
}

.banner-home-v2 img {
width: 100%;
height: 100%;
object-fit: cover;
}

.logos-slider-v2 {
margin-top:45px;
margin-bottom:50px;
}

.logos-slider-v2 .box {
height: 60px;
margin: 0px 48px;
}

.logos-slider-v2 .box img {
height: 60px;
margin-left: auto;
margin-right: auto;
filter: grayscale(100%);
width:auto;
}

.section-70-0 {
padding-top:70px;
}

.section-70-70 {
padding-top:70px;
padding-bottom:70px;
}

.flex-leistungen {
display:flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}

.box-leistungen {
background:#EAEAEA;
width: calc(33% - 10px);
padding:30px 55px 30px 30px;
position:relative;
}

.box-leistungen img {
height:46px;
width:auto;
margin-bottom:15px;
}

.box-leistungen img.white {
display:none;
}

.box-leistungen:hover img {
display:none;
}

.box-leistungen:hover img.white {
display:block;
}


.box-leistungen .head {
color:#FF0D00;
font-size:20px;
line-height:30px;
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
margin-bottom:5px;
}

.box-leistungen .black-arrow {
background: #000000;
height: 50px;
width: 50px;
padding: 0px;
margin: 0px;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #000;
position: absolute;
bottom: 0px;
right: 0px;
}

.box-leistungen .black-arrow i {
color: #fff;
font-size: 27px;
}

.box-leistungen:hover {
background:#FF0D00;
}

.box-leistungen:hover p  {
color:#fff;
}

.box-leistungen:hover .black-arrow {
background: #fff;
border: 2px solid #fff;
}

.box-leistungen:hover .black-arrow i {
color: #000;
}

.new-cta-expert {
background:#000;
}

.new-cta-expert .large-12 {
display:flex;
justify-content: space-between;
align-items: center;
}

.new-cta-expert .large-12 .head {
color:#fff;
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
font-size:40px;
line-height:45px;
margin-bottom:30px;
}

.new-cta-expert .large-12 .text-link {
color:#fff;
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
font-size:20px;
line-height:25px;
}

.new-cta-expert .large-12 .text-link {
display:block;
}

.new-cta-expert .text-column {
min-width:350px;
width:350px;
padding-top:30px;
padding-bottom:30px;
}

.new-cta-expert .img-column {
width:100%;
}

.new-cta-expert .btn-standard {
margin-top:35px;
}

.bekkant-logos {
padding-top:10px;
padding-bottom:41px;
}

.bekkant-logos .large-12 {
display:flex;
justify-content: space-between;
align-items: center;
gap:100px 0;
}

.bekkant-logos .large-12 img {
height: 56px;
}

.customers-rev-2 h4 {
position: relative;
font-family: "AvenirNextLTPro-HeavyIt";
color: #000000;
text-transform: uppercase;
line-height: 20px;
display: flex;
align-items: center;
margin-bottom: 14px;
}

.customers-rev-2 .slide {
height: auto;
background: #EAEAEA;
margin-right: 17px;
padding: 35px 25px 40px 31px;
}

.customers-rev-2 .stars i {
color: #FDDB7D;
font-size: 14px;
margin-right: 5px;
}

.customers-rev-2 .stars {
margin-bottom: 15px;
display: block;
}

.customers-rev-2 h4 .circle-leter {
border-radius: 50%;
background: #000000;
color: #fff;
font-size: 20px;
line-height: 61px;
height: 57px;
width: 57px;
text-align: Center;
padding-right: 2px;
margin-right: 18px;
}

.customers-rev-2 h4 img {
height: 57px;
width: 57px;
margin-right: 18px;
}

.customers-rev-2 .slick-track {
display: flex;
align-items: stretch;
}

.section-0-70 {
padding-bottom:70px;
}

.city-list-2 {
padding-top:50px;
padding-bottom:50px;
}

.city-list-2 h3 {
margin-bottom:25px;
}

.city-list-2 .col-header {
width:100%;
}

.city-list-2 .col-list {
width:100%;
}

.city-list-2 .flex-row {
flex-wrap: wrap;

}

.city-list-2 li {
width:16%;
}

.city-list-2 ul {
justify-content: space-between;
flex-grow:1;
}

.team-slider-new .sliding-background.lazy-bg-loaded {
background: url(/layout/team-slider-new.jpg);
height: 550px;
width: 5178px;
animation: slide2 40s linear infinite;
background-repeat: repeat-x;
background-size: auto 100%;
}

.team-slider-new {
overflow: hidden !important;
}

@keyframes slide2{
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-2589px, 0, 0); /* The image width */
  }
}

.faq-section-v2 {
background:#EAEAEA;
padding:50px 0;
}

.faq-section-v2 .faq-box {
border-bottom:1px solid #69696971;
background:url('/layout/plus-solid.svg');
background-repeat:no-repeat;
background-size:25px;
padding-left:43px;
background-position: left top 23px;
}

.faq-section-v2 .faq-box.active {
background:url('/layout/minus-solid.svg');
background-repeat:no-repeat;
background-size:25px;
background-position: left top 23px;
}

.faq-section-v2 .faq-box:last-child {
border-bottom:none;
}

.faq-section-v2 .faq-box div {
display:none;
}

.faq-section-v2 .faq-box.active div {
display:block;
}

.faq-section-v2 .faq-box p {
padding-bottom:28px;
}

.faq-section-v2 .faq-box h4 {
font-family: "AvenirNextLTPro-HeavyIt";
text-transform:uppercase;
color:#000000;
font-size:20px;
line-height:25px;
padding:28px 0;
}

.team-slider-new .sliding-background {
margin-bottom:30px;
}

.logo-slider-containert-footer {
padding-top: 50px;
padding-bottom: 45px;
display: flex;
align-items: center;
overflow:hidden;
}

.logo-slider-containert-footer .col-left {
width:39%;
}

.logo-slider-containert-footer .text-div {
max-width:480px;
float:right;
padding-left: 0.9375rem;
}

.logo-slider-containert-footer .logos-slider-footer {
width:61%;
}

.logos-slider-footer .box {
height: 60px;
margin: 0px 30px;
}

.logos-slider-footer .box img {
height: 60px;
width:auto;
margin-left: auto;
margin-right: auto;
filter: grayscale(100%);
}

.cta-fragen.lazy-bg-loaded {
background:url(/layout/cta-fragen-bg.png);
background-size: cover;
}

.cta-fragen .large-12 {
display: flex;
align-items: center;
}

.cta-fragen .large-12 .img-col {
width:50%;
}

.cta-fragen .large-12 .text-col {
width:50%;
padding-left:50px;
}

.cta-fragen h3 {
color:#fff;
margin-bottom:50px;
}

.banner-home-v2 p {
margin-bottom:0px;
}

.banner-home-v2 .slide-2 p.white {
font-size: 70px;
line-height: 75px;
text-transform: uppercase;
color: #fff;
font-family: "AvenirNextLTPro-HeavyIt";
}

.banner-home-v2 .slide-2 p.contour {
font-family: "AvenirNextLTPro-HeavyIt";
-webkit-text-stroke: 2px #FF0D00;
font-size: 98px;
line-height: 85px;
color: transparent;
font-weight: 800;
text-transform: uppercase;
position: relative;
}

.banner-home-v2 .slide-2 p.small {
font-size: 22px;
line-height: 30px;
text-transform: uppercase;
color: #fff;
font-family: "AvenirNextLTPro-HeavyIt";
}

.banner-home-v2 .slide-2 .img-1 {
max-width:200px;
margin-bottom:20px;
}

.banner-home-v2 .slide-3 .text {
font-size: 70px;
line-height: 75px;
text-transform: uppercase;
color: #fff;
font-family: "AvenirNextLTPro-HeavyIt";
}

.banner-home-v2 .slide-3 .date {
display: block;
font-size: 70px;
line-height: 78px;

position: relative;

margin-top: -15px;

	font-family: "AvenirNextLTPro-HeavyIt";
	-webkit-text-stroke: 2px #fff;
color: transparent;
}

.banner-home-v2 .slide-3 .bot {
color: #fff;
font-size: 14px;
line-height: 17px;
position: absolute;
bottom: 60px;
}

.banner-home-v2 .slide-3 .banner-text {
height:100%;
}

.banner-home-v2 .slide-3 .banner-text .row {
align-items: center;
height:100%;
padding-bottom:0px;
}

.banner-home-v2 .slide-3 .logo {
height:230px;
width:auto;
float:right;
}

.banner-home-v2 .slide-3 .background-2 {
height: auto;
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
left: auto;
width: auto;
margin-top: auto;
margin-bottom: auto;
max-height: 875px;
}

.banner-home-v2 .slide-4 {
background:url('/layout/banner/bash-dots.png'), url('/layout/banner/bg-slide-4.jpg');
background-repeat:no-repeat;
background-position:bottom right, center;
background-size:300px, cover;
}

.banner-home-v2 .slide-4 .banner-text {
height:100%;
}

.banner-home-v2 .slide-4 .banner-text .row {
align-items: center;
height:100%;
padding-bottom:0px;
}

.banner-home-v2 .slide-4 .large-6:nth-child(1) {
padding-right:100px;
}

.banner-home-v2 .slide-4 p {
color:#fff;
font-size:25px;
margin-top:30px;
margin-bottom:50px;
}

.banner-home-v2 .slide-5 {
background:url('/layout/banner/buisnes-punk-bg.png'), url('/layout/banner/bg-slide-5.jpg');
background-repeat:no-repeat;
background-position:center left, center;
background-size:730px, cover;
}

.banner-home-v2 .slide-5 .flex {
align-items: center;
display: flex;
height:100%;
max-width:1700px;
margin-left:auto;
margin-right:auto;
}

.banner-home-v2 .slide-5 .col-left {
width:40%;
}

.banner-home-v2 .slide-5 .col-right {
width:60%;
padding-left:100px;
}

.banner-home-v2 .slide-5 p.head {
font-size: 58px;
line-height: 58px;
text-transform: uppercase;
color: #fff;
font-family: "AvenirNextLTPro-HeavyIt";
}

.banner-home-v2 .slide-5 p.text {
color: #fff;
margin-bottom:40px;
margin-top:10px;
}

.banner-home-v2 .slide-5 .logo{
max-height:55px;
width:auto;
height:auto;
margin-bottom:30px;
}


.banner-home-v2 .slide-7 {
background:url('/layout/banner/podcast-bg.jpg');
background-repeat:no-repeat;
background-position:center;
background-size: cover;
}

.banner-home-v2 .slide-7 .flex {
align-items: center;
display: flex;
height:100%;

}

.banner-home-v2 .slide-7 .col-left {
width:80%;
}
.banner-home-v2 .slide-7 .col-left a {
margin-left: 21%;
margin-top: 30px;
}

.banner-home-v2 .slide-7 .col-right {
width:15%;

}

.banner-home-v2 .slide-7 .col-left img {
margin-top: 50px;
max-height: 260px;
width: auto;
}









.banner-home-v2 .slide-8 {
background:url('/layout/banner/podcast-bg.jpg');
background-repeat:no-repeat;
background-position:center;
background-size: cover;
}

.banner-home-v2 .slide-8 .flex {
align-items: center;
display: flex;
height:100%;

}

.banner-home-v2 .slide-8 .col-left {
width:80%;
}
.banner-home-v2 .slide-8 .col-left a {
margin-left: 21%;
margin-top: 30px;
}

.banner-home-v2 .slide-8 .col-right {
width:15%;

}

.banner-home-v2 .slide-8 .col-left img {
margin-top: 50px;
max-height: 260px;
width: auto;
}












.banner-home-v2 .slide-6 {
background:url('/layout/banner/bg-slide-6.jpg');
background-repeat:no-repeat;
background-position:center;
background-size: cover;
}


.banner-home-v2 .slide-6 p.contour {
font-family: "AvenirNextLTPro-HeavyIt";
-webkit-text-stroke: 2px #fff;
font-size: 80px;
line-height: 70px;
color: transparent;
font-weight: 800;
text-transform: uppercase;
position: relative;
transform: rotate(-2deg);
}

.banner-home-v2 .slide-6 p.head {
font-family: "AvenirNextLTPro-HeavyIt";
font-size: 60px;
line-height: 80px;
color: #fff;
text-transform: uppercase;
transform: rotate(-2deg);
}

.banner-home-v2 .slide-6 p.text {
font-size: 20px;
color: #fff;
margin-top:10px;
margin-bottom:50px;
transform: rotate(-2deg);
}

.banner-home-v2 .slide-6 .flex {
align-items: center;
display: flex;
height:100%;
max-width:1700px;
margin-left:auto;
margin-right:auto;
}

.banner-home-v2 .slide-6 .col-left {
width:30%;
}

.banner-home-v2 .slide-6 .col-right {
width:70%;
padding-left:50px;
}

.banner-home-v2 .slide-6 .col-left img {
padding-left:200px;
}

.ueber-uns-icons-v2 div h4{
font-size:14px;
line-height:22px;
text-transform:uppercase;
}

.ueber-uns-icons-v2 div img {
height:45px;
}

.team-flex-v3 .single-img-box:hover h4.name {
color:#fff;
}

.team-flex-v3 .single-img-box:hover h4.name {
color:#fff;
}

.team-flex-v3 .single-img-box h4.surname {
font-family: "AvenirNextLTPro-Regular";
color:#fff;
}

.team-flex-v3  .single-img-box p a {
font-family: "AvenirNextLTPro-Regular";
color:#fff;
}

.team-flex-v3 .single-img-box h5 {
padding-top:5px;
}

.team-flex-v3 .single-img-box:hover .bg-color {
background:rgba(255, 13, 0, 0.9);
}

.team-flex-v3 .single-img-box:hover .bg-color {
mix-blend-mode: normal;
}









/* New Design Suchmashinen */

.mc-design-v2-right img.fixer {
max-height: 500px;
width: auto;
}
.mc-design-v2-right .book-flex img {
max-width: 100%;
}


.mc-design-v2-right .bg-gray-round, .mc-design-v2-right .img-box-seo  {
text-align: center;
}

ul.dot-list.dot-red li:before {
background: #FF0D00;
}

.text-red {
color:#FF0D00;
}

.button-center {
margin-left:auto;
margin-right:auto;
display: block;
max-width: fit-content;
}

.gray-list {
background:#EAEAEA;
padding:45px;
}

.gray-list h3{
color:#000;
}

.gray-list ul{
display:flex;
justify-content: space-between;
flex-wrap:wrap;
column-gap:35px;
flex-wrap:wrap;
margin:0px;
list-style:none;
}

.gray-list li{
width: calc(32.9% - 20px);
padding:14px 0px;
border-bottom:1px solid #000;
}

.gray-list a{
color:#000;
font-family: "AvenirNextLTPro-Medium";
}

.gray-list a:hover{
color:#FF0D00;
}

.gray-list li:nth-last-child(-n+3) {
border-bottom:none;
}

.bg-gray {
background:#EAEAEA;
}

.page-with-sidebar {
max-width:95vw;
margin-left:auto;
margin-right:auto;
display:flex;
column-gap: 120px;
padding-top:150px;
}

.page-with-sidebar  .column-right {
width:68%;
}

.page-with-sidebar  .column-left {
width:35%;
}

.page-with-sidebar .inhalt-container {
position: -webkit-sticky;
position: sticky;
top: 130px;
padding-left:40px;
padding-right:50px;
}

.page-with-sidebar .inhalt-container li {
width:100%;
padding-top:20px;
}

.page-with-sidebar .inhalt-container li a {
padding-left:35px;
}

.page-with-sidebar hr {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
margin-top:50px;
margin-bottom:50px;
}

.page-with-sidebar .padding-bot-50 {
padding-bottom:50px;
}

.page-with-sidebar .padding-top-70 {
padding-top:70px;
}

.page-with-sidebar .black-list li {
width: calc(40.9% - 20px);
}

.page-with-sidebar .black-list {
background: #000000;
padding: 45px 100px;
}

.page-with-sidebar .black-list h3 {
text-align:center;
}

.inhalt-button .sub-inhalt {
display:none !important;
}

.inhalt-button.active .sub-inhalt{
display:flex !important;
}

.inhalt-button > a{
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
font-size:16px !important;
}

.page-full-width .row{
max-width:95vw;
}

.page-with-sidebar img.no-box {
padding: 0px;
background: none;
}

.image-gallery {
justify-content: center;
display:flex;
column-gap: 20px;
flex-wrap:wrap;
}

.image-gallery div{
display:block;
margin:0px;
width:calc(33% - 20px);
overflow:hidden;
background:#EAEAEA;
text-align:center;
max-height:400px;
margin-bottom:20px;
}

.image-gallery a {
width:100%;
display:block;
height:100%;
padding:25px;
}

.image-gallery a img {
object-position:center;
object-fit: scale-down;
height:100%;
}

.bg-gray-round img{
}

.more-info-section.lazy-bg-loaded {
background: url(/layout/Bg-Mehr-Informationen.jpg);
}

.more-info-section {
padding-top:70px;
padding-bottom:10px;
}

.more-info-section h3 {
text-align:Center;
color:#fff;
}

.more-info-section ul {
list-style:none;
display: flex;
flex-wrap: wrap;
list-style: none;
justify-content: space-between;
flex-grow: 1;
}

.more-info-section li a:before {
position: absolute;
top: -3px;
left: 0px;
content: '';
height: 30px;
width: 30px;
background: url(/layout-new/arrow-right.svg);
background-repeat: no-repeat;
}

.more-info-section li a {
color: #fff;
font-size: 20px;
line-height: 25px;
position: relative;
padding-left: 45px;
font-weight: normal;
}

.more-info-section li {
width: 25%;
padding-bottom: 35px;
}

.cta-kontakt h3 {
font-size: 40px !important;
line-height: 50px !important;
text-align: left;
font-family: "AvenirNextLTPro-HeavyIt";
color: #000;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 30px;
padding-top: 110px;
margin-left:0px;
max-width:522px;
}

.banner-subpage-v2 {
max-height:74vh;
}

.banner-home-v2 .banner-text {
max-height:74vh;
}

.ueber-red-box-v2  .flex-row div h3 {
font-family: "AvenirNextLTPro-HeavyIt";
color: #FF0D00;
font-size: 20px;
}

.ueber-red-box-v2 .flex-row div p {
color: #000000;
padding-bottom:0px;
}

.ueber-red-box-v2 .flex-row div {
background:#EAEAEA !important;
padding-top:30px;
padding-bottom:30px;
}


@media only screen and (max-width: 1024px) {
.gray-list li {
width: calc(50% - 20px);
}

.gray-list {
padding:0px;
padding-bottom:20px;
}

.flex-video-2 img {
padding: 0px;
background: none;
}

.mc-design-v2-right img.fixer {
max-height:none;
width:100%;
}

}


@media only screen and (max-width: 1399px) {
.page-with-sidebar {
column-gap: 40px;
padding-top:100px;
}

.page-with-sidebar .inhalt-container {
padding-left:10px;
padding-top:20px;
}

.page-with-sidebar .black-list {
padding:40px 30px;
}

}


@media only screen and (max-width: 850px) {
.page-with-sidebar {
display:block;
padding-top:0px;
}

.page-with-sidebar .column-left {
width:100%;
}

.page-with-sidebar .column-right {
width:100%;
}

.page-with-sidebar .inhalt-container li {
width:46%;
}

}


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

.page-with-sidebar .inhalt-container li {
width:100%;
}

.page-with-sidebar .padding-top-70 {
padding-top:0px;
}

.page-with-sidebar .black-list li {
width:100%;
}
}







.faq-section p a {
color:#fff;
}

.banner-home-v2 .slick-dots {
position: absolute;
bottom: 15px;
}

.banner-home-v2 .slick-dots li.slick-active button:before {
opacity: .75;
color: #fff;
background:#fff;
}

.banner-home-v2 .slick-dots li:hover button:before{
opacity: .75;
color: #fff;
background:#fff;
}

.kontakt-page-box-v2 {
/*background:#FF0D00; */
background:#EAEAEA;
}


.kontakt-page-box-v2 h5 {
font-family: "AvenirNextLTPro-Regular";
font-size:14px;
line-height:25px;
font-weight:400;
color:#000;
text-transform:none;
}

.kontakt-page-box-v2 a, .kontakt-page-box-v2 p  {
color:#FF0D00;
font-family: "AvenirNextLTPro-HeavyIt";
font-size:20px;
line-height:22px;
}

.kontakt-page-box-v2{
padding-top:36px;
padding-left:44px;
padding-bottom:80px;
padding-right:44px;
margin-top:70px;
}

.form-v2 .row{
padding-bottom:30px;
}

.form-v2 .capta {
padding-top:30px;
}

.form-v2 .send-button {
margin-bottom:0px !important;
}

.form-v2 .checkbox-container label {
line-height:28px;
}

.form-v2 .form-control {
max-width: 775px;
}

.ping-box p{
color:#fff;
}

.ping-box {
background:#FF00D8;
display:flex;
justify-content: center;
align-items: center;
height::100%;
width:100%;
min-height:360px;
padding:0px 26%;
}

.banner-small {
display:none;
}

.flex-leistungen-4-col .box-leistungen {
width: calc(24% - 10px);
}

.cta-red {
background:#FF0D00;
padding-top:50px;
padding-bottom:50px;
}

.cta-red .large-12 {
display: flex;
align-items: center;
justify-content: space-between;
}

.cta-red .head {
font-size:40px;
line-height:40px;
text-transform:uppercase;
color:#fff;
font-family: "AvenirNextLTPro-HeavyIt";
margin-bottom:0px;
}

.cta-red .text {
font-size:20px;
line-height:25px;
color:#fff;
margin-bottom:0px;
}

.cta-red .links {
line-height:20px;
}

.cta-red .links a{
font-family: "AvenirNextLTPro-HeavyIt";
color:#fff;
font-size:25px;
line-height:34px;
color:#fff;
}

.list-gray ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
}

.list-gray li a {
color: #fff;
font-size: 20px;
line-height: 25px;
position: relative;
padding-left: 45px;
font-weight: normal;
display:block;
}

.list-gray li {
width: 30%;
padding-bottom: 35px;
}


.list-gray a:before {
position: absolute;
top: -3px;
left: 0px;
content: '';
height: 30px;
width: 30px;
background: url(/layout-new/arrow-right-black.svg);
background-repeat: no-repeat;
}

.list-gray h3 {
padding-bottom:20px;
}

.flex-kontakt-row {
display:flex;
}

.timeline-section .bg-img {
background: url(/layout/timeline-new.png);
height: 1000px;
    background-repeat: no-repeat;
    background-position: center top;
}

.bg-gray-3 {
background: #eaeaea;
}

.timeline-section .phase h5 {
margin-bottom:10px;
}

.timeline-section .phase-1 {
left: 55px;
}

.timeline-section .phase-3 {
left: 55px;
}

.timeline-section .phase-2 {
right: 39px;
top: 228px;
}

.timeline-section .phase-first-row {
height: 549px;
}

.timeline-section .phase-4 {
right: 39px;
top: 13px;
}

.timeline-section .phase-5 {
top: 108px;
position: absolute;
left: 55px;
}

.timeline-section {
padding-bottom:70px;
}

.timeline-section .phase h5 {
font-size:20px;
}

.standorte-kontakt-data-v2 {
background:none;
min-height:204px;
padding-left:60px;
padding-right:60px;
padding-top:10px;
padding-bottom:10px;
}

.standorte-kontakt-data-v2 .head {
color:#000;
}

.cta-fragen.lazy-bg-loaded.cta-city {
background: url(/layout/bg-city-cta.jpg);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.cta-heart {
background: url(/layout/bg-heart-cta.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.cta-city-berlin {
background: url(/layout/bg-city-berlin.jpg);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.cta-city-duesseldorf {
background: url(/layout/bg-city-duesseldorf.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.cta-city-duesseldorf-2 {
background: url(/layout/bg-city-duesseldorf-2.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-city-frankfurt-cta {
background: url(/layout/bg-city-frankfurt-cta.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-city-frankfurt-cta-2 {
background: url(/layout/bg-city-frankfurt-cta-2.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-hamburg {
background: url(/layout/bg-cta-city-hamburg.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-hamburg-2 {
background: url(/layout/bg-cta-city-hamburg-2.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-muenchen {
background: url(/layout/bg-cta-city-muenchen.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-muenchen-2 {
background: url(/layout/bg-cta-city-muenchen-2.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-osnabrueck {
background: url(/layout/bg-cta-city-osnabrueck.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-bochum {
background: url(/layout/bg-cta-city-bochum.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-bonn {
background: url(/layout/bg-cta-city-bonn.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-bremen {
background: url(/layout/bg-cta-city-bremen.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-dortmund {
background: url(/layout/bg-cta-city-dortmund.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-dresden {
background: url(/layout/bg-cta-city-dresden.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-duisburg {
background: url(/layout/bg-cta-city-duisburg.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-essen {
background: url(/layout/bg-cta-city-essen.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-foehr {
background: url(/layout/bg-cta-city-foehr.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-hannover {
background: url(/layout/bg-cta-city-hannover.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-koeln {
background: url(/layout/bg-cta-city-koeln.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-leipzig {
background: url(/layout/bg-cta-city-leipzig.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-mannheim {
background: url(/layout/bg-cta-city-mannheim.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-muenster {
background: url(/layout/bg-cta-city-muenster.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-nuernberg {
background: url(/layout/bg-cta-city-nuernberg.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-oldenburg {
background: url(/layout/bg-cta-city-oldenburg.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-recklinghausen {
background: url(/layout/bg-cta-city-recklinghausen.png);
background-size: cover;
}


.cta-fragen.lazy-bg-loaded.bg-cta-city-ruegen {
background: url(/layout/bg-cta-city-ruegen.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-stuttgart {
background: url(/layout/bg-cta-city-stuttgart.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-sylt {
background: url(/layout/bg-cta-city-sylt.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-wuppertal {
background: url(/layout/bg-cta-city-wuppertal.png);
background-size: cover;
}

.cta-fragen.lazy-bg-loaded.bg-cta-city-bielefeld {
background: url(/layout/bg-cta-city-bielefeld.png);
background-size: cover;
}

.flex-leistungen-4-col h3 span {
font-size:14px;
}

.flex-leistungen-4-col .box-leistungen:hover h3.c-red {
color:#fff;
}

.missing {
color:#e400ff !important;
}

.box-video {
padding: 0px 0px 50px 0px;
}

.box-video p{
padding: 0px 55px 0px 30px;
}

.box-video img {
height:auto;
}

.dot-list.col-3 {
display:flex;
flex-wrap:wrap;
}

.dot-list.col-3 li  {
width:33%;
}

.box-video:hover img {
display:block;
}


.bg-list-ol {
background: url(/layout/bg-list-ol.jpg);
background-size: cover;
padding-top:50px;
padding-bottom:50px;
}

.bg-list-ol li{
color:#fff;
}

.bg-list-ol h3{
color:#fff;
}

.box-list-ol {
display:flex;
flex-wrap:wrap;
justify-content: space-between ;
}

.box-list-ol div{
background:#EAEAEA;
padding:40px 30px 20px 30px;
width:calc(33% - 10px);
margin-bottom:20px;
}

.box-list-ol .head{
font-size:40px;
color:#FF0D00;
font-family: "AvenirNextLTPro-HeavyIt";
}

.box-list-ol p{
font-size:20px;
}

.accordation-1 .faq-box{
background:none;
padding-left:20px;
margin-left:13px;
border-bottom:1px solid #DDDDDD;
}

.accordation-1 .faq-box.active {
background:none;
}

.accordation-1 .faq-box h4 {
font-size: 14px;
line-height: 25px;
color: #000000;
font-family: "AvenirNextLTPro-Regular";
text-transform:none;
padding:9px 0;
}

.padding-bot-0 {
padding-bottom:0px !important;
}

.inhalt-small {
display:none;
}

.empty-box {
background:none;
}

.empty-box:hover {
background:none;
}

.banner-subpage .ref-text {
font-size:60px;
}

.project .arrow-container {
background:#FF0D00;
border:2px solid #FF0D00;
height:60px;
width:60px;
position:absolute;
bottom:0px;
right:0px;
display: flex;
justify-content: center;
align-items:center;
}

.project .arrow-container i{
color:#fff;
font-size:20px;
}

.project:hover .arrow-container {
background:#fff;
border:2px solid #FF0D00;
}

.project:hover .arrow-container i{
color:#FF0D00;
}

.gray-box-main h3 {
font-size: 20px;
line-height: 25px;
color:#fff;
font-family: "AvenirNextLTPro-HeavyIt";
text-transform:uppercase;
position:absolute;
bottom:17px;
left:25px;
right:60px;
}

.gray-box-main .text-container {

}

.partner-brands-container {
background:#EAEAEA;
padding-top:70px;
padding-bottom:70px;
}

.partner-brands {
display: flex;
justify-content: space-between;
align-items:center;
}

.partner-brands .text {
width:290px;
}

.partner-brands .logos {
width:calc(100% - 290px);
}

.partner-brands .text p {
font-size:40px;
font-family: "AvenirNextLTPro-HeavyIt";
text-transform:uppercase;
line-height:43px;
}

.partner-brands .logos ul {
list-style:none;
margin:0px;
display: flex;
justify-content: space-between;
flex-wrap:wrap;
}

.partner-brands .logos ul li {
display:inline-block;
width:19%;
text-align:center;
}

/* BLOG */
.blog-category-contener {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.blog-column {
    width: calc(33.3% - 10px);
    justify-content: space-between;
    margin-bottom: 50px;
    display: none;
}

.blog-box-main {
    background: #EFEFEF;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.blog-box-main .img-box {
    position: relative;
    overflow: hidden;
}

.blog-box-main .img-box img {
    transition: all 0.4s ease-out;
    height: 380px;
    object-fit: cover;
    width: 100%;
}

.bg-color {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.6;
}

.blog-box-main h3 {
    font-family: "AvenirNextLTPro-HeavyIt";
    color: #fff !important;
    font-size: 30px;
    text-transform: uppercase;
    position: absolute;
    bottom: 25px;
    left: 30px;
    right: 30px;
    line-height: 30px;
}

.blog-box-main .cat {
    position: absolute;
    left: 0px;
    top: 0px;
    text-transform: uppercase;
    color: #fff;
    background: #000;
    font-family: "AvenirNextLTPro-HeavyIt";
    line-height: 30px;
    font-size: 16px;
    padding: 0px 18px;
    padding-top: 4px;
}

.blog-box-main .text-container {
    padding-top: 36px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 70px;
}

.blog-box-main .read-mode {
    position: absolute;
    background: #000;
    border: 2px solid #000;
    height: 62px;
    width: 62px;
    bottom: 0px;
    right: 0px;
    color: #fff;
    font-size: 35px;
    text-transform: uppercase;
    transition: all 300ms ease-out;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-box-main:hover .read-mode  {
   color: #fff;
	background: #FF0D00;
   border: 2px solid #FF0D00;
}

.partner-brands img {
  filter: grayscale(100%);
}



/* End 1920 */

















































@media only screen and (min-width: 1025px) {
.large-padding-top-70  {
padding-top:70px;
}

.padding-large-top-50 {
padding-top:50px;
}

.padding-large-top-70 {
padding-top:70px;
}
}


@media only screen and (max-width: 1700px) {
.cta-5 h3 {
margin-left:0px;
}
}


@media only screen and (max-width: 1484px) {
.menu-container .first-row {
padding-left:15px;
padding-right:15px;
}
}


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

.section-120-0 {
padding-top:70px;
}

.section-0-120 {
padding-bottom:70px;
}

.section-120-120 {
padding-bottom: 70px;
padding-top: 70px;
}

.city-list {
padding-top:70px;
}

.faq-section {
padding:70px 0;
}

.video-slider-container {
padding-top:70px;
padding-bottom:70px;
}

.inhalt-container {
padding-top:70px;
padding-bottom:70px;
}

.section-70-120 {
padding-bottom:70px;
}

.book-container {
padding-bottom:70px;
}

.cta-digital-bash {
padding:70px;
padding-bottom:70px;
}

.team-slider h3 {
font-size: 70px;
line-height: 75px;
}

.logo-slider-container h3 {
font-size: 70px;
line-height: 75px;
}
}


@media only screen and (max-width: 1350px) {
.city-list-v2 li {
width: 50% !important;
padding-bottom: 35px;
}
}

@media only screen and (max-width: 1300px) {
.cta-red .links a {
font-size: 19px;
}

.home-box {
padding: 80px 40px 70px 40px;
}

.banner-home h3 {
font-size: 70px;
}

.slider-nav p.head-1 {
font-size: 20px;
line-height: 21px;
left:auto;
right:auto;
}

.digital-bash p {
font-size: 14px;
line-height: 15px;
}

.references-container  .slider-logos-box {
margin-right:-150px;
}

.references-container .button-container {
margin-right:-150px;
}

.references-container .col-button {
left: 176px;
}

.video-slider-container h3 {
padding-right:50px;
}

.f-76 {
font-size: 70px;
line-height: 75px;
}

.banner-subpage {
height:663px;
}

.banner-subpage .width-660 h4 {
max-width:100%;
}

.banner-subpage .width-660 .banner-subpage {
max-width: 100%;
}
}



@media only screen and (max-width: 1250px) {
.city-list li {
width: 33%;
padding-bottom: 35px;
}
}

@media only screen and (max-width: 1200px) {
.home-box-links .box h4 {
font-size: 31px;
line-height: 35px;
padding-left: 70px;
}

.f-60 {
font-size:55px;
line-height:60px;
}

.banner-home h3 {
font-size: 65px;
line-height: 70px;
}

.references-container .slider-logos-box {
padding: 30px 40px;
}

.cta-jobs .black-list div {
width: 100%;
}

.cta-jobs .black-list{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap:wrap;
}

.cta-jobs .black-list div {
padding-left:0px;
padding-bottom:30px;
}

.cta-jobs .black-list div:last-child {
padding-bottom:0px;
}

.slide-platz2 h5 {
font-size: 25px;
line-height: 25px;
padding-top: 20px;
}
}



@media only screen and (max-width: 1125px) {
.menu-container .logo {
max-height: 55px;
}

.no-banner {
height:144px;
}

.menu-container .first-row {
margin-bottom:25px;
}

#main-7 i {
display:none;
}

#main-7 {
padding: 0px 13px 0px 12px
}

.cta h3 {
font-size: 70px;
line-height: 75px;
}

.cta .contact-box {
padding:30px 40px;
}

.logo-slider-container h3 {
font-size: 70px;
line-height: 75px;
}

.ueber-red-box .flex-row div h3 {
font-size: 26px;
line-height: 30px;
}
}

.banner-subpage .width-660 .banner-header {
max-width: 660px;
}

.banner-subpage .banner-header {
font-size: 50px;
line-height: 58px;
text-transform: uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
color: #fff;
margin-bottom: 30px;
}

.arrow-list {
list-style:none;
margin:0px;
}

.arrow-list li {
line-height: 25px;
vertical-align: middle;
padding-bottom: 10px;
font-size: 14px;
padding-left: 28px;
position: relative;
}

ul.arrow-list li:before {
   font-family: 'icomoon' !important;
   content: "\f061";
   display: inline-block;
   vertical-align: middle;
   font-weight: 900;
	position:absolute;
	top:0px;
	left:0px;
	color:#FF0D00;
}

.banner-about-us .width-660{
max-width:500px;
margin-left:auto;
margin-right:auto;
text-align:center;
background:#000;
padding:50px;
}

.banner-about-us {
background:#3d3d3d;
}

.banner-about-us img {
margin-top:151px;
object-position: top center;
}

.text-small {
font-size:10px !important;
margin-bottom:0px !important;
}

.banner-subpage video {
width:100%;
height:auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
object-fit: cover;
height: 100%;
}

.banner-subpage .video-small {
display:none;
width:auto;
height:100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}

.service-chose .checkbox-container label {
font-size:14px;
font-family: "AvenirNextLTPro-Regular" !important;
}

.checkbox-container label {
font-family: "AvenirNextLTPro-Regular" !important;
}


/* SLIDER */

.page-img-slider {
padding-bottom:75px;
}


.page-img-slider img{
margin-left:auto;
margin-right:auto;
padding:30px;
}

.page-img-slider .slick-track{
display: flex;
justify-content: center !important;
align-items:center !important;
}

.page-img-slider .slick-list {
background:#EAEAEA;
}

.page-img-slider .slick-prev, .page-img-slider .slick-next {
bottom:-25px;
background:#000;
border: 2px solid #000;
height:50px;
width:50px;
top:auto;
margin-bottom:0px;
z-index:1;
}

.page-img-slider .slick-prev:hover, .page-img-slider .slick-next:hover {
background:#fff;
}

.page-img-slider .slick-prev {
right:60px;
left:auto;
}

.page-img-slider .slick-next {
right:0px;
left:auto;
}

.page-img-slider .slick-next:before {
content: "\f061";
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
font-size: 27px;
color:#fff;
opacity:1;
}

.page-img-slider .slick-prev:before {
content: "\f060";
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
font-size: 27px;
color:#fff;
opacity:1;
}

.page-img-slider .slick-prev:hover:before, .page-img-slider .slick-next:hover:before {
color:#000;
}

.page-img-slider .slick-prev:focus:before, .page-img-slider .slick-next:focus:before {
color:#000;
}

.flex-leistungen-4col .box-leistungen {
width: calc(24.4% - 10px);
}

.cta-kontakt-form {
background:#EAEAEA;
padding:90px 0px;
}

.cta-kontakt-form .row {
padding-bottom:0px;
}

.cta-kontakt-form .row .flex{
display:flex;
justify-content: space-between;
}

.cta-kontakt-form .row .flex > div{
width:calc(33% - 10px);
}

.cta-kontakt-form form input, .cta-kontakt-form form select, .cta-kontakt-form form textarea {
padding-top:22px !important;
}

.cta-kontakt-form form textarea {
height:189px !important;
}

.cta-kontakt-form .form-v2 .send-button {
padding-top:0px !important;
margin-left:auto !important;
margin-right:auto !important;
}


.cta-persons {
padding-top:90px;
padding-bottom:90px;
margin-bottom:70px;
overflow:hidden;
}

.cta-persons.lazy-bg-loaded {
background:url(/layout/bg-cta-persons.png);
background-size: cover;
}

.cta-persons .large-12 {
display: flex;
align-items: center;
align-items: stretch;
}

.cta-persons .large-12 .img-col {
width:50%;
}

.cta-persons .large-12 .text-col {
width:50%;
padding-right:50px;
}

.cta-persons h3 {
color:#fff;
margin-bottom:20px;
}

.cta-persons p {
color:#fff;
margin-bottom:22px;
}

.cta-persons .flex a {
color:#fff;
font-size:20px;
font-family: "AvenirNextLTPro-HeavyIt";
text-transform:uppercase;
}

.cta-persons .flex {
justify-content: space-between;
display:flex;
max-width:500px;
}

.cta-persons a.btn-standard {
margin-top:30px;
}

.cta-persons .img-col {
position:relative;
}

.cta-persons .img-1  {
position:absolute;
bottom:-65px;
left:0px;
max-width:239px;
}

.cta-persons .img-2  {
position:absolute;
bottom: 15px;
left: 179px;
z-index:2;
max-width:223px;
}

.cta-persons .img-3  {
position:absolute;
bottom: -129px;
left: 346px;
max-width:223px;
z-index:1;
}

.cta-persons .img-4  {
position:absolute;
bottom:15px;
left:500px;
max-width:239px;
}

.banner-form .large-12 {
display: flex;
align-items: center;
}

.banner-form .text {
width:50%;
padding-right:50px;
}

.banner-form .form {
width:50%;
background:rgba(255, 255, 255, 0.89);
padding:40px 45px;
}

.banner-form {
height:800px;
}

.banner-form .row {
bottom:50px;
}

.banner-form h4 {
font-size:50px;
line-height:54px;
color:#fff;
margin-bottom:30px;
}

.banner-form .text .banner-header-2 {
font-size:30px;
line-height:30px;
color:#fff;
text-transform: uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
margin-bottom:30px;
padding-left:0px !important;
}

.banner-form .text p {
font-size:18px;
line-height:25px;
color:#fff;
margin-bottom:10px;
position:relative;
}

.banner-form .text img {
height:auto;
width:auto;
max-width:101px;
margin-top:10px;
}

.banner-form .text i {
color:#FF0D00;
position:absolute;
top:1px;
left:0px;
}

.banner-form .form img {
max-width:41px;
}

.banner-form form input, .banner-form form select, .banner-form form textarea {
padding-top:20px !important;
}

.banner-form form textarea {
height:66px !important;
}

.banner-form .form form {
justify-content: space-between;
display:flex;
flex-wrap:wrap;
}

.banner-form .form form > div {
width:calc(50% - 10px);
}

.banner-form .form form .width-100 {
width:100%;
}

.banner-form  input[type=submit] {
padding-top:0px !important;
margin-bottom:10px !important;
margin-top:20px !important;
}

.banner-form .top-text {
justify-content: space-between;
display:flex;
}

.banner-form .top-text {
justify-content: space-between;
display:flex;
}

.banner-form .top-text .img {
width:41px;
margin-right:20px;
}

.banner-form .top-text .img img{
width:41px;
height:41px;
}

.banner-form .top-text .text {
width:calc(100% - 41px);
}

.banner-form .top-text p {
font-size:16px;
margin-bottom:0px;
color:#000;
line-height:20px;
text-transform:none;
padding-left:0px;
}

.banner-form .top-text p span{
font-size:16px;
font-weight:bold;
font-family: "AvenirNextLTPro-Heavy";
margin-right:19px;
}

.banner-form .top-text p.small {
font-size:13px;
}

.banner-form .form h5{
color:#000;
font-size:20px;
margin-bottom:0px;
margin-top:20px;
}

.banner-form .top-text p img {
margin-top:-2px;
}

.banner-subpage-kontakt {
height:40vh;
}

.banner-subpage-kontakt h1 {
font-size:65px;
line-height:60px;
}

.banner-subpage-kontakt .row {
bottom:50px;
}

.flex-kontakt-row iframe{
width:100%;
margin-top:50px;
height:auto;
max-height:550px;
min-height:550px;
}

.kontakt-page-box-v3 a{
font-family: "AvenirNextLTPro-BoldIt";
}

.kontakt-page-box-v3 p{
font-family: "AvenirNextLTPro-BoldIt";
}

.banner-form .text .banner-header {
font-size: 50px;
line-height: 54px;
color: #fff;
margin-bottom: 30px;
padding-left:0px !important;
}

.banner-p-icon {
padding-left:30px;
}

.banner-form .img-center {
max-width:max-content !important;
height:85px !important;
margin-top:20px;
width:auto;
}

.banner-form .small-text {
font-size:12px;
color:#000;
margin-bottom:0px;
padding-top:20px;
line-height:16px;
}

.logos-div img{
height:70px;
width:auto;
display:inline-block !important;
margin-right:20px;
margin-top:20px;
}

.multiselect {
position:relative;
}

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes {
  display: none;
  border: 1px #000 solid;
  position:absolute;
  background:#fff;
  padding:10px 5px 5px 5px;
  width:100%;
  z-index:9999;
}

#checkboxes label {
  display: block;
  font-family: "AvenirNextLTPro-Regular" !important;
  padding-left:15px;
  margin-bottom:5px;
}

#checkboxes [type="checkbox"]:checked + label:before, #checkboxes [type="checkbox"]:not(:checked) + label:before {
top:0px;
}

#checkboxes [type="checkbox"]:checked + label:after, #checkboxes [type="checkbox"]:not(:checked) + label:after {
top:0px;
}

.multiselect option {
font-weight:400;
}

.flex {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

.service-chose-v2 .checkbox-container {
width:33%;
}

.new-cta-team {
background-image: url(/layout/bg-cta-new-team.png) ;
padding-top: 291px;
padding-bottom: 291px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}

.new-cta-team .box {
background:#FFFFFF;
background-image: url(/layout/new-cet-team-logo.png) ;
margin-left:auto;
margin-right:auto;
max-width:1036px;
padding:70px;
text-align:center;
background-position: center;
background-size: auto 87%;
background-repeat: no-repeat;
}

.new-cta-team .box .flex {
max-width:825px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

.new-cta-team .box h4 {
font-size:68px;
line-height:70px;
font-family: "AvenirNextLTPro-HeavyIt";
text-align:center;
text-transform:uppercase;
margin-bottom:40px;
}

.new-cta-team .box p {
font-size:16px;
line-height:25px;
font-family: "AvenirNextLTPro-HeavyIt";
}

.new-cta-team .box a {
font-size:16px;
line-height:25px;
color:#FF0D00;
font-family: "AvenirNextLTPro-HeavyIt";
}

.new-cta-team .box a {
font-size:16px;
line-height:25px;
color:#FF0D00;
font-family: "AvenirNextLTPro-HeavyIt";
}

.new-cta-team .box .btn-standard {
margin-left:auto;
margin-right:auto;
margin-top:50px;
}

.left-projekt-col {
width:50%;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}

.wideo-100 .flex-video-2 {
width:100%;
max-width:100%;
}

.projekte-grid-v2 .grid-item{
width: calc(25% - 15px);
height: 305px;
}

.projekte-grid-v2 .large-12 {
display:flex;
flex-wrap:wrap;
column-gap:20px;
}

.hall-of-fame-logos {
display:flex;
flex-wrap:wrap;
justify-content: space-between;
align-items: center;
}

.hall-of-fame-logos .box {
width:calc(16% - 10px);
margin-bottom:70px;
}

.hall-of-fame-logos .box img {
margin-left:auto;
margin-right:auto;
display:block;
width:auto;
}

.projekte-grid-v2  .gray-box-main .text-container {
display:none;
}

.projekte-grid-v2 .bg-color {
display:none;
}

.projekte-grid-v2 .gray-box-main h3 {
font-size:16px;
line-height:22px;
font-family: "AvenirNextLTPro-Regular";
height:100%;
width:100%;
top:0px;
left:0px;
z-index:1;
padding-top:40px;
padding-left:35px;
padding-right:35px;
}

.projekte-grid-v2 .gray-box-main h3 span {
font-size:20px;
line-height:25px;
display:block;
margin-top:15px;
font-family: "AvenirNextLTPro-HeavyIt";
}

.projekte-grid-v2 .gray-box-main a {
}

.projekte-grid-v2 .arrow-container {
right:0px;
bottom:0px;
color:#fff;
font-size:14px;
font-family: "AvenirNextLTPro-HeavyIt";
text-transform: uppercase;
width:50px;
height:50px;
line-height:50px;
display:flex;
justify-content: center;
align-items: center;
}

.projekte-grid-v2 .grid-item .img-box:hover img {
transform: scale(1);
}

.projekte-grid-v2 .arrow-container i {
position:absolute;
}

.projekte-grid-v2 .arrow-container:hover {
color:#FF0D00;
}

.projekte-grid-v2 .project:hover .arrow-container {
color:#FF0D00;
}

.load-more  {
background:#FF0D00;
height:50px;
width:202px;
margin-left:auto;
margin-right:auto;
display:flex;
align-items: center;
justify-content: center;
margin-bottom:20px;
cursor:pointer;
margin-top:10px;
font-size:14px;
line-height:21px;
text-transform:uppercase;
color:#fff;
font-family: "AvenirNextLTPro-HeavyIt";
}

.load-more i {
color: #fff;
font-size: 20px;
margin-right: 23px;
}

.load-more-text {
color:#FF0D00;
font-size:22px;
font-family: "AvenirNextLTPro-HeavyIt";
text-transform:uppercase;
}

.cta-projekte-new {
background-image: url(/layout/cta-projekte-new-bg.jpg);
padding-top:0px;
padding-bottom:0px;
background-size:cover;
background-position: center;
backdrop-filter: blur(2px);
}

.cta-projekte-new h4 {
font-size:50px;
line-height:50px;
text-transform:uppercase;
color:#fff;
font-family: "AvenirNextLTPro-HeavyIt";
margin-bottom:20px;
}

.cta-projekte-new .flex-row {
justify-content: space-between;
align-items: center;
}

.cta-projekte-new .btn-standard {
}

.cta-projekte-new i {
}

.cta-projekte-new .icons {
margin-left:70px;
margin-right:70px;
display:inline-block;
}

.filters {
font-family: "AvenirNextLTPro-HeavyIt";
font-size:16px;
line-height:40px;
margin-bottom:40px !important;
margin-top:0px;
}

.filters select {
width:350px;
border:1px solid #000;
border-radius:0px;
margin-left:26px;
margin-bottom:0px;
background:#fff;
font-family: "AvenirNextLTPro-Regular";
color:#000000;
}

.filters select:focus-visible {
outline: none;
}

.ref-banner-v2 h1{
font-size:50px !important;
line-height:50px;
}

.ref-banner-v2 ul {
list-style:none;
margin:0px;
}

.ref-banner-v2 ul li{
display:inline-block;
margin-right:27px;
}

.ref-banner-v2 li img {
height:50px;
}

.single-project-icons .icon-container {
display:flex;
flex-wrap:wrap;
column-gap:20px;
margin-top:20px;
}

.single-project-icons .icon-container .single-box{
background:#EAEAEA;
padding: 45px 37px 35px 37px;
width:calc(25% - 15px);
text-align:center;
}

.single-project-icons .icon-container .single-box img{
height:65px;
margin-bottom:15px;
}

.single-project-icons .icon-container .single-box h4{
color:#FF0D00;
font-size:40px;
font-family: "AvenirNextLTPro-Heavy";
}

.single-project-icons .icon-container .single-box p{
color:#000000;
font-size:18px;
line-height:25px;
margin-bottom:0px;
padding-bottom:0px;
}

.singe-projekt-banner p {
font-size:25px;
line-height:30px;
font-family: "AvenirNextLTPro-HeavyIt";
margin-bottom:15px;
}

.singe-projekt-banner .banner-header {
font-size:80px;
line-height:82px;
}

.team-container {
display:flex;
flex-wrap:wrap;
column-gap:20px;
margin-left:auto;
margin-right:auto;
justify-content: center;
}

.team-container .personal-data {
position: absolute;
bottom: 0px;
left: 23px;
right: 23px;
transition: all 250ms ease-out;
padding-right: 0px;
visibility: hidden;
opacity:0;
}

.team-container .person-box img {
}

.team-container .person-box {
margin-bottom: 25px;
position: relative;
transition: all 500ms ease-in-out;
overflow: hidden;
flex:1;
max-width:208px;
}

.team-container .bg-color {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background:none;
opacity: 0.6;
}

.team-container .person-box:hover .bg-color {
background: rgba(255, 13, 0, 0.9);
}

.team-container .person-box:hover .personal-data {
visibility: visible;
opacity:1;
}

.team-container .personal-data p {
color:#fff;
margin-bottom:0px;
text-align:left;
}

.team-container .personal-data p:nth-child(1){
font-size:30px;
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
}

.team-container .personal-data p:nth-child(2){
font-size:15px;
line-height:25px;
font-family: "AvenirNextLTPro-Medium";
}

.team-container .personal-data p:nth-child(3){
font-size:15px;
line-height:25px;
font-weight:400;
margin-bottom:20px;
margin-top:20px;
}

.img-right img{
object-position:right;
display:none;
}

.footer-social-icon.person-icon  a i {
font-size:20px;
}

.footer-social-icon.person-icon {
text-align:left;
margin:0px;
padding:0px;
}

.skills {
margin-bottom:100px;
margin-top:70px;
}

.skills p{
font-size:14px;
font-family: "AvenirNextLTPro-Bold";
padding-bottom:13px;
margin-bottom:0px;
}

.skill-bar{
width: 100%;
margin-left: 0px;
background-color: #EAEAEA;
height: 3px;
position: relative;
margin-bottom:26px;
}

.skills .dot {
background-color:#000;
width:12px;
height:12px;
border-radius:50%;
position:absolute;
top:-4px;
}

.kommunikation{
width: 80%;
height: 3px;
background-color: #000000;
position: relative;
z-index: 10;
}

.kommunikation-dot {
left:80%;
}

.summary {
width: 70%;
height: 3px;
background-color: #000000;
position: relative;
z-index: 10;
}

.summary-dot {
left:70%;
}

.creativity {
width: 60%;
height: 3px;
background-color: #000000;
position: relative;
z-index: 10;
}

.creativity-dot {
left:60%;
}

.employee .large-8 {
padding-right:170px;
}

.employee .large-8 {
}


.employee .row {
display:flex;
justify-content: space-between;
align-content: center;
}

.popup{
width: 101%;
height:101%;
background: rgba(0, 0, 0, 0.8);
position: fixed;
transform: translate(-50%, -50%) scale(0.1);
visibility: hidden;
transition: all 0.1s ease-in-out;
z-index:99999;
display: flex;
justify-content: center;
align-items: center;
}

.popup .container {
background:#fff;
width:100%;
max-width:680px;
position:relative;
}

.open-popup{
visibility: visible;
top: 50%;
transform: translate(-50%, -50%) scale(1);
left:50%;
}

.popup button{
background-color: #FF0D00;
border-radius: 50%;
top:-25px;
right:-25px;
position:absolute;
margin:0px;
height:50px;
width:50px;
padding:0px;
border:2px solid #FF0D00;
}

.popup button i {
color:#fff;
}

.popup button:hover{
background-color: #fff;
}

.popup button:hover i {
color:#FF0D00;
}

.select-about-us {
width:436px;
font-size:14px;
background:#fff;
height:49px;
}

.select-about-us p {
padding:12px 14px 9px 14px;
cursor:pointer;
border:1px solid #000;
background:url(/layout/arrow-bot.png);
background-repeat:no-repeat;
background-position: right 22px top 17px;
}

.select-about-us p.active {
background-repeat:no-repeat !important;
background:url(/layout/arrow-up.png);
background-position: right 22px top 17px;
}


.select-about-us .checkbox-group {
display:none;
padding-bottom:15px;
background:#fff;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
z-index:99999;
position:relative;
margin-top:-1px;
}

.select-about-us label {
font-size:14px;
padding:0px 14px;
color:#000;
}

.select-about-us [type="checkbox"]:checked + label:before, .select-about-us [type="checkbox"]:not(:checked) + label:before {
content: '' !important;
position: absolute !important;
top: 2px;
left: auto;
right:20px;
width: 20px !important;
height: 20px !important;
background: #fff !important;
border: 1px solid #000;
}

.select-about-us [type="checkbox"]:checked + label:after, .select-about-us [type="checkbox"]:not(:checked) + label:after {
content: 'x' !important;
width: 20px;
height: 20px;
background: transparent !important;
position: absolute !important;
border: none;
top: -3px;
left: auto;
right: 15px;
font-size: 20px;
color:#000;
}

.select-about-us .checkbox-group .checkbox-container {
padding-bottom:8px;
}

#Search {
width:100%;
max-width:436px;
padding: 12px 14px 9px 14px;
cursor: pointer;
border: 1px solid #000;
background: url(/layout/loop.png);
background-repeat: no-repeat;
background-position: right 22px top 14px;
height:48px;
margin-left:20px;
}

.about-us-search {
display:flex;
}

.team-page-flex-v4 {
justify-content: flex-start;
margin-left:-10px;
margin-right:-10px;
}

.team-page-flex-v4 .flex-col  {
margin: 10px;
}

.team-page-flex-v4 .single-img-box {
margin-bottom:0px;
}


@media only screen and (max-width: 1300px) and (min-width: 1025px) {
.projekte-grid-v2 .gray-box-main h3 {
left:25px;
right:25px;
}

.projekte-grid-v2 .arrow-container {
left:25px;
right:25px;
}


}



@media only screen and (max-width: 1300px) and (min-width: 641px) {

.banner-subpage video {
width:auto;
height:100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
}



.shopify-container {
background:#EAEAEA;
padding-top:73px;
padding-bottom:73px;
margin-top:100px;
margin-bottom:100px;
}

.podcast-buttons {
list-style:none;
margin:0px;
margin-top:30px;
}

.podcast-buttons li {
display:inline-block;
margin-right:20px;
}

.podcast-buttons li a {
color:#ffff;
background:#FF0D00;
height:36px;
width:94px;
text-align:Center;
display: flex;
justify-content: center;
align-items: center;
border:2px solid #FF0D00;
}

.podcast-buttons li a img{
height:16px;
width:auto;
}


.podcast-date {
margin-bottom:6px;
}

.podcast-team {
max-width:1000px;
margin-left:auto;
margin-right:auto;
}

	.podcast-team-2-person {
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	}

.podcast-team .flex-col {
width: calc(33.3% - 14px);
}

	.podcast-team-2-person .flex-col {
	width: calc(50% - 20px);
	}

.more-podcasts {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap:wrap;
}

.more-podcasts .single-podcast {
background:#EAEAEA;
position:relative;
padding:25px 114px 25px 25px;
display: flex;
justify-content: space-between;
align-items: center;
width:calc(50% - 9px);
margin-bottom:20px;
}

.more-podcasts .single-podcast p {
margin-bottom:0px;
}

.more-podcasts .single-podcast .name {
font-family: "AvenirNextLTPro-Bold";
margin-bottom:10px;
}

.more-podcasts .single-podcast a {
font-weight:bold;
position:absolute;
height:40px;
width:40px;
bottom:0px;
right:0px;
}

.more-podcasts .single-podcast a img {
height:40px;
width:40px;
}

.more-podcasts .single-podcast .img{
width:100px;
height:100px;
}

.more-podcasts .single-podcast .text {
width:calc(100% - 100px);
padding-left:25px;
}

.newest-podcast {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
row-gap: 20px;
}

.newest-podcast .single-podcast {
width:calc(33.3% - 10px);
background:#EAEAEA;
position:relative;
}

.newest-podcast .single-podcast .podcast-name {
font-family: "AvenirNextLTPro-HeavyIt";
font-size:20px;
margin-top:30px;
margin-bottom:6px;
}

.newest-podcast .single-podcast .podcast-date {
padding-bottom:10px;
}

.newest-podcast .single-podcast a {
position:absolute;
bottom:0px;
right:0px;
height:70px;
width:70px;
}

.newest-podcast .single-podcast .text-container {
padding:30px 95px 30px 30px;
}

.section-numbers {
background:#EAEAEA;
padding-top:100px;
padding-bottom:100px;
}

.section-numbers .flex-row {

}

.section-numbers .flex-row .box {
background:#FFFFFF;
width:calc(33.3% - 10px);
text-align:center;
padding-top:60px;
padding-bottom:60px;
}

.section-numbers .flex-row .box h4 {
font-family: "AvenirNextLTPro-HeavyIt";
font-size:40px;
}

.section-numbers .flex-row .box p {
font-size:20px;
}

.cta-podcast {
background:url(/layout/cta-podcast.jpg);
padding-top:86px;
padding-bottom:86px;
background-size: cover;
}

.cta-podcast h4 {
color:#fff;
font-size:40px;
font-family: "AvenirNextLTPro-HeavyIt";
margin-bottom:20px;
}

.cta-podcast p {
color:#fff;
max-width:550px;
margin-bottom:50px;
}

.cta-podcast .podcast-buttons li a {
width:172px;
height:58px
}

.cta-podcast .podcast-buttons li a img {
height:28px
}


.podcast-category a{
background:#d7d7d7;
display:block;
position:relative;
height:100%;
overflow:hidden;
width:100%;
}

.podcast-category a p{
position:absolute;
bottom:30px;
left:30px;
width:content;
color:#fff;
font-family: "AvenirNextLTPro-HeavyIt";
font-size:20px;
}

.podcast-category .large-12 {
display:flex;
justify-content: space-between;
align-items: stretch;
}

.col-25 {
width:calc(25% - 15px);
}

.col-50 {
width:calc(50% - 10px);
}

.podcast-category .large-12 .div-1 {
display:flex;
justify-content: space-between;
align-items: stretch;
height:240px;
}

.podcast-category .large-12 .div-2 {
display:flex;
justify-content: space-between;
align-items: stretch;
margin-top:20px;
height:240px;
}

.podcast-category img {
width: 100%;
height: 100%;
object-fit: cover;
}

.podcast-buttons-banner {
display:flex;
align-items: center;
}

.podcast-buttons-banner a{
background:#FF0D00;
color:#fff;
font-family: "AvenirNextLTPro-HeavyIt";
font-size:14px;
line-height:21px;
display:flex;
align-items: center;
height:46px;
padding-left:30px;
padding-right:20px;
margin-right:20px;
padding-top:4px;
}

.banner-form .text .podcast-buttons-banner img {
width:20px;
height:auto;
margin-top:-4px;
margin-right:10px;
}

.podcast-buttons-banner a i {
position:relative !important;
top:auto !important;
left:auto !important;
color:#fff !important;
margin-right:20px;
font-size:27px;
margin-top:-4px;
}


.banner-form.banner-podcasts .text {
width:90%;
}

.banner-form.banner-podcasts .text p {
max-width:621px;
margin-bottom:40px;
}

.podcast-buttons-v2 li a {
width:auto;
height:46px;
padding-left:17px;
padding-right:17px;
font-family: "AvenirNextLTPro-HeavyIt";
font-size:14px;
padding-top:5px;
border:2px solid #FF0D00;
}

.podcast-buttons-v2 li a:hover {
background:transparent;
color:#FF0D00;;
}

.podcast-buttons-v2 li a i {
font-size:27px;
margin-right:18px;
margin-top:-5px;
}

.podcast-buttons-v2 li {
margin-right:15px;
margin-bottom:10px;
}

.youtube.podcast img {
top:0px;
}

.banner-form.banner-podcasts .text p.hide-on-small {
font-size:20px !important;
line-height: 30px;
}

.podcast-time {
font-size:14px;
line-height:17px;
margin-bottom:10px;
}

.podcast-video {
max-width:1120px;
}

.width-1120 {
max-width:1120px;
margin-left:auto;
margin-right:auto;
}

.podcast-buttons-banner a:hover img.icon-hover {
display:block !important;
}

.podcast-buttons-banner a img.icon-hover {
display:none !important;
}

.podcast-buttons-banner a img  {
display:block;
}

.podcast-buttons-banner a:hover img  {
display:none
}

.podcast-buttons-banner a:hover {
background:#fff;
color:#FF0D00;
}

.podcast-buttons-banner a:hover i {
color:#FF0D00 !important;
}

.slide-7 p {
font-size: 90px;
line-height: 85px;
text-transform: uppercase;
color: #fff;
font-family: "AvenirNextLTPro-HeavyIt";
max-width: 800px;
}

.slide-7 p.text-small {
color: #d1287b;
font-size: 40px !important;
line-height: 45px;
text-transform: uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
}

.slide-7 .row {
align-items: center;
padding-top:6%;
}

.slide-7 .logo {
}

.section-0-100 {
padding-bottom:100px;
}

.ki-helden-banner .row {
bottom:25%;
}

.section-width-max {
display:flex;
}

.section-width-max .large-6:first-child {
display:flex;
align-items: center;
justify-content: flex-end;
}

.section-width-max .large-6:last-child {
padding-right:0px;
}

.section-width-max .text-box-left {
max-width: 660px;
float: right;
padding-right: 5.8%;
}

.cta-experten {
background: #000000;
background-image: url(/layout/bg-experten-dots.png);
background-repeat: no-repeat;
background-size: 105px;
background-position: top -61px left;
}

.cta-experten .col-text .inside-col {
max-width: 690px;
float: right;
padding-left: 15px;
padding-right: 40px;
width: 100%;
padding-top:50px;
padding-bottom:50px;
}

.cta-experten .col-text {
width: 50%;
}

.cta-experten h3 {
margin-bottom: 20px;
font-size: 40px;
color: #fff;
}

.cta-experten p {
margin-bottom: 50px;
color: #fff;
max-width:505px;
}

.flex-row {
justify-content: space-between;
display: flex;
align-items: center;
}

.cta-experten ul li:first-child {
border-right: 1px solid #707070;
padding-left: 0px;
}

.cta-experten ul li {
display: inline-block;
padding: 0px 30px;
}

.cta-experten ul li a {
font-size: 20px;
line-height: 31px;
color: #fff;
font-weight: 400;
}

.cta-experten .col-img img {
object-fit: cover;
}

.cta-experten .col-img {
width: 50%;
background: #fff;
padding-left: 0px;
}

.cta-experten ul {
list-style: none;
margin-bottom: 40px;
margin-left: 0px;
}

.img-funktioriert {
display: none;
margin: 0 auto;
width: 200px;
filter: grayscale(100%);
}

.img-funktioriert.active {
display: block;
}

.how-it-work.active {
display: block;
}

.how-it-work {
display: none;
}

.tabs-head {
display:flex;
padding-left:15px;
padding-right:15px;
justify-content: space-between;
}

.tabs-head .tab-container {
width:20%;
}

.tabs-head a.active span {
color: #212529;
}

.tabs-head a span {
font-size: 50px;
font-weight: 900;
line-height: 50px;
color: #D9D9D9;
font-family: "AvenirNextLTPro-HeavyIt";
}

.tabs-head a {
font-size: 16px;
font-weight: 900;
color: #000;
font-family: "AvenirNextLTPro-HeavyIt";
}

.tabs-head a.active .separator {
background: #5d5d5d;
height: 4px;
width: 130px;
margin-top: 20px;
}

.tabs-head a .separator {
background: #fff;
height: 4px;
width: 130px;
margin-top: 20px;
}

.tabs-line {
background: #D9D9D9;
height: 1px;
margin-bottom: 40px;
}

.ki-helden-1 {
background:url(/layout/ki-helden-1.jpg);
background-repeat:no-repeat;
background-size:cover;
}

.ki-helden-1 .flex-row {
min-height:680px;
}

.ki-helden-1 h3 {
color:#fff;
}

.ki-helden-1 p {
color:#fff;
}

.icon-row .large-4:first-child {
border-left: none;
}
.icon-row .large-4 {
border-left: 1px solid #D9D9D9;
}

.icon-row h4 {
padding-top: 20px;
padding-bottom: 13px;
}

.icon-row {
text-align: center;
}

.icon-row p {
max-width:310px;
margin-left:auto;
margin-right:auto;
}

.icon-row .img {
height: 55px;
width: auto;
filter: grayscale(100%);
}

.section-100-100 {
padding-top:100px;
padding-bottom:100px;
}

.cta-experten-black-v2 {
position: relative;
padding-bottom: 105px;
}

.cta-experten-black-v2 .img-col {
position: absolute;
right: 53%;
top: 61px;
z-index: 1;
height: 450px;
}

.cta-experten-black-v2 .box {
background: #000000;
position: relative;
padding-top: 105px;
padding-bottom: 105px;
width: 60%;
float: right;
padding-left: 12%;
padding-right: 80px;
}

.img-dots {
position: absolute;
bottom: 116px;
right: 0px;
opacity: 20%;
width: 100%;
max-width: 155px;
}

.cta-experten-black-v2 h4 {
color: #fff;
margin-bottom:20px;
}

.cta-experten-black-v2 ul {
list-style: none;
margin-bottom: 30px;
margin-left: 0px;
}

.cta-experten-black-v2 ul li:first-child {
border-right: 1px solid #707070;
padding-left: 0px;
}

.cta-experten-black-v2 ul li {
display: inline-block;
padding: 0px 30px;
}

.cta-experten-black-v2 ul li a {
font-size: 20px;
line-height: 31px;
color: #fff;
font-weight: 400;
}


.stadt-check a {
color: #111417;
font-weight: 500 !important;
display: block;
border-bottom: 1px solid #D3D3D3;
line-height: 50px;
font-size: 16px;
}

.stadt-check li {
float: left;
padding-right: 10px;
padding-left: 10px;
width: 20%;
}

.stadt-check ul {
list-style: none;
margin-left: 0;
}

.stadt-check img {
color: #D3D3D3;
line-height: 25px;
height: 16px;
display: block;
padding-left: 14px;
-webkit-transition: color 1s;
float: right;
margin: 16px 0 17px;
fill: #D3D3D3;
}

.dubble-line {
border-left: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
}

.cta-ki-helden-3 {
background:#F6F6F6;
display:flex;
justify-content: flex-start;
align-items: center;
}

.cta-ki-helden-3 .img-columns {
width:49%;
}

.cta-ki-helden-3 .text-col {
max-width:645px;
padding-left:120px;
padding-top:50px;
padding-bottom:50px;
}

.cta-ki-helden-3 ul li:first-child {
border-right: 1px solid #707070;
padding-left: 0px;
}

.cta-ki-helden-3 ul li {
display: inline-block;
padding: 0px 30px;
}

.cta-ki-helden-3 ul {
list-style: none;
margin-bottom: 30px;
margin-left: 0px;
margin-top:30px;
}

.cta-ki-helden-3 ul li a{
font-size:20px;
}

.banner-form .form-v2 form > div{
width:100%;
display:flex;
justify-content: space-between;
}

.banner-form .form-v2 form input  {
width:calc(33.3% - 10px);
display: inline-block;
}

.banner-form .form-v2 form .select-container {
width:calc(33.3% - 10px);
display: inline-block;
}

.banner-form .form-v2 form .select-anrede {
width:calc(20% - 10px);
}

.banner-form .form-v2 form .vorname {
width:calc(40% - 10px);
}

.banner-form .form-v2 form .nachname {
width:calc(40% - 10px);
}

.banner-form .form-v2 form  .select-leistungen {
width:calc(66.6% - 10px);
}

.banner-form .form-v2 form .capta {
width:calc(33.3% - 10px);
padding-top:0px;
}

.banner-form .form-v2 form .capta input {
width:100%;
}

.banner-form .form-v2 form .send-button {
width:auto;
}

.banner-form .form-v2 form textarea {
border: 1px solid #707070 !important;
height:120px !important;
margin-top:10px;
}

.banner-form .form-v2 form input, .banner-form .form-v2  form select, .banner-form .form-v2  form textarea {
font-size:14px !important;
}

.banner-form .form-v2 .small-text {
font-size:9px !important;
}

.slide-11 {
text-align:center;
}

.slide-11 p{
color:#fff;
}

.slide-11 p{
color:#fff;
font-size:30px;
text-transform:uppercase;
line-height:40px;
}

.slide-11 .slide-head {
font-size:70px;
text-transform:uppercase;
line-height:80px;
font-family: "AvenirNextLTPro-HeavyIt";
}

.slide-11 .small-text {
font-size:16px;
width:100%;
max-width:800px;
text-transform:none;
line-height:25px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
padding-bottom:60px;
}

.slide-11 .logo {
width:100%;
max-width:450px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}

.cta-podcast-1 {
background:url(/layout/bg-cta-podcast-1.jpg);
padding-top:100px;
padding-bottom:100px;
background-size:cover;
background-repeat:no-repeat;
}

.cta-podcast-1 h4 {
font-size:40px;
line-height:45px;
color:#fff;
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
margin-bottom:20px;
}

.cta-podcast-1 p {
color:#fff;
font-size:14px;
line-height:25px;
margin-bottom:30px;
}


.cta-podcast-1 .slick-dots li button:before {
color:#fff;
background:#fff;
opacity:1;
}

.slick-dots li.slick-active button:before {
opacity: 1;
color: #FF0D00;
background:#FF0D00;
}

.cta-podcast-1 .large-6:nth-child(1) {
padding-right:40px;
}

.cta-podcast-1 .slick-dots {
bottom:-45px;
}

.cta-podcast-1 a {
max-width:172px;
background:#FF0D00;
border: 2px solid #FF0D00;
color:#fff;
width:100%;
height:58px;
display:inline-flex;
justify-content: center;
align-items: center;
margin-right:15px;
margin-bottom:15px;
}

.cta-podcast-1 a img {
width:20px;
margin-right:10px;
}

.cta-podcast-1 a img.icon-hover {
display:none;
}

.cta-podcast-1 a:hover img {
display:none;

}

.cta-podcast-1 a:hover img.icon-hover {
display:block;
}

.cta-podcast-1 a:hover {
background:#fff;
color:#FF0D00;
}

.cta-podcast-1 .youtube img {
top:0px;
}

.cta-podcast-1 .flex-row {
justify-content: flex-start;
}

.cta-podcast-2 {
background:url(/layout/bg-cta-podcast-1.jpg);
padding-top:100px;
padding-bottom:100px;
background-size:cover;
background-repeat:no-repeat;
}

.cta-podcast-2 h4 {
font-size:40px;
line-height:45px;
color:#fff;
text-transform:uppercase;
font-family: "AvenirNextLTPro-HeavyIt";
margin-bottom:20px;
}

.cta-podcast-2 p {
color:#fff;
font-size:14px;
line-height:25px;
margin-bottom:30px;
}

.cta-podcast-2 a {
max-width:172px;
background:#FF0D00;
border: 2px solid #FF0D00;
color:#fff;
width:100%;
height:58px;
display:inline-flex;
justify-content: center;
align-items: center;
margin-right:15px;
margin-bottom:15px;
}

.cta-podcast-2 a:hover {
background:#fff;
color:#FF0D00;
}

.cta-podcast-2 .youtube img {
top:0px;
}

.cta-podcast-2 .flex-row {
flex-wrap:wrap;
justify-content: flex-start;
}

.cta-podcast-2 .flex-podcasts {
display:flex;
justify-content: space-between;
align-items: center;
flex-wrap:wrap;
}

.cta-podcast-2 .flex-podcasts .flex-video-2 {
width:calc(50% - 20px);
margin-bottom:20px;}


.cta-podcast-2 a img {
width:20px;
margin-right:10px;
}

.cta-podcast-2 a img.icon-hover {
display:none;
}

.cta-podcast-2 a:hover img {
display:none;
}

.cta-podcast-2 a:hover img.icon-hover {
display:block;
}

.cta-podcast-2box {
text-align:center;
background:url(/layout/bg-cta-podcast-1.jpg);
padding-top:100px;
padding-bottom:100px;
background-size:cover;
background-repeat:no-repeat;
background-position:center right;
}

.cta-podcast-2box .flex-row {
justify-content: center;
margin-top:40px;
}

.cta-podcast-2box p{
max-width:800px;
margin-left:auto;
margin-right:auto;
}

.cta-podcast-2box .video-row{
max-width:880px;
width:100%;
margin-left:auto;
margin-right:auto;
}

.cta-podcast-2box .video-container {
display:inline-block;
width:calc(50% - 23px);
margin-right:10px;
margin-left:10px;
}

.cta-podcast-3box {
text-align:center;
background:url(/layout/bg-cta-podcast-1.jpg);
padding-top:100px;
padding-bottom:100px;
background-size:cover;
background-repeat:no-repeat;
background-position:center right;
}

.cta-podcast-3box .flex-row {
justify-content: center;
margin-top:40px;
}

.cta-podcast-3box p{
max-width:800px;
margin-left:auto;
margin-right:auto;
}

.cta-podcast-3box .video-row{
}

.cta-podcast-3box .video-container {
display:inline-block;
width:calc(33% - 23px);
margin-right:10px;
margin-left:10px;
}

.right-projekt-col {
width:50%;
}

.right-projekt-col .flex-video-2 {
max-width:100%;
}


.wideo-100 .youtube {
padding-top: 40.25%;
}


.wideo-100 .youtube img{
top:0px;
}

.right-projekt-col .youtube img {
top:0px;
}

.banner-small-text {
font-size:25px;
line-height:30px;
}

.right-projekt-col.text-right img{
width:100%;
max-width:725px;
}

.ref-banner-v2 p {
max-width:560px !important;
}

.singe-projekt-banner-v2 .banner-header{
font-size:50px;
text-transform:uppercase;
line-height:55px;
max-width:870px;
}

.singe-projekt-banner-v2 p  {
font-family: "AvenirNextLTPro-Regular";
font-size:18px;
line-height:25px;
max-width:665px;
margin-bottom:40px;
}

.single-project-separator {
background:#000000;
padding-top:60px;
padding-bottom:60px;
}

.single-project-separator .img-col {
margin-right:90px;
width: 500px;
}

.single-project-separator h3 {
color:#fff;
font-size:20px;
line-height:25px;
font-family: "AvenirNextLTPro-HeavyIt";
padding-bottom:15px;
}

.single-project-separator p {
color:#fff;
font-size:14px;
text-transform:uppercase;
}

.projekt-person-row p {
text-transform:uppercase;
}