/* @import url("prettyPhoto.css") screen;
@import url("hoverex-all.css") screen;
*/

@font-face {
    font-family: 'Montserrat';
    src: url('/resources/fonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('/resources/fonts/Montserrat-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/resources/fonts/Montserrat-Light.woff2') format('woff2'),
        url('/resources/fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/resources/fonts/Montserrat-Regular.woff2') format('woff2'),
        url('/resources/fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/resources/fonts/Montserrat-Italic.woff2') format('woff2'),
        url('/resources/fonts/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/resources/fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('/resources/fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/resources/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('/resources/fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
    --o1: cubic-bezier(.65,1,.9,1);
    --o2: cubic-bezier(.5,1,.89,1);
    --o3: cubic-bezier(.33,1,.68,1);
    --o4: cubic-bezier(.25,1,.5,1);
    --o5: cubic-bezier(.22,1,.36,1);
    --o6: cubic-bezier(.19,1,.22,1);
    --io1: cubic-bezier(.37,0,.63,1);
    --io2: cubic-bezier(.45,0,.55,1);
    --io3: cubic-bezier(.65,0,.35,1);
    --io4: cubic-bezier(.76,0,.24,1);
    --io5: cubic-bezier(.83,0,.17,1);
    --io6: cubic-bezier(.87,0,.13,1);
    --i1: cubic-bezier(.12,0,.39,0);
    --i2: cubic-bezier(.11,0,.5,0);
    --i3: cubic-bezier(.32,0,.67,0);
    --i4: cubic-bezier(.5,0,.75,0);
    --i5: cubic-bezier(.64,0,.78,0);
    --i6: cubic-bezier(.7,0,.84,0);
}

/* bootstrap Anpassungen */
.container {
    padding-right: 0;
    padding-left: 0;
}
.row {
    margin-right: 0;
    margin-left: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0;
}
/* ENDE bootstrap Anpassungen */


/* Cursor */
@media (hover: hover) {
	body *, .btn {cursor: none;} 
	#cursor {
		display: initial;
		position: fixed;
		top: -100px;
		left: -100px;
		z-index: 9999999;
		width: 20px;
		height: 20px;
		background-color: transparent;
		border-radius: 50%;
/*		mix-blend-mode: difference;*/
		pointer-events: none;
	}
    #cursor:after {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        left: 10px;
        top: 10px;
        border-radius: 50%;
        color: #000;
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        background-color: #9AEE8E;
        transition: left .3s ease-in-out, top .3s ease-in-out, font-size .3s ease-in-out, line-height .3s ease-in-out, width .3s ease-in-out, height .3s ease-in-out, transform .3s ease-in-out, background-color .3s ease-in-out;
        will-change: transform, background;
    }	
	#cursor.default:after {
		content: ''!important;
		width: 20px!important;
		height: 20px!important;
		left: 10px!important;
		top: 10px!important;
		background-color: #9AEE8E!important;
	}	
	#cursor.form:after {
		background-color: #9AEE8E!important;
	}	

	#cursor.back:not(.hover):not(.form):after {
		content: 'back';
		background: rgba(0,0,0,0.5);	
		color: #000;
		width: 120px;
		height: 120px;
		left: -40px;
		top: -40px;
		font-size: 20px;
		line-height: 120px;
	}		

	#cursor.hover.back-link:after {
		content: 'back'!important;
		background: rgba(0,0,0,0.5)!important;	
		color: #000;
		width: 120px;
		height: 120px;
		left: -40px;
		top: -40px;
		font-size: 20px;
		line-height: 120px;
	}		
	.subpage #cursor.back:not(.hover):after {
		background: rgba(0,0,0,0.5);
	}		
	
	#cursor.hover:after {
		content: 'view'!important;
		background: #9AEE8E;	
		width: 120px;
		height: 120px;
		left: -40px;
		top: -40px;
		font-size: 20px;
		line-height: 120px;
	}		
	#cursor.play:after {
		content: 'play'!important;
		background: #9AEE8E;	
		width: 120px;
		height: 120px;
		padding: auto 10px;
		left: -40px;
		top: -40px;
		font-size: 19px;
		line-height: 120px;
	}					
	#cursor.pause:after {
		content: 'pause'!important;
		background: #9AEE8E;	
		width: 120px;
		height: 120px;
		padding: auto 10px;
		left: -40px;
		top: -40px;
		font-size: 19px;
		line-height: 120px;
	}			
	#cursor.submit:after {
		content: 'senden'!important;
		background: #9AEE8E;	
		width: 120px;
		height: 120px;
		left: -40px;
		top: -40px;
		font-size: 20px;
		line-height: 120px;
	}

	#cursor.hover.home:after {
		content: 'home'!important;
		background: #9AEE8E;
	}
	#cursor.hover.open:after {
		content: 'open'!important;
		background: #9AEE8E;
	}
	#cursor.hover.close:after {
		content: 'close'!important;
		background: #9AEE8E;
	}
	#cursor.hover.team:after {
		content: 'TEAM'!important;
	}	
	#cursor.hover.projekte:after {
		content: 'PROJEKTE'!important;
	}	
	#cursor.hover.kontakt:after {
		content: 'KONTAKT'!important;
	}

	#cursor.hover.next:after {
		content: ''!important;
		padding-left: 1.7rem;
		background-image: url(/media/pfeil-rechts.png);
		background-repeat: no-repeat;
		background-size: 1rem auto;
		background-position: center center;
	}			
	#cursor.hover.prev:after {
		content: ''!important;
		padding-left: 1.7rem;
		background-image: url(/media/pfeil-links.png);
		background-repeat: no-repeat;
		background-size: 1rem auto;
		background-position: center center;
	}			
	#cursor.hover.newsletter:after {
		content: 'abonnieren'!important;
	}	
	#cursor.hover.mail:after {
		content: 'E-Mail'!important;
	}		
	#cursor.hover.call:after {
		content: 'Call us'!important;
	}	
	#cursor.send:after {
		content: 'senden'!important;
	}	
	#cursor.view:after {
		content: 'view'!important;
	}	
	#cursor.hover.back:after {
		content: 'back';
	}
	
	
	video[controls].pointer {
		cursor: pointer!important;
	}	
	#cursor.initial:after {
		content: ' ';
		width: 0;
		height: 0;
	}
}
}
/* ENDE Cursor */

/* Allgemein */
* {
	margin: 0;
	padding: 0px;
}
html {
    font-size: 1.8vw;
    letter-spacing: 5%;
}
body {
    background: #ffffff;
    margin: 0;
    height: 100%;
    color: #000;
	font-size: .9rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
}

h1.headline_1, .full.container p.headline_1  {
    font-weight: bold;
    font-size: 2.6rem;
    letter-spacing: 0;
    margin-top: 3rem;
    margin-left: -.08rem;
    margin-bottom: .5rem;
    line-height: 1.1;
    width: 105%;
}
h2.headline_2, h2, .headline_2 {
    font-weight: bold;
    font-size: 2.6rem;
    letter-spacing: 0;
    margin-bottom: .5rem;
    margin-top: 4rem;
    margin-left: -.08rem;
    line-height: 1.1;
}


h3 {
    font-weight: bold;
    font-size: 1.2rem;
    margin-top: 2.5rem;
    margin-bottom: 1.2rem;
    letter-spacing: 0;
    line-height: 1.3;
}

.full.container p.subheadline {
    margin-top: 0;
    font-size: .9rem;
}
h1 + p, h2 + p {
    margin-top: 0;
}
p {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.full.container p {
    font-size: .9rem;
    letter-spacing: 5%;
}
p.center {
    text-align: center;
    display: block;
    width: 100%;
}
.row.center p {
    text-align: center;
}
p.right {
    text-align: right;
    display: block;
    width: 100%;
}
.full.container.bigtext {
    margin-top: .5rem;
}
.full.container.bigtext p, p.bigtext {
    font-size: 1.15rem;
    line-height: 1.3;
    margin-top: 0;
    font-size: .9rem;
}

ol, ul { 
	padding-left: 20px; 
}
ol li, ul li { 
	line-height: 1.5; 
}
img {
	height: auto;
	max-width: 100%;
}
img.fullwidth {
    width: 100%;
}
.label {
	font-size: 85%;
	font-weight: normal;
}

a {
    color: #337874;
    color: inherit;
    padding: 0;
    margin: 0;
    text-decoration: none;
    transition: background-color .3s ease-out, color .3s ease-out, border .3s ease-out;
}

a:hover, a:focus {
	color: #000;
	text-decoration: none;
}
a:focus {
    outline: none!important;
}

p > a:not(.more-btn), .footer4 a, a.underline, a .underline, a.hoverline, .hoverline a {
    position: relative;
}
p > a:not(.more-btn):after, .footer4 a:after, a.hoverline:after, .hoverline a:after, a.underline:after {
    content: "";
    position: absolute;
    width: 100%;
    width: calc(100% - .06rem);
    height: 0;
	border-top: .05rem solid;
    bottom: 0rem;
    left: .04rem;
    display: inline-block;
    background-color: #000;
    background-color: inherit;
    color: inherit;
    transform: rotateY(90deg);
    transition: transform 0.8s ease-out;
    will-change: transform;
}

a.underline:after {
    width: calc(100% - .06rem)!important;
	transform: rotateY(0deg)!important;
}
p > a:not(.more-btn):hover:after, .footer4 a:hover:after, a.underline:hover:after, a:hover .underline:after, a.hoverline:hover:after, .hoverline a:hover:after, #kontakt a:hover:after {
	transform: rotateY(180deg)!important;
}
.nav a.underline:hover:after{
	transform: none!important;
}

a.noline:hover {
    text-decoration: none;
}
b, strong {
    font-weight: bold;
    letter-spacing: .02rem;
}
/* ENDE Allgemein */

/* Scroll-Animationen */
article {
    transition: opacity 1.5s ease-in-out .6s;
    opacity: 0;
    will-change: opacity;
}
.page40 article {
    transition: opacity 1.5s ease-in-out .9s;
}
article.animate {	
	opacity: 1;
}

div.container {
    transition: transform 1.1s ease-in-out, opacity 1.1s ease-in-out;
    opacity: 0;
    transform: translateY(5vh);
    will-change: transform;
}
div.container.animate {	
	opacity: 1;
    transform: translateY(0);	
}

h2 + p {
    transition: transform 1.1s ease-in-out, opacity 1.1s ease-in-out;
	transition-delay: .2s;
    opacity: 0;
    transform: translateY(5vh);
    will-change: transform;
}
.animate h2 + p  {	
	opacity: 1;
    transform: translateY(0);	
}
.blob-loader {
    will-change: transform;
}
.blob-loader:nth-child(2).hover {
	transition-delay: .2s!important;
}
.blob-loader:nth-child(3).hover {
	transition-delay: .4s!important;
}

.colorbars > .bg-color {
    transition: transform 1.5s ease-in-out;
    will-change: transform;
	position: relative;
	z-index: 4;
}
.colorbars > .bg-color:nth-child(2) {
    transform: translateY(-6.5vw);
	z-index: 3;
}
.colorbars > .bg-color:nth-child(3) {
    transform: translateY(-13vw);
	z-index: 2;
}
.colorbars > .bg-color:nth-child(4) {
    transform: translateY(-19.5vw);
	z-index: 1;
}
.colorbars.animate > .bg-color {	
    transform: translateY(0);	
}

/* Nav */
ul.nav li.dropdown-toggle:hover > ul.dropdown-menu {
	display: block;
}
.navbar-brand {
    height: auto;
    padding: 0;
    margin-top: 1vw;
    margin-bottom: 1vw;
}
.navbar-brand img {
    height: auto;
    width: 10vw;
}

.navbar-default {
    background: transparent;
    border-color: transparent;
	transition: transform .8s ease-in-out;
    mix-blend-mode: difference;
    filter: invert(1);
}
.navbar-default.away {
    transform: translateY(-100%);
	transition: transform .8s ease-in-out, background .8s;
    mix-blend-mode: initial;
    filter: initial;
}
.navbar-default.white {
    background: #fff;
    mix-blend-mode: initial;
    filter: initial;
}
.navbar-default .navbar-nav > li > a {
    color: black;
    font-weight: normal;
    font-size: 1.3vw;
    padding-left: 0;
    padding-right: 0;
    margin-left: 1vw;
    margin-right: 1vw;
	border: .06rem solid transparent;
	transition: transform .6s ease, opacity .6s ease;
}

.navbar-nav a.hoverline:after, .navbar-nav a.underline:after {
    content: "";
    bottom: .22rem;
}

.navbar-default .navbar-nav > li:last-child > a {
	background: #9cee8e;
	border: .06rem solid #9cee8e;
    padding-left: 1.2vw;
    padding-right: 1.2vw;
	border-radius: 2rem;
}
.navbar-default .navbar-nav > li:last-child > a:hover {
    background: #fff;
	border: .06rem solid #000;
}
.navbar-default .navbar-nav > li:last-child > a:after {
	display: none;
}
.navbar-default .navbar-nav > li > a:hover {
    color: black;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: black;
    background-color: transparent;
}


.dropdown-menu {
	background: #384452;
	border: none !important;
	padding-top: 10px;
	padding-bottom: 0;
}
.navbar-default .lang {
	margin-left: 5px;
}
.navbar-default .lang a {
	margin-left: 5px;
	padding-left: 10px;
}
.navbar-default .lang ul a {
	margin-left: 0;
}
.navbar-default .lang:before {
	content: '';
	height: 14px;
	width: 1px;
	float: left;
	position: relative;
	top: 18px;
	border-left: 1px solid #fff;
}
.navbar-default .lang .dropdown-menu {
	min-width: 40px;
	text-transform: uppercase;
}

.navbar-right .dropdown-menu { left: 0; }
.dropdown-menu > li > a {
	color: white;
	font-weight: 700;
	font-size: 12px;
	padding: 6px 20px;
	border-top: 1px solid #4d5d70;
}

.dropdown-menu > li:first-child > a {
	border-top: none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a.active,
.dropdown-menu > .active > a {
	color: #b2c85f;
	background: #4d5d70 !important;
}

/* ENDE Nav */

/* Ab hier auch ccfbackend.css kopieren */
/* Home Slider */
@keyframes slide {
   0%   { transform:translateX(100vw); animation-timing-function: cubic-bezier(0.28, 0.97, 0.74, 0.03); }
   0%   { clip-path: polygon(10vw 20vh, 100vw 0, 95vw 100vh, 0vw 75vh); animation-timing-function: ease-out; }
   10%   { clip-path: polygon(0 0, 100vw 0, 100vw 100vh, 0 100vh); animation-timing-function: ease-in;}
   21%   { transform:translateX(-100vw); animation-timing-function: cubic-bezier(0.28, 0.97, 0.74, 0.03); }   
   20%   { clip-path: polygon(0 0, 90vw 20vh, 100vw 85vh, 0 100vh); }   
   100%   { transform:translateX(-100vw); }
}	
div#slider-hero {
    width: 100%;
    height: 100vh;
    background: #fff;
    overflow: hidden;
    position: relative;
}
#slider-hero .slides {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 300vw;
}
#slider-hero .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    transform: translateX(100vw);
    animation-name: slide;
    animation-duration: 24s;
    animation-iteration-count: infinite;
}
#slider-hero .slide .media {
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;	
    background-size: cover;
    background-position: center;	
}
#slide1 {
	animation-delay: 0s;
}
#slide2 {
	animation-delay: 4s;
}
#slide3 {
	animation-delay: 8s;
}
#slide4 {
	animation-delay: 12s;
}
#slide5 {
	animation-delay: 16s;
}
#slide6 {
	animation-delay: 20s;
}

video.hero-video {
    object-fit: cover;
    width: 100vw;
    height: 100%;
}
/* ENDE Home Slider*/

.xform input[type=submit], .btn-theme {
	color: #fff;
	background-color: #384452;
	border-color: #384452;
	margin: 4px;
}

.xform input[type=submit],
.xform input[type=submit]:focus,
.xform input[type=submit]:active,
.xform input[type=submit].active,
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.open .dropdown-toggle.btn-theme {
	color: #fff;
	background-color: #b2c85f;
	border-color: #b2c85f;
}



.mtb {
    margin-top: 4vw;
    margin-bottom: 4vw;
}
.mb6 {
	margin-bottom: 6vw;
}
.mb8 {
	margin-bottom: 8vw;
}
article.mtb {
    margin-top: 5vw;
    margin-bottom: 0;
}
article.mtb #slider-hero, article.mtb .hero {
    margin-top: -5vw;
}

.mb { margin-bottom: 4vw; }
.mt { margin-top: 4vw; }
.mt2 {
	margin-top: 2vw;
}
.mt4 {
	margin-top: 4vw;
}
.mt6 {
	margin-top: 6vw;
}
.mt8 {
	margin-top: 8vw;
}
.mt2 > h2, .mt4 > h2, .mt6 > h2, .mt8 > h2 {
    margin-top: 0;
}

.mt-1 {
	margin-top: .5rem;	
}
.mt-2 {
	margin-top: 1rem;	
}
.mt-3 {
	margin-top: 1.5rem;	
}

.hline {
	border-bottom: 1px solid #384452;
	margin: 40px 0 20px;
}
.hline-w {
	border-bottom: 1px solid #ffffff;
	margin-bottom: 25px;
}

#headerwrap {
	background-color: #b2c85f;
	min-height: 550px;
	padding-top: 100px;
	padding-bottom: 0px;
	text-align: center;
}

#headerwrap h3, #headerwrap h5 { color: white; }
#headerwrap h1 {
	color: white;
	margin-bottom: 25px;
}

#headerwrap .img-responsive { margin: 0 auto; }
#service {
	margin-top: 100px;
	margin-bottom: 80px;
}

/* Logo-Slider */
.logoslider {
    overflow: hidden;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-top: 2vw;
    padding-bottom: 2vw;
    margin-top: 8vw;
}
.track {
    display: flex;
    width: max-content;
    animation: marquee var(--speed) linear infinite;
}
.logoslider img {
    width: 25vw;
    max-width: 400px;
    min-width: 200px;
}

@keyframes marquee {
    to {
        transform: translateX(-50%);
    }
}
.logoslider:hover .track {
    animation-play-state: paused;
}
/* ENDE Logo-Slider */

/* Services */

:root {
    --shape--blob-1: 97.686% 33.617%, 98.392% 36.152%, 98.96% 38.721%, 99.398% 41.315%, 99.712% 43.928%, 99.909% 46.552%, 99.995% 49.182%, 99.974% 51.813%, 99.852% 54.441%, 99.63% 57.063%, 99.311% 59.675%, 98.897% 62.274%, 98.389% 64.856%, 97.787% 67.417%, 97.091% 69.955%, 96.299% 72.464%, 95.411% 74.941%, 94.422% 77.379%, 93.329% 79.773%, 92.127% 82.114%, 90.812% 84.393%, 89.377% 86.598%, 87.813% 88.714%, 86.114% 90.723%, 84.272% 92.6%, 82.279% 94.317%, 80.125% 95.828%, 77.832% 97.117%, 75.423% 98.172%, 72.92% 98.983%, 70.352% 99.552%, 67.743% 99.887%, 65.115% 100%, 62.485% 99.907%, 59.869% 99.627%, 57.277% 99.176%, 54.717% 98.571%, 52.193% 97.825%, 49.711% 96.954%, 47.271% 95.967%, 44.877% 94.876%, 42.529% 93.689%, 40.227% 92.414%, 37.972% 91.058%, 35.764% 89.626%, 33.604% 88.123%, 31.491% 86.555%, 29.426% 84.924%, 27.41% 83.234%, 25.441% 81.487%, 23.522% 79.687%, 21.651% 77.836%, 19.832% 75.935%, 18.064% 73.986%, 16.35% 71.99%, 14.691% 69.947%, 13.09% 67.859%, 11.549% 65.726%, 10.073% 63.547%, 8.665% 61.324%, 7.331% 59.056%, 6.076% 56.744%, 4.907% 54.386%, 3.832% 51.984%, 2.861% 49.539%, 2.006% 47.05%, 1.28% 44.521%, .699% 41.955%, .28% 39.358%, .044% 36.738%, .014% 34.107%, .212% 31.484%, .66% 28.892%, 1.371% 26.359%, 2.338% 23.913%, 3.54% 21.574%, 4.951% 19.354%, 6.546% 17.261%, 8.3% 15.3%, 10.191% 13.471%, 12.199% 11.771%, 14.307% 10.197%, 16.502% 8.746%, 18.771% 7.414%, 21.104% 6.198%, 23.493% 5.094%, 25.93% 4.101%, 28.408% 3.217%, 30.922% 2.439%, 33.466% 1.768%, 36.036% 1.203%, 38.627% .744%, 41.235% .394%, 43.855% .152%, 46.483% .023%, 49.114% .008%, 51.744% .103%, 54.366% .315%, 56.977% .648%, 59.569% 1.1%, 62.137% 1.672%, 64.676% 2.363%, 67.179% 3.173%, 69.642% 4.101%, 72.056% 5.147%, 74.416% 6.31%, 76.715% 7.59%, 78.946% 8.985%, 81.102% 10.494%, 83.174% 12.115%, 85.156% 13.846%, 87.039% 15.684%, 88.815% 17.625%, 90.477% 19.664%, 92.017% 21.797%, 93.429% 24.017%, 94.707% 26.318%, 95.844% 28.69%, 96.838% 31.126%, 97.686% 33.617%;
    --shape--blob-2: 85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.74%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.21%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.03%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.39% 99.942%, 60.624% 99.99%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.17%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.69%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, .846% 71.45%, .294% 68.74%, .024% 65.987%, .05% 63.221%, .343% 60.471%, .858% 57.752%, 1.548% 55.073%, 2.37% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.22%, 9.711% 31.558%, 10.409% 28.88%, 11.083% 26.196%, 11.76% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.44% 3.11%, 26.998% 2.057%, 29.651% 1.275%, 32.36% .714%, 35.101% .337%, 37.859% .11%, 40.624% .009%, 43.391% .016%, 46.156% .113%, 48.918% .289%, 51.674% .533%, 54.425% .837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.75%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.86% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%;
    --shape--blob-3: 78.621% 12.736%, 80.746% 14.354%, 82.71% 16.163%, 84.52% 18.127%, 86.187% 20.215%, 87.721% 22.401%, 89.134% 24.668%, 90.437% 27%, 91.639% 29.386%, 92.748% 31.816%, 93.77% 34.284%, 94.714% 36.783%, 95.583% 39.309%, 96.382% 41.858%, 97.112% 44.428%, 97.77% 47.017%, 98.353% 49.624%, 98.858% 52.248%, 99.279% 54.886%, 99.611% 57.536%, 99.847% 60.197%, 99.977% 62.865%, 99.991% 65.537%, 99.879% 68.205%, 99.626% 70.865%, 99.217% 73.504%, 98.635% 76.111%, 97.863% 78.668%, 96.879% 81.151%, 95.683% 83.538%, 94.291% 85.818%, 92.717% 87.976%, 90.974% 89.999%, 89.075% 91.878%, 87.033% 93.599%, 84.86% 95.151%, 82.567% 96.52%, 80.167% 97.692%, 77.673% 98.647%, 75.1% 99.364%, 72.469% 99.819%, 69.805% 99.997%, 67.136% 99.893%, 64.491% 99.529%, 61.884% 98.946%, 59.324% 98.186%, 56.807% 97.29%, 54.329% 96.293%, 51.88% 95.225%, 49.451% 94.114%, 47.03% 92.984%, 44.607% 91.858%, 42.173% 90.757%, 39.719% 89.701%, 37.245% 88.695%, 34.756% 87.723%, 32.263% 86.763%, 29.775% 85.79%, 27.301% 84.782%, 24.852% 83.715%, 22.441% 82.564%, 20.085% 81.306%, 17.802% 79.919%, 15.615% 78.386%, 13.549% 76.694%, 11.627% 74.839%, 9.875% 72.824%, 8.296% 70.669%, 6.878% 68.406%, 5.612% 66.054%, 4.489% 63.63%, 3.502% 61.148%, 2.645% 58.618%, 1.914% 56.049%, 1.304% 53.448%, .812% 50.823%, .437% 48.178%, .177% 45.519%, .033% 42.852%, .004% 40.181%, .091% 37.511%, .299% 34.847%, .634% 32.197%, 1.088% 29.565%, 1.657% 26.955%, 2.344% 24.374%, 3.15% 21.827%, 4.078% 19.322%, 5.133% 16.868%, 6.321% 14.475%, 7.651% 12.159%, 9.134% 9.937%, 10.78% 7.835%, 12.604% 5.883%, 14.615% 4.127%, 16.82% 2.622%, 19.214% 1.442%, 21.758% .633%, 24.387% .168%, 27.052% .002%, 29.721% .082%, 32.378% .357%, 35.016% .781%, 37.632% 1.318%, 40.231% 1.936%, 42.817% 2.607%, 45.396% 3.304%, 47.975% 4.002%, 50.561% 4.673%, 53.163% 5.278%, 55.778% 5.822%, 58.401% 6.329%, 61.027% 6.821%, 63.65% 7.326%, 66.264% 7.878%, 68.858% 8.515%, 71.418% 9.281%, 73.919% 10.217%, 76.332% 11.362%, 78.621% 12.736%;
    --shape--blob-4: 80.628% 3.397%, 82.907% 4.713%, 85.051% 6.239%, 87.055% 7.945%, 88.916% 9.806%, 90.636% 11.799%, 92.213% 13.907%, 93.65% 16.112%, 94.946% 18.403%, 96.102% 20.768%, 97.115% 23.198%, 97.983% 25.683%, 98.702% 28.215%, 99.256% 30.788%, 99.652% 33.39%, 99.898% 36.011%, 99.998% 38.642%, 99.953% 41.274%, 99.765% 43.899%, 99.436% 46.511%, 98.966% 49.101%, 98.355% 51.662%, 97.602% 54.184%, 96.703% 56.658%, 95.658% 59.074%, 94.459% 61.417%, 93.104% 63.674%, 91.61% 65.841%, 89.994% 67.919%, 88.274% 69.912%, 86.469% 71.828%, 84.595% 73.677%, 82.668% 75.471%, 80.701% 77.221%, 78.709% 78.941%, 76.701% 80.644%, 74.69% 82.343%, 72.683% 84.048%, 70.68% 85.756%, 68.669% 87.455%, 66.637% 89.129%, 64.575% 90.765%, 62.468% 92.344%, 60.307% 93.847%, 58.08% 95.251%, 55.778% 96.528%, 53.396% 97.648%, 50.934% 98.576%, 48.398% 99.281%, 45.809% 99.751%, 43.186% 99.976%, 40.555% 99.967%, 37.933% 99.738%, 35.337% 99.303%, 32.781% 98.675%, 30.276% 97.865%, 27.834% 96.884%, 25.462% 95.741%, 23.171% 94.446%, 20.969% 93.004%, 18.866% 91.42%, 16.874% 89.7%, 14.991% 87.861%, 13.22% 85.913%, 11.56% 83.87%, 10.011% 81.742%, 8.574% 79.537%, 7.246% 77.263%, 6.029% 74.929%, 4.921% 72.541%, 3.923% 70.106%, 3.034% 67.628%, 2.256% 65.113%, 1.587% 62.566%, 1.033% 59.993%, .595% 57.397%, .275% 54.784%, .076% 52.159%, .001% 49.528%, .052% 46.896%, .236% 44.27%, .556% 41.657%, 1.019% 39.066%, 1.631% 36.506%, 2.398% 33.988%, 3.328% 31.525%, 4.412% 29.127%, 5.654% 26.806%, 7.044% 24.57%, 8.571% 22.426%, 10.224% 20.378%, 11.993% 18.429%, 13.868% 16.581%, 15.84% 14.837%, 17.9% 13.198%, 20.041% 11.666%, 22.255% 10.243%, 24.54% 8.937%, 26.891% 7.752%, 29.296% 6.68%, 31.746% 5.718%, 34.235% 4.86%, 36.755% 4.099%, 39.3% 3.427%, 41.865% 2.833%, 44.444% 2.306%, 47.035% 1.836%, 49.633% 1.412%, 52.237% 1.025%, 54.847% .677%, 57.463% .383%, 60.086% .162%, 62.715% .029%, 65.348% .006%, 67.978% .112%, 70.597% .372%, 73.193% .808%, 75.747% 1.446%, 78.234% 2.304%, 80.628% 3.397%;
    --shape--blob-5: 80.452% 2.197%, 82.761% 3.507%, 84.885% 5.101%, 86.818% 6.922%, 88.568% 8.92%, 90.147% 11.056%, 91.569% 13.3%, 92.848% 15.628%, 93.997% 18.023%, 95.026% 20.472%, 95.944% 22.966%, 96.759% 25.494%, 97.476% 28.053%, 98.1% 30.635%, 98.634% 33.238%, 99.082% 35.856%, 99.444% 38.489%, 99.714% 41.132%, 99.893% 43.782%, 99.986% 46.438%, 99.992% 49.094%, 99.909% 51.75%, 99.736% 54.401%, 99.472% 57.045%, 99.113% 59.677%, 98.656% 62.294%, 98.098% 64.892%, 97.435% 67.465%, 96.663% 70.007%, 95.776% 72.511%, 94.769% 74.969%, 93.636% 77.373%, 92.372% 79.709%, 90.97% 81.966%, 89.423% 84.125%, 87.728% 86.17%, 85.898% 88.095%, 83.943% 89.894%, 81.873% 91.56%, 79.701% 93.088%, 77.435% 94.475%, 75.087% 95.718%, 72.666% 96.811%, 70.182% 97.753%, 67.645% 98.54%, 65.063% 99.165%, 62.446% 99.622%, 59.804% 99.904%, 57.15% 100%, 54.495% 99.9%, 51.855% 99.607%, 49.242% 99.128%, 46.668% 98.471%, 44.142% 97.651%, 41.669% 96.68%, 39.254% 95.572%, 36.9% 94.342%, 34.605% 93.002%, 32.37% 91.566%, 30.193% 90.044%, 28.067% 88.45%, 25.999% 86.782%, 23.993% 85.04%, 22.054% 83.224%, 20.182% 81.338%, 18.38% 79.387%, 16.644% 77.375%, 14.972% 75.31%, 13.36% 73.198%, 11.802% 71.046%, 10.288% 68.863%, 8.816% 66.651%, 7.404% 64.4%, 6.063% 62.107%, 4.809% 59.765%, 3.656% 57.371%, 2.624% 54.923%, 1.73% 52.421%, .998% 49.868%, .451% 47.268%, .112% 44.634%, 0% 41.98%, .117% 39.327%, .446% 36.691%, .976% 34.088%, 1.696% 31.531%, 2.6% 29.033%, 3.682% 26.607%, 4.941% 24.268%, 6.375% 22.032%, 7.986% 19.921%, 9.775% 17.957%, 11.743% 16.173%, 13.876% 14.591%, 16.156% 13.229%, 18.548% 12.073%, 21.017% 11.094%, 23.538% 10.255%, 26.091% 9.521%, 28.664% 8.858%, 31.248% 8.24%, 33.837% 7.642%, 36.426% 7.045%, 39.011% 6.431%, 41.589% 5.787%, 44.157% 5.109%, 46.72% 4.407%, 49.281% 3.701%, 51.846% 3.006%, 54.418% 2.339%, 57.001% 1.717%, 59.598% 1.157%, 62.212% .68%, 64.842% .309%, 67.488% .072%, 70.144% .002%, 72.797% .137%, 75.424% .521%, 77.992% 1.197%, 80.452% 2.197%;
    --shape--blob-6: 71.914% 1.829%, 74.287% 2.884%, 76.559% 4.144%, 78.723% 5.581%, 80.777% 7.171%, 82.721% 8.894%, 84.557% 10.733%, 86.284% 12.673%, 87.906% 14.703%, 89.423% 16.812%, 90.838% 18.991%, 92.151% 21.233%, 93.364% 23.531%, 94.477% 25.878%, 95.492% 28.27%, 96.406% 30.702%, 97.222% 33.169%, 97.938% 35.666%, 98.555% 38.19%, 99.069% 40.737%, 99.476% 43.303%, 99.771% 45.884%, 99.948% 48.476%, 99.999% 51.073%, 99.914% 53.67%, 99.68% 56.257%, 99.287% 58.825%, 98.717% 61.36%, 97.957% 63.844%, 96.984% 66.252%, 95.807% 68.567%, 94.448% 70.781%, 92.93% 72.889%, 91.273% 74.89%, 89.499% 76.788%, 87.625% 78.587%, 85.668% 80.296%, 83.642% 81.923%, 81.56% 83.477%, 79.431% 84.967%, 77.266% 86.402%, 75.071% 87.793%, 72.854% 89.148%, 70.624% 90.481%, 68.375% 91.783%, 66.103% 93.044%, 63.803% 94.253%, 61.47% 95.396%, 59.1% 96.459%, 56.688% 97.425%, 54.232% 98.272%, 51.732% 98.978%, 49.19% 99.518%, 46.616% 99.866%, 44.022% 99.999%, 41.427% 99.904%, 38.848% 99.589%, 36.304% 99.067%, 33.806% 98.353%, 31.365% 97.465%, 28.988% 96.417%, 26.68% 95.223%, 24.446% 93.897%, 22.289% 92.45%, 20.209% 90.892%, 18.21% 89.233%, 16.286% 87.487%, 14.442% 85.656%, 12.685% 83.743%, 11.018% 81.75%, 9.446% 79.682%, 7.974% 77.541%, 6.608% 75.331%, 5.354% 73.056%, 4.218% 70.719%, 3.208% 68.325%, 2.331% 65.88%, 1.594% 63.389%, .996% 60.861%, .535% 58.304%, .216% 55.726%, .039% 53.134%, .005% 50.536%, .119% 47.941%, .385% 45.356%, .814% 42.794%, 1.416% 40.267%, 2.207% 37.793%, 3.204% 35.394%, 4.427% 33.103%, 5.887% 30.956%, 7.572% 28.979%, 9.454% 27.19%, 11.49% 25.576%, 13.637% 24.114%, 15.862% 22.773%, 18.137% 21.517%, 20.438% 20.31%, 22.744% 19.113%, 25.034% 17.885%, 27.285% 16.589%, 29.485% 15.207%, 31.628% 13.738%, 33.73% 12.21%, 35.812% 10.656%, 37.898% 9.106%, 40.011% 7.595%, 42.174% 6.156%, 44.403% 4.82%, 46.707% 3.621%, 49.09% 2.587%, 51.535% 1.709%, 54.034% .998%, 56.576% .466%, 59.152% .129%, 61.746% .001%, 64.342% .097%, 66.918% .43%, 69.45% 1.007%, 71.914% 1.829%;
}

section#services {
    width: 100%;
    overflow: hidden;
    position: relative;
}
#services .flexbox {
    width: auto;
    margin: 0 0 0 6vw;
    display: flex;
    gap: 0;
    flex-wrap: nowrap;
    transition: transform .8s ease-in-out;
}
#services .blob-loader {
    width: 33vw;
    height: 33vw;
    background: linear-gradient(155deg, #0c7b75 40%, #369b7b 60%, #F3FF06 100%);
    position: relative;
    margin: 2vw 1vw 2vw 1vw;
    transition: border-radius 0.8s ease-in-out, clip-path 0.8s ease-in-out;
    overflow: hidden;
    float: left;
    flex-shrink: 0;
    flex-basis: auto;
    padding: 6vw 4vw 0 6vw;
    color: #fff;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#services .blob-loader > div {
    width: 70%;
}
#services .blob-loader h3 {
    font-size: 4vw;
    letter-spacing: 0;
    line-height: 1.05;
}
#services .blob-loader p {
    font-size: .8rem;
    line-height: 1.2;
    margin-top: .5rem;
}
a.blob-loader , a.blob-loader:hover {
    color: #fff;
}

.nav-prev {
    position: absolute;
    width: 15vw;
    height: 100%;
    left: 0;
    top: 0;
	display: none;
}
.nav-next {
    position: absolute;
    width: 15vw;
    height: 100%;
    right: 0;
    top: 0;
}
.slider-bullets {
    text-align: center;
}
.slider-bullets span {
	width: 11px; 
	height: 11px; 
	display: inline-block; 
    background: rgba(0, 0, 0, 0.1);
    text-indent: -9999px;
    border-radius: 50%;
}
.slider-bullets span.flex-active { 
	background: #9AEE8E; 
}
.page3 .slider-bullets {
    display: none;
}

/* Variante 1 border-radius */
.blob-loader:nth-child(3n-2) {
    border-radius: 42% 58% 58% 42% / 42% 31% 69% 58%;
    background: linear-gradient(155deg, #30AA80 15%, #0c7b75 75%);
}
.blob-loader:nth-child(3n-1) {
    border-radius: 58% 42% 42% 58% / 58% 69% 31% 42%;
    background: linear-gradient(155deg, #0c7b75 45%, #6cc885 95%);
}
.blob-loader:nth-child(3n) {
    border-radius: 64% 36% 52% 48% / 62% 38% 64% 36%;
    background: linear-gradient(155deg, #0c7b75 25%, #9AEE8E 85%);
}
.radius .blob-loader:hover, .blob-loader:hover, .radius .blob-loader.hover, .blob-loader.hover {
    border-radius: 52% 48% 66% 34% / 38% 64% 36% 62%!important;
}

#services .blob-loader.finanzmarketing {
    background: linear-gradient(155deg, #0c7b75 30%, #369b7b 50%, #cdf44f 80%);
}
#services .blob-loader.campaigning {
    border-radius: 42% 58% 58% 42% / 42% 31% 69% 58%;
}
#services .blob-loader.campaigning h3 {
    font-size: 3.6vw;
}
#services .blob-loader.corporate {
    border-radius: 42% 58% 58% 42% / 42% 31% 69% 58%;
}
#services .blob-loader.corporate h3 {
    font-size: 3.1vw;
}

/* Variante 2 clip-path */
.blob5 {
    clip-path: polygon(var(--shape--blob-1));
}
.blob6 {
    clip-path: polygon(var(--shape--blob-2));
}
.blob7 {
    clip-path: polygon(var(--shape--blob-3));
}
.blob8 {
    clip-path: polygon(var(--shape--blob-4));
}


.blob5:hover {
    clip-path: polygon(var(--shape--blob-3));
}
.blob6:hover {
    clip-path: polygon(var(--shape--blob-4));
}
.blob7:hover {
    clip-path: polygon(var(--shape--blob-5));
}
.blob8:hover {
    clip-path: polygon(var(--shape--blob-6));
}
/* ENDE Services */

/* Projekte */
section#projekte {
    background: #fff;
    width: 100%;
    clear: both;
    display: inline-block;
}
.parallax-section {
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 100%;
    height: 150vh;
    position: relative;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}
.parallax-section .titel {
    position: absolute;
    top: 40%;
    left: 0;
    text-align: center;
    text-shadow: 0 0 3vw rgba(0, 0, 0, 0.2);
    color: #fff;
}

.titel {
    width: 100%;
    line-height: 1.1;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -0.3vw;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 10vw;
    overflow: hidden;
}

.titel span {
    position: relative;
    display: inline-block;
    transform: translateY(100%);
    transition: transform .6s ease;
    will-change: transform;
}
.titel.animate span {
    transform: translateY(0);
    transition-delay: 0s;		
}
.titel span:nth-child(2) {
    transition-delay: .2s;		
}
.titel span:nth-child(3) {
    transition-delay: .3s;		
}
.titel span:nth-child(4) {
    transition-delay: .4s;		
}
.titel span:nth-child(5) {
    transition-delay: .5s;		
}
.titel span:nth-child(6) {
    transition-delay: .6s;		
}
.titel span:nth-child(7) {
    transition-delay: .7s;		
}
.titel span:nth-child(8) {
    transition-delay: .8s;		
}
.titel span:nth-child(9) {
    transition-delay: .9s;		
}
.titel span:nth-child(10) {
    transition-delay: 1s;		
}
.titel span:nth-child(11) {
    transition-delay: 1.1s;		
}
.titel span:nth-child(12) {
    transition-delay: 1.2s;		
}
.titel span:nth-child(13) {
    transition-delay: 1.3s;		
}
.titel span:nth-child(14) {
    transition-delay: 1.4s;		
}
.titel span:nth-child(15) {
    transition-delay: 1.5s;		
}
.titel span:nth-child(16) {
    transition-delay: 1.6s;		
}
.titel span:nth-child(17) {
    transition-delay: 1.7s;		
}
.titel span:nth-child(18) {
    transition-delay: 1.8s;		
}
.titel span:nth-child(19) {
    transition-delay: 1.9s;		
}
.titel span:nth-child(20) {
    transition-delay: 2s;		
}
.titel span:nth-child(21) {
    transition-delay: 2.1s;		
}
.titel span:nth-child(22) {
    transition-delay: 2.2s;		
}
.titel span:nth-child(23) {
    transition-delay: 2.3s;		
}
.titel span:nth-child(24) {
    transition-delay: 2.4s;		
}
.titel span:nth-child(25) {
    transition-delay: 2.5s;		
}
.titel span:nth-child(26) {
    transition-delay: 2.6s;		
}
.media.parallax {
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;	
    background-size: cover;
    background-position: center;
	clip-path: polygon(0px 0px, 100vw 0px, 150vh 1093.2px, 400px 1229.85px);
}
.media.parallax img {
    min-width: 100%;
    object-fit: cover;
    min-height: 100%;
}
#projekte a {
    color: #000;
    display: inline-block;
    text-align: center;
    /* text-decoration: underline; */
    /* text-underline-offset: 0.3vw; */
    margin: auto;
    line-height: 1.2;
}
.space-a {
    margin-left: -1vw;
}
.space-c {
    margin-left: -0.5vw;
}
.space-t {
    margin-left: 0.5vw;	
}
/* ENDE Projekte */

/* Team */
.teamgrid .row {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 3%;
}
.teamgrid .row:before, .teamgrid .row:after {
    display: none;
}
figure.blob-loader.team {
    height: 100%;
    padding: 0;
    background: transparent !important;
    margin: 2vw 0 2vw 0;
    overflow: hidden;
    width: 100%;
    justify-self: center;
    filter: brightness(0.95);
}
.blob-loader.team.blob1 {
    border-radius: 58% 42% 42% 58% / 58% 69% 31% 42%;
}
.blob-loader.team.blob2 {
    border-radius: 42% 58% 58% 42% / 42% 31% 69% 58%;
}
.blob-loader.team.blob3 {
    border-radius: 64% 36% 52% 48% / 62% 38% 64% 36%;
}
.blob-loader.team:hover, .blob-loader.team.hover {
    border-radius: 52% 48% 66% 34% / 38% 64% 36% 62%;
}

.teamgrid {
    text-align: center;
}
.teamgrid p, #ansprechpartner p {
    font-size: .9rem;
    letter-spacing: 0;
    line-height: 1.3;
    margin-top: .2rem;
    margin-bottom: .2rem;
    display: block;
}
.teamgrid p {
    display: inline-block;
}
.teamgrid a, #ansprechpartner a {
    font-size: .72rem;
    line-height: 1;
}
.servicedetail #ansprechpartner a {
    font-size: .9rem;
}
.teamgrid strong, #ansprechpartner strong {
    font-weight: 600;
}
.teamgrid img.linkedin {
    width: 1.7rem;
}
/* ENDE Team */


/* Insights */
.insights-list {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
}

.insights-list .teaser-item {
    width: 50%;
	margin-top: 2vw;
    margin-bottom: 6vw;
}
.insights-list figure {
    position: relative;
    height: 24vw;
    overflow: hidden;
}
.insights-list img {
    width: 100%;
}
.insights-list .subtitle {
    margin: .7rem 0 0 0;
    font-style: italic;
    font-size: .7rem;
}
.insights-list h2, .insights-list h3 {
    font-size: 1.7rem;
    margin-top: .8rem;
    line-height: 1.1;
    font-style: italic;
}
.insights-list p {
    letter-spacing: 3%;
    font-size: .9rem;
    line-height: 1.3;
}

/* Animationen */
.teaser-item, .insight-teaser {
    transition: transform 1.1s ease-in-out, opacity 1.1s ease-in-out;
    opacity: 0;
    transform: translateY(2rem);
    will-change: transform;
}
.insight-teaser {
	transition-delay: .4s;
}
.teaser-item.animate, .teaser-item.animate .insight-teaser {
	opacity: 1;
    transform: translateY(0);	
}

.insights-list p.center {
    text-align: right;
}
.insights-list h2, .insights-list h3, .insights-list p:not(.center) {
	width: 94%;
}
/* ENDE Insights */

/* Karriere */
.bigbubble {
    position: relative;
    margin-top: 2vw;
}
.bigbubble .row {
    display: flex;
}
/*
a.btn-default, a.more-btn, .btn-primary {
    background: #9cee8e;
    padding-left: 1.2vw;
    padding-right: 1.2vw;
    border-radius: 2rem;
	font-size: .8rem;
}
*/
a.btn-default, a.more-btn, div.more-btn, .btn-primary {
    background: #9cee8e;
	border: .06rem solid #9cee8e;
    padding: .4rem 1rem;
    border-radius: 2rem;
    font-size: .6rem;
    color: #000;
    display: inline-block;	
	transition: background-color .3s ease-out, color .3s ease-out, border .3s ease-out;
}
.btn-primary {
    padding: .4rem 2rem;
}
a.btn-default:hover, a.more-btn:hover, div.more-btn:hover, .btn-primary:hover {
    background: #fff;
    color: #000;
	border: .06rem solid #000;
}

.bigbubble a.more-btn {
	position: absolute;
	left: 0;
	top: 0;
}
figure.blob-loader.karriere {
    width: 85vh;
    height: 85vh;
    padding: 0;
    background: transparent !important;
    margin: auto;
    overflow: hidden;
}
.blob-loader.karriere {
    border-radius: 58% 42% 42% 58% / 58% 69% 31% 42%;
}
.blob-loader.karriere:hover, .blob-loader.karriere.hover {
    border-radius: 52% 48% 66% 34% / 38% 64% 36% 62%;
}
/* ENDE Karriere */

.container.breadcrumb-wrapper {
    list-style: none;
    font-size: 13px;
    margin-top: 5.5vw;
    width: 94vw;
    padding-left: .1vw;
    font-weight: 600;
}
.rex-breadcrumb {
    display: inline-block;
    padding-left: 0px;
    margin-bottom: 0;
}

.rex-breadcrumb>li,
.breadcrumb-wrapper .home_link {
	display: inline-block;
}
.rex-breadcrumb>li+li:before, .breadcrumb-wrapper .home_link:after {
    padding: 0 5px 0 0;
    color: #bbb;
    content: "/\00a0";
    content: "|";
}
.breadcrumb-wrapper .home_link:after {
    padding: 0 5px 0 5px;
}
.breadcrumb-wrapper .home_link:after {
}
.breadcrumb-wrapper a {
    color: #bbb;
}

#service i {
	color: #b2c85f;
	font-size: 60px;
	padding: 15px;
}

#portfoliowrap {
	display: block;
	text-align: center;
}
#portfoliowrap h2,
#portfoliowrap h3 {
	padding-bottom: 30px;
}

#portfoliowrap.full.framed {
	padding-left: 30px;
	padding-right: 30px;
}
#portfoliowrap.normal.frameless .row {
	margin-left: 0;
	margin-right: 0;
}
.portfolio {
	display: block;
}
#portfoliowrap.framed .portfolio-item {
	padding-top: 15px;
	padding-bottom: 15px;
}
#portfoliowrap.frameless .portfolio-item {
	padding-left: 0;
	padding-right: 0;
}

.portfolio-item .title:before {
	border-radius: 0;
	display: none;
}

.portfolio-item p { margin: 0px 0 30px; }
.portfolio-item h3 {
	margin: -10px 0 10px;
	font-size: 16px;
	text-transform: uppercase;
}

.portfolio-item h3 {
	color: #fff;
	margin: 0;
	padding: 40px 5px 0;
	font-size: 16px;
	text-transform: uppercase;
}

.portfolio-item .dmbutton {
	display: inline-block;
	margin: 40px 5px 20px 5px;
	font-size: 13px;
}

.portfolio-item .bg {
	height: 100%;
	width: 100%;
	background-color: #b2c85f;
	background-color: rgba(56,68,82,0.9);
	text-align: center;
}

.fullpicture {
	position: relative;
	background-color: #5b6d68;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: relative;
	background-position: center center;
	margin-top: 0px;
	padding-top: 60px;
	text-align: center;
	min-height: 400px;
	width: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 1;
}

.fullpicture .layer {
	background-color: #5b6d68;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	z-index: 1;
}

@media (min-width: 768px) {
    .navbar .header-container {
        width: 94vw;
		margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .container, .full.container {
        width: 84vw;
        max-width: 100%;
    }
	.br-mob br {
		display: none;
	}
}
.fullpicture .container {
	position: relative;
	z-index: 3;
}
.fullpicture .centered {
	position: relative;
	z-index: 2;
}
.fullpicture i {
	font-size: 50px;
	color: white;
	margin-bottom: 25px;
}

.fullpicture p {
	color: white;
	font-size: 15px;
	line-height: 30px;
}

.fullpicture h4 { color: #bfc9d3; }

#cwrap {
	background: #f7f7f7;
	margin-top: 0px;
	padding-top: 80px;
	padding-bottom: 100px;
}

#cwrap h3 { margin-bottom: 60px; }

/* Agentur */
.video-wrapper.hero {
    position: relative;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
}
.video-wrapper.hero video {
    /* width: 100%; */
    /* height: 56.25vw; */
    min-height: 100vh;
    /* min-width: 177.77vh; */
    min-width: 100%;
    /* min-height: 100%; */
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    object-fit: cover;
    filter: brightness(.98);
    object-position: center bottom;
}
.hero-title {
    position: absolute;
    left: 7vw;
    bottom: 4vh;
    z-index: 9;
}
.hero-title img {
    width: 45vw;
    height: auto;
}

section.module-wrapper.bg-color {
    padding: 0 0;
}
.bg-color1 {
    background: #9AEE8E;
}
.bg-color2 {
    background: #30AA80;
}
.bg-color3 {
    background: #337874;
}
.bg-color4 {
    background: #F3FF06;
}


.flexbox.col3 {
    width: auto;
    display: flex;
    gap: 3%;
    transition: transform .8s ease-in-out;
    justify-content: center;
    align-items: flex-start;
}
.flexbox.col3.radius {
    align-items: center;
}

.flexbox.col3 {
    width: auto;
    display: flex;
    gap: 3%;
    transition: transform .8s ease-in-out;
    justify-content: center;
    align-items: flex-start;
}

.blob-loader {
    transition: border-radius 0.8s ease-in-out, clip-path 0.8s ease-in-out;
    overflow: hidden;
}
.flexbox.col3 .blob-loader {
    height: 24vw;
    margin: 0;
    flex-shrink: 0;
    color: #fff;
    padding: 0;
    flex-basis: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flexbox.col3 .blob-loader h3 {
    font-size: 2.5vw;
    letter-spacing: 0;
    line-height: 1;
    /* width: 80%; */
    hyphens: auto;
    margin: auto;
    display: contents;
}
.flexbox.col3 .zahl {
    font-size: 2.3rem;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.1;
}
.blob-loader.bg-color1 {
    background: #337874;
}
.blob-loader.bg-color2 {
    background: #30AA80;
}
.blob-loader.bg-color3 {
    background: #9AEE8E;
}
.blob-loader.bg-color4 {
    background: #F3FF06;
}
.blob-loader.bg-color4 * {
    color: #000;
}

.flexbox.col4 {
    width: auto;
    display: flex;
    gap: 2%;
    transition: transform .8s ease-in-out;
    justify-content: space-between;
    align-items: flex-start;
}
.flexbox.col4 .blob-loader {
    height: 18vw;
    margin: 0;
    flex-shrink: 0;
    color: #fff;
    padding: 0;
    flex-basis: 23%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flexbox.col4 .blob-loader h3 {
    font-size: 2.1vw;
    letter-spacing: 0;
    line-height: 1;
    /* hyphens: auto; */
    margin: auto;
    /* display: contents; */
}
.flexbox.col4 .zahl {
    font-size: 2.3rem;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.1;
}

@keyframes arrow {
   0%   { background-position: left .2rem;}
   50%   { background-position: 3% .2rem;}
   100%   { background-position: left .2rem;}
}	
.full.container .text-mit-pfeil {
    padding-left: 1.7rem;
    padding-right: 1.2rem;
    background-image: url(/media/pfeil-rechts.png);
    background-repeat: no-repeat;
    background-size: 1.0rem auto;
    background-position: left .2rem;
    margin-top: 4vw;
    transition: background-position .3s ease-in-out;
    will-change: background-position;
}
.full.container .text-mit-pfeil.animate {
    animation: arrow 1.2s forwards .1s ease-in-out;
}
.full.container .text-mit-pfeil p {
    font-size: .68rem;
    margin-top: 0;
    line-height: 1.3;
}
.page2 .logoslider {
    margin-top: 4vw;
}

.gridtemplate-2col .row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: flex-start;
    max-width: 100%;
    width: 84vw;
    margin: auto;
}
.gridtemplate-2col .col {
    width: 37%;
}
.gridtemplate-2col .col:last-child {
    width: 63%;
}
.gridtemplate-2col .row:before, .gridtemplate-2col .row:after {
    display: none;
}
.gridtemplate-2col .flexbox.zitat {
    width: 100%;
    padding-top: 5vw;
    padding-right: 25%;
}
.gridtemplate-2col .zitat .zitat-text {
    max-width: 80%;
    padding-top: 1vw;
}
.gridtemplate-2col .col-sm-4 {
    width: 27vw;
}
.gridtemplate-2col figure.blob-loader.team {
    margin: 2vw 0 2vw 0;
}

.flexbox.zitat {
    display: flex;
    flex-wrap: nowrap;
    gap: 1%;
    justify-content: center;
    width: 80%;
    margin: auto;
}
.zitat .zitat-icon {
    flex-basis: 20%;
}
.zitat .zitat-text {
    max-width: 80%;
    padding-top: 1rem;
}
.zitat .zitat-text p {
	font-style: italic;
	font-weight: bold;
}
.zitat.small .zitat-text p {
    font-size: .7rem;
    font-weight: normal;
}
.zitat.middle .zitat-text p {
    font-size: 1.2rem;
}
.zitat.big .zitat-text p {
    font-size: 2.5rem;
    line-height: 1.1;
    letter-spacing: 3%;
}
.page2 #kontakt > .container.full:first-child {
    display: none;
}

/* Services */
.page3 #services .flexbox {
    display: flex;
    flex-wrap: wrap;
    width: 84vw;
    margin: auto;
    gap: 5vw;
}
.page3 .nav-prev, .page3 .nav-next {
	display: none;
}
.page3 #services .blob-loader {
    background: #30AA80;
    width: 39vw;
    height: 37vw;
    margin: 0;
    flex-shrink: 0;
    flex-basis: auto;
    color: #fff;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.page3 #services .blob-loader:first-child {
    background: #F3FF06;
	color: #000;
}
.page3 #services .blob-loader:nth-child(4), .page3 #services .blob-loader:nth-child(5), .page3 #services .blob-loader:nth-child(8) {
    background: #337874;
}

.page3 #services .blob-loader > div {
    width: 65%;
}
.page3 #services .blob-loader h3 {
    font-size: 4.5vw;
}

.page3 #services .blob-loader.campaigning h3 {
    font-size: 3.9vw;
}
.page3 #services .blob-loader.corporate h3 {
    font-size: 3.5vw;
}
.page3 #services .blob-loader p {
    font-size: .9rem;
    letter-spacing: 0;
}
.page3 #services span.more {
    position: absolute;
    left: 45%;
    bottom: 2rem;
    text-decoration: underline;
    font-size: .9rem;
    letter-spacing: 0;
    text-decoration-thickness: .05rem;
    text-underline-offset: .2rem;
}
.page1 #services span.more {
    display: none;
}

/* Projekte Übersicht */
.teaser-liste > .container {
    display: flex;
    flex-wrap: wrap;
}
.teaser-item {
    margin-top: 2vw;
    margin-bottom: 2vw;
}
.teaser-liste .container_half {
    width: 50%;
}
.teaser-item.container_half img {
    object-fit: cover;
}
.teaser-liste .container_full {
    width: 100%;
}
.teaser-liste figure {
    position: relative;
    height: 36vw;
    overflow: hidden;
}
.teaser-liste figure img {
    background-size: cover;
    min-width: 100%;
    min-height: 100%;
}
.teaser-liste figcaption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #084b53, #27cc7f);
    color: #fff;
    padding: 8% 7%;
    font-size: .9rem;
    letter-spacing: 3%;
    line-height: 1.3;
	opacity: 0;
    transition: opacity .4s ease-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.teaser-liste figure:hover figcaption {
	opacity: 1;
}
.teaser-liste .projektdaten {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
}
.teaser-liste .projektdaten h2 {
    font-size: 1.0rem;
    font-weight: 600;
    margin-top: 0;
    padding-right: 0%;
    hyphens: none;
}
.teaser-liste .projektdaten .services, .projektdetail .services {
    font-size: .55rem;
    text-align: right;
    font-style: italic;
    letter-spacing: 2%;
}


/* Projektdetail */
.projektdetail .header.flexbox {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: stretch;
    width: 84vw;
    margin-top: 2vw;
}
.projektdetail h1.headline_1 {
    margin-top: 0;
}
.projektdetail .video-wrapper, .projektdetail .video-wrapper video {
    width: 100%;
    height: 56vw;
    max-height: 100vh;
    object-fit: cover;
    height: auto;
}
.projektdetail h2 {
    font-size: 2.3rem;
    margin-top: 2rem;
}
.full.container p.untertitel {
    font-size: .7rem;
    font-style: italic;
    margin-top: .8rem;
}
figure.award {
    display: flex;
    justify-content: center;
    margin-bottom: 5vw;
}
.award img {
    width: 30%;
}

.projektdetail .services {
    padding-top: .6rem;
    padding-bottom: 1rem;
}

.projektdetail .flexbox.zitat {
    margin: 0 auto 3vw auto;
}
#ansprechpartner figure.blob-loader.team {
    width: 27vw;
}

.projektdetail #ansprechpartner figure.blob-loader.team {
    margin-left: auto;
    margin-right: auto;
}
.servicedetail #ansprechpartner figure.blob-loader.team {
    justify-self: left;
}

/* Projekt Slider */
/* Standard-Styles vom FlexSlider zurücksetzen & auf Fullsize bringen */

.fullsize-flexslider {
    width: 100%;
    height: 100vh;
    border: none;
    margin: 6vw auto;
    padding: 0;
    position: relative;
    overflow: hidden;	
}
.flex-viewport {
    width: 100%;
    height: 100%;
}
.flexslider ul.slides {
    padding: 0;
    width: 100%;
    overflow: hidden;
}
.fullsize-flexslider .slides,
.fullsize-flexslider .slides li {
    height: 100%;
}
.flexslider video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Bilder bildschirmfüllend beschneiden */
.slider-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Zentriertes Text-Overlay */
.slider-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    color: #ffffff;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}

/* FlexSlider css */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Necessary Styles
*********************************/
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {
    /* position: absolute; */
    /* left: 0; */
    /* top: 45%; */
    /* top: calc(50% - 60px); */
    width: 100%;
    /* height: 120px; */
    /* z-index: 10; */
}
.flex-direction-nav a {
    display: block;
    width: 120px;
    height: 120px;
    background: rgba(255,255,255,1);
    border: 2px solid #fff;
    border-radius: 50%;
    margin: 0;
    position: absolute;
    top: 45%;
    top: calc(50% - 60px);
    z-index: 11;
    overflow: hidden;
    opacity: 1;
    /* color: transparent; */
    transition: transform .8s ease, opacity .8s ease, background-position .8s ease;
    text-shadow: none;
    cursor: none;
    font-size: 0;
	will-change: transform;
}
.flex-direction-nav .flex-prev { 
	left: 2vw; 	
	background-image: url(/media/pfeil-links.png);
	background-repeat: no-repeat;
	background-size: 1.0rem auto;
	background-position: center center;
}
.flex-direction-nav .flex-next { 
	right: 2vw; 
	background-image: url(/media/pfeil-rechts.png);
	background-repeat: no-repeat;
	background-size: 1.0rem auto;
	background-position: center center;
}
.flex-direction-nav .flex-prev.hidearrow { 
	opacity: 0;
	transform: translateX(-120%);
}
.flex-direction-nav .flex-next.hidearrow { 
	opacity: 0;
	transform: translateX(120%);
}
.flex-direction-nav a:before {  
	display: none;
}

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    z-index: 10;
}
.flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #fff; background: rgba(255,255,255,0.5); text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 20px; -o-border-radius: 50%; border-radius: 50%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;  }
.flex-control-paging li a:hover { background: #fff; background: rgba(255,255,255,0.7); }
.flex-control-paging li a.flex-active { background: #fff; background: rgba(255,255,255,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
.parallax-scroll { position: relative; }
/* ENDEFlexSlider css */


/* Service Detailseite */
.servicedetail h1.headline_1 {
    font-size: 3rem;
    margin-bottom: 1rem;
}
.servicedetail .bg-color2, .servicedetail .bg-color3 {
    color: #fff;
}
#serviceintro {
    padding-bottom: 2.5rem;
    margin-bottom: 4vw;
}
#serviceintro p {
    line-height: 1.3;
    letter-spacing: 5%;
}
#serviceintro p strong {
    font-size: 1rem;
    display: inline-block;
    margin-top: 1rem;
}
#serviceintro ul {
    list-style: none;
    font-weight: bold;
    font-style: italic;
    margin-top: .5rem;
    margin-bottom: 1rem;
    font-size: .9rem;
    padding-left: 1rem;
}
#serviceintro ul li {
    position: relative;
    list-style: none;
    padding-left: 0;
}
#serviceintro ul li:before {
    content: "_";
    margin-left: -0.6rem;
    width: 0.6rem;
    display: inline-block;
}
.servicedetail .logoslider {
    margin-top: 2vw;
}
.servicedetail .name {
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: .02rem;
}
.servicedetail figure.blob-loader.team {
    width: 27vw;
    justify-self: left;
}
.servicedetail .teaser-liste .projektdaten {
    padding: 1rem 0;
}
.servicedetail .teaser-liste figure {
    height: 28vw;
}
.servicedetail p.right {
    margin: 0;
}

/* Karriere */
.page16 h2:not(.headline_2) {
    /* font-size: 1.6rem; */
    margin-bottom: 1rem;
    margin-top: 2rem;
    /* margin-left: -.05rem; */
}
.page16 .full {
    margin-top: 2vw;
}

/* Insights Detail */
.full-image {
    max-height: 100vh;
    overflow: hidden;
}
.full-image img {
    object-fit: cover;
    max-height: 100vh;
    width: 100%;
}
#insight .headline_1, #insight p.headline_1  {
    margin-top: 0em;
    margin-bottom: 2rem;
}
#insight .headline_1 em {
    font-weight: 100;
}
#insight .headline_2 {
    font-size: 2.1rem;
    margin-top: 2.2rem;
    margin-left: -.06rem;
    line-height: 1.1;
}
#insight p.subheadline {
    font-style: italic;
    letter-spacing: 1%;
}


/* Kontakt */
#kontakt .mtb {
    margin-top: 3vw;
}
section.kontaktdaten {
    font-size: .9rem;
}
.kontaktdaten .socialmedia {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}
.kontaktdaten p + .socialmedia {
    margin-top: 1.7rem;
}
.kontaktdaten .socialmedia img {
	width: 1.8rem;
}

#kontakt .row  {
    transition: transform 1.1s ease-in-out, opacity 1.1s ease-in-out;
    opacity: 0;
    transform: translateY(2rem);
    will-change: transform;
}
#kontakt .row.animate {
	opacity: 1;
    transform: translateY(0);	
}


/* Formular Lets talk */
.page7 article {	
    margin-top: 12vw;
    padding-bottom: 8vw;
	background: linear-gradient(155deg, #084b53 0%, #27cc7f 100%);
	color: #fff;
}
.form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: .8rem;
    font-size: .7rem;
	letter-spacing: 5%;
    line-height: 1;
    color: #fff;
    background-color: transparent;
    background-image: none;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: rgba(255,255,255,.5);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(243, 255, 6, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(243, 255, 6, .6);
}
.form-control::placeholder {
    color: rgba(255,255,255,.8);
}
.radio, .checkbox {
    display: block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.radio label, .checkbox label {
    cursor: none;
    font-size: .8rem;
    color: rgba(255, 255, 255, .9);
}
.checkbox i.form-helper {
    border: 1px solid rgba(255, 255, 255, .5);
    width: 4vw;
    height: 4vw;
    display: inline-block;
    position: relative;
    margin-right: .5rem;
}
.checkbox i.form-helper:after {
    content: "";
    position: absolute;
    display: none;
    left: 35%;
    top: 5%;
    width: 32%;
    height: 80%;
    border: solid white;
    border-width: 0 5px 5px 0;
    transform: rotate(45deg);
}
.checkbox  input:checked ~ i.form-helper:after {
    display: block;
}

.checkbox input[type=checkbox] {
    display: none;
}
.checkbox label {
  display: inline-flex;  /* Macht das Label zum Flex-Container, bleibt aber im Textfluss */
  align-items: center;   /* Zentriert Checkbox, Icon und Text perfekt vertikal */
  gap: 8px;              /* Erzeugt einen gleichmäßigen Abstand zwischen den Elementen */
  cursor: pointer;       /* Verbessert die Usability beim Drüberfahren */
}
@media all and (min-width: 1024px) {
	textarea.form-control {
		width: 70%;
	}
	input.form-control {
		width: 45%;
	}
    form .flexbox {
        display: flex;
        width: 70%;
        justify-content: space-between;
        align-items: center;
        margin-top: 4vw;
    }
    form .small {
        font-size: 40%;
        width: 45%;
        letter-spacing: 3%;
        margin-top: 4vw;
    }
}

/* Impressum, Datenschutz */
.page26 article .full.container p, .page27 article .full.container p {
    font-size: .8rem;
    letter-spacing: 3%;
}

/* Footer */
#footerwrap {
    padding: 0;
    background: #F3FF06;
    color: #000;
}
#footerwrap > div {
    width: 100%;
    height: 6vw;
}
#footerwrap .footer1 {
    background: #337874;
}
#footerwrap .footer2 {
    background: #30AA80;
}
#footerwrap .footer3 {
    background: #9AEE8E;
}
#footerwrap .footer4 {
    background: #F3FF06;
    display: flex;
    align-items: center;
    justify-content: center;
}
#footerwrap p {
	color: #black;
}
#footerwrap ul {
    padding-left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 1.25vw;
    margin: 0;
}
#footerwrap li {
    list-style-type: none;
    color: #000;
}

#footerwrap a {
    color: #000;
    margin: 0 .7vw;
}
#footerwrap li:last-child a {
    color: #000;
    padding-right: 0;
}

#footerwrap .social-links a { margin-right: 20px; }
#footerwrap i {
	font-size: 15px;
	color: #bfc9d3;
	padding-right: 5px;
}

#footerwrap i:hover { color: #b2c85f; }


/*
.parallax {
	-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    overflow: hidden !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}
*/
.teaser h2 {
	margin-top: 0;
}
.teaser .hline {
	margin-top: 30px;
	margin-bottom: 40px;
}

table {
	border-top: 1px solid #ccc;
	margin-top: 50px;
	width: 100%;
}

table tr { border-bottom: 1px solid #ccc; }
table th {
	vertical-align: top;
	min-width: 200px;
	padding: 20px 0;
	border-top: 1px solid #5b6d68;
	border-bottom: 1px solid #5b6d68;
	text-transform: uppercase;
}

table td {
	vertical-align: top;
	padding: 20px 0;
}

.board table h2 {
	margin-top: 0;
	font-size: 18px;
}

.accordion .title {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.accordion .content {
	max-height: 0;
	overflow: hidden;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}

.accordion li.active .content { max-height: 400px; }
.accordion p:last-child { margin-bottom: 0; }
.accordion-1 li { margin-bottom: 10px; display: block !important; }
.accordion-1 li:last-child { margin-bottom: 0; }
.accordion-1 .title {
	background: #f5f5f5;
	padding: 13px 23px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.bg-secondary .accordion-1 .title { background: #2d4f6d; }
.bg-secondary .accordion-1 .title:hover { background: #2d4f6d; }
.accordion-1 .title span {
	font-size: 12px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
}

.accordion-1 .active .title {
	background: #2d4f6d;
	color: #fff;
}

.accordion-1 .content {
	border: 1px solid #eee;
	border-top: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 0;
}

.accordion-1 .content p { padding: 13px; }
.accordion-1 .active .content {
	opacity: 1;
	transform: translate3d(0,0px,0);
	-webkit-transform: translate3d(0,0px,0);
	-moz-transform: translate3d(0,0px,0);
}

.accordion-1 .title:hover {
	color: #2d4f6d;
	background: #dce7f0;
}

.accordion-1 .active .title:hover {
	color: #fff;
	background: #3c6991;
}

.accordion-2 li {
	display: block !important;
}
.accordion-2 .title {
	font-size: 16px;
	font-weight: 500;
	padding: 16px 0;
	border-bottom: 1px solid #ccc;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: .7;
}

.accordion-2 .title:before {
	content: "\f067";
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 10px;
	margin-right: 10px;
}

.accordion-2 .active .title {
	opacity: 1;
	color: #2d4f6d;
}

.accordion-2 .active .title:before { content: '\f068'; }
.accordion-2 .content p,
.accordion-2 .content ul,
.accordion-2 .content ol { padding: 16px 0; }
.accordion-2 .title:hover {
	opacity: 1;
	color: #2d4f6d;
}

.tabs {
	overflow: hidden;
}
.tabs ul.tabs {
	padding-top: 20px;
}
.tabs ul.tabs,
.tabs ul.content {
	padding-left: 0;
}
.tabs li {
	display: inline-block;
}

.tabs.thirds { width: 100%; }
.tabs.thirds li { width: 33.3333333%; }
.tabs.thirds .tab-title { width: 100%; }
.button-tabs .tabs {
	display: inline-block;
	overflow: hidden;
}

.button-tabs .tabs > li {
	margin-bottom: 8px;
	float: left;
}

.button-tabs .tabs > li:last-child { margin-right: 0; }
.button-tabs .tab-title {
	padding: 13px;
	display: inline-block;
	text-align: center;
	min-width: 150px;
	background: #E0E4E6;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.bg-secondary .button-tabs .tab-title { background: #eee; }
.button-tabs .tab-title span {
	font-size: 12px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
}

.button-tabs .active .tab-title {
	background: #2d4f6d;
	color: #fff;
}

.button-tabs .tab-title:hover { background: #C7D2D8; }
.button-tabs .active .tab-title:hover { background: #2d4f6d; }
.button-tabs.vertical { overflow: hidden; }
.button-tabs.vertical > .tabs {
	width: 30%;
	float: left;
}

.button-tabs.vertical > .content {
	padding-left: 3%;
	width: 70%;
	float: right;
}

.button-tabs.vertical > .tabs li, .button-tabs.vertical .tab-title { width: 100%; }
.button-tabs.vertical > .tabs li { margin-bottom: 10px; }
.bg-dark .button-tabs .tab-title span { color: #222; }
@media all and (max-width: 767px) {
	.button-tabs .tabs li {
		width: 49%;
		margin-bottom: 15px;
	}

	.button-tabs.vertical .tabs, .button-tabs.vertical .content {
		max-width: 100%;
		width: 100%;
		padding-left: 0;
	}

}

.tabbed-content .content > li {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	display: none;
}

.tabbed-content .content .active {
	opacity: 1;
	visibility: visible;
	display: block;
}

.text-tabs .tabs {
	padding-bottom: 16px;
	border-bottom: 1px solid #ccc;
	overflow: visible;
}

.text-tabs.no-border .tabs { border-bottom: none; }
.text-tabs .tab-title {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	padding: 0 24px;
	opacity: 0.5;
	position: relative;
}

.text-tabs .tab-title span {
	font-size: 12px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
}

.text-tabs .tab-title:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #91a05c;
	bottom: 10px;
	opacity: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	bottom: -17px;
	left: 0;
}

.text-tabs .active .tab-title {
	opacity: 1;
	color: #2d4f6d;
}

.bg-primary .text-tabs .tab-title:after {
	background: #2d4f6d;
}
.text-tabs .active .tab-title:after {
	opacity: 1;
}
.text-tabs .tab-title:hover {
	opacity: 1;
}


@media all and (max-width: 767px) {
	.text-tabs .tabs { padding-bottom: 0; }
	.text-tabs .tabs li {
		width: 49%;
		margin-bottom: 15px;
	}

	.text-tabs .tab-title:after { display: none; }
	.text-tabs:not(.text-center) .tabs li:first-child .tab-title { padding-left: 24px; }
}

.icon-tabs .tabs li {
	width: 24.5%;
	margin-bottom: 24px;
}

.icon-tabs .tab-title {
	text-align: center;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: .5;
}

.icon-tabs .tab-title:hover { opacity: 1; }
.icon-tabs .active .tab-title {
	color: #91a05c;
	opacity: 1;
}

.icon-tabs .active .tab-title i { color: #91a05c; }
.image-bg .icon-tabs .active .tab-title i { color: #fff; }
.icon-tabs .tab-title i {
	display: block;
	margin-bottom: 16px;
}

@media all and (max-width: 1199px) {
	.sidebar {
		clear: both;
	}
}

/* Mobile */

@media all and (max-width: 768px) {
	html {
		font-size: 4vw;
		letter-spacing: 2%;
	}
	body {
		font-size: 1rem;
	}
	.full.container p, .full.container p.subheadline, .insights-list p {
        letter-spacing: 2%;
        font-size: 1rem;
    }	
	h1.headline_1, .full.container p.headline_1  {
		font-size: 2.0rem;
        margin-left: -.06rem;
        margin-bottom: .8rem;
	}
	h2.headline_2, h2, .headline_2 {
        font-size: 2rem;
        margin-left: -.06rem;
        margin-top: 3rem;
        margin-bottom: .8rem;
    }
	.full.container h1 + p.subheadline  {
		margin-top: -.4rem;
	}
	.mtb {
        margin-bottom: 4vw;
        margin-top: 4vw;
    }
    .navbar-brand {
        margin-left: 3vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }
	.navbar-brand img {
		height: auto;
		width: 25vw;
	}
	.navbar-default {
		background: white;
		mix-blend-mode: initial;
		filter: none;
	}
	.navbar-default .navbar-toggle {
        padding: 0;
        margin-top: 4vw;
        margin-right: 3vw;
		margin-bottom: 0;
        border: none;
        background-image: none;
    }
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: transparent;
	}
	.navbar-default .navbar-toggle .icon-bar {
		width: 8vw;
		height: 3px;
		border-radius: 0;
		background-color: #000;
	}

    .navbar-default .navbar-collapse.collapse {
        border: none;
        max-height: initial;
        height: 100vh !important;
        transform: translateY(-100%);
        transition: transform .6s ease, height .6s ease;
        background: #fff;
    }	
    .navbar-default .navbar-collapse.collapse.in {
        transform: translateY(0);
    }	
	.navbar-fixed-top {
        position: fixed;
    }
	
	.navbar-nav {
        margin-top: 0;
        margin-bottom: 10vh;
        padding-top: 7vh;
    }
	.navbar-nav > li {
		width: 80vw;
		margin: auto;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 8vw;
		text-align: center;
		line-height: 1.4;
	}
	.navbar-default .navbar-nav > li:last-child > a {
		border-radius: 4rem;
		margin-left: 10vw;
		margin-right: 10vw;
	}

	.navbar-default .navbar-nav > li > a {
		transform: translateY(1rem);
		opacity: 0;
		transition: transform .6s ease, opacity .6s ease;
	}
	.navbar-default .in .navbar-nav > li > a {
		transform: translateY(0);
		opacity: 1;
	}
	.navbar-default .in .navbar-nav > li:nth-child(2) > a {
		transition-delay: .1s;
	}
	.navbar-default .in .navbar-nav > li:nth-child(3) > a {
		transition-delay: .2s;
	}
	.navbar-default .in .navbar-nav > li:nth-child(4) > a {
		transition-delay: .3s;
	}
	.navbar-default .in .navbar-nav > li:nth-child(5) > a {
		transition-delay: .4s;
	}
	.navbar-default .in .navbar-nav > li:nth-child(6) > a {
		transition-delay: .5s;
	}
	
	.navbar-nav a.hoverline:after, .navbar-nav a.underline:after {
		display: none;
	}
	
	.container.breadcrumb-wrapper {
		margin-top: 13vw;
		padding-left: .5vw;
	}

    article.mtb {
        margin-top: 13vw;
    }
	
    .container:not(img) {
        padding-right: 5vw;
        padding-left: 5vw;
    }
	.full.container .container {
		padding-left: 0;
		padding-right: 0;
	}
	a.btn-default, a.more-btn, div.more-btn, .btn-primary {
		padding: .6rem 1.5rem;
		font-size: .8rem;
		font-size: .9rem;
	}	
	
	article.mtb .hero {
		margin-top: 13vw;
		height: 70vw;
    }
	.video-wrapper.hero video {
		min-height: 70vw;
		height: 70vw;
	}
	
    .full.parallax img {
        max-width: initial;
        object-fit: cover;
        min-height: 100vw;
    }

	/* Home */	
	
/* Home Slider */
	@keyframes slide {
	   0%   { transform:translateX(100vw); animation-timing-function: cubic-bezier(0.28, 0.97, 0.74, 0.03); }
	   0%   { clip-path: polygon(10vw 20vh, 100vw 0, 95vw calc(100vh - 15vw), 0vw 75vh); animation-timing-function: ease-out; }
	   10%   { clip-path: polygon(0 0, 100vw 0, 100vw calc(100vh - 15vw), 0 calc(100vh - 15vw)); animation-timing-function: ease-in;}
	   21%   { transform:translateX(-100vw); animation-timing-function: cubic-bezier(0.28, 0.97, 0.74, 0.03); }   
	   20%   { clip-path: polygon(0 0, 90vw 20vh, 100vw 85vh, 0 calc(100vh - 15vw)); }   
	   100%   { transform:translateX(-100vw); }
	}	
	video.hero-video {
        object-fit: initial;
        width: auto;
        height: 100%;
        transform: translateX(-28%);
    }
	#slide2 video.hero-video, #slide5 video.hero-video {
        transform: translateX(-33%);
    }
	
	article.mtb #slider-hero {
		margin-top: 0;
		height: calc(100vh - 14vw);
	}
/* ENDE Home Slider */

    #services .flexbox {
        overflow-x: scroll;
        margin: 0;
        padding-left: 4vw;
        padding-bottom: 1rem;
    }
	.nav-prev, .nav-next {
		display: none;
	}	
	#services .blob-loader {
        width: 50vw;
        height: 50vw;
        padding: 0;
        text-align: center;
    }
	#services .blob-loader > div {
		width: 90%;
	}
	#services .blob-loader h3 {
        font-size: 5vw;
        letter-spacing: 0;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 0;
    }	
	#services .blob-loader p {
		position: absolute;
		left: 0;
		bottom: -100%;
	}
	#services .blob-loader.campaigning h3 {
		font-size: 5vw;
	}
	#services .blob-loader.corporate h3 {
		font-size: 4.5vw;
	}

	#projekte .parallax-section {
		height: 150vw;
	}	
	#projekte a.more-btn {
		margin-top: 2rem;
	}
	
	.teamgrid .row {
		gap: 10vw;
		flex-direction: column;
		width: 80vw;
		margin: auto;
	}
    .teamgrid p, #ansprechpartner p {
        font-size: 1.2rem;
        font-size: 1.25rem;
    }
	.teamgrid a, #ansprechpartner a {
        font-size: .9rem;
        font-size: 1rem;
        display: block;
    }
	
	.bigbubble .row {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.bigbubble a.more-btn {
		position: initial;
	}
	figure.blob-loader.karriere {
		width: 80vw;
		height: 80vw;
		margin-top: 4vw;
	}
	
	.insights-list h2, .insights-list h3 {
		font-size: 1.5rem;
		font-style: italic;
	}
    .insights-list h2, .insights-list h3, .insights-list p:not(.center) {
        width: 90%;
    }
	.insights-list .subtitle {
		margin: .5rem 0 0 0;
		font-size: .8rem;
		font-size: .9rem;
	}
	.insights-list .col-md-6:first-child {
		margin-bottom: 3rem;
	}

/* Agentur */

	.gridtemplate-2col .row {
		flex-direction: column;
		width: 100%;
	}
	.gridtemplate-2col .col, .gridtemplate-2col .col:last-child {
		width: 100%;
	}
	.gridtemplate-2col .col-sm-4 {
		width: 100%;
	}
	.zitat.small .zitat-text p {
		font-size: .9rem;
		font-size: 1rem;
	}
	
	.flexbox.col3 {
		flex-direction: column;
		gap: 2rem;
	}
	.flexbox.radius.col3.numbers {
		width: 75vw;
		margin: 4vw auto 0;
	}	
    .flexbox.col3 .blob-loader {
        width: 50vw;
        margin: auto;
        height: 45vw;
        text-align: center;
        font-size: 1rem;
    }
	.flexbox.col3 .zahl {
		font-size: 3.5rem;
	}
	@keyframes arrow {
	   0%   { background-position: left .4rem;}
	   50%   { background-position: 3% .4rem;}
	   100%   { background-position: left .4rem;}
	}	
	.text-mit-pfeil {
		padding-right: 1rem;
	}
	.full.container .text-mit-pfeil p {
		font-size: .9rem;
		font-size: 1rem;
	}
	.colorbars .bg-color {
		height: 4.5rem;
	}
    .flexbox.col4 {
        gap: 4vw;
        flex-wrap: wrap;
        margin-bottom: 2vw;
    }
	.flexbox.col4 .blob-loader {
		height: 45vw;
		flex-basis: calc(50% - 2vw);
	}
	.gridtemplate-2col figure.blob-loader.team {
		margin: 2vw auto;
		width: 80vw;
	}
	.flexbox.col4 .blob-loader h3 {
		font-size: 5vw;
		text-align: center;
	}

/* Services */
	.page3 #services .flexbox {
		width: 100%;
	}
	.page3 #services .blob-loader {
		width: 43vw;
		height: 40vw;
	}	
	.page3 #services .blob-loader > div {
		width: 90%;
	}
	.page3 #services .blob-loader h3 {
        font-size: 5vw;
    }	
	.page3 #services .blob-loader.campaigning h3 {
		font-size: 5vw;
	}
    .page3 #services .blob-loader.corporate h3 {
        font-size: 4.2vw;
        padding-bottom: .7rem;
    }
	
	/* Breite/Höhe der Scrollbar festlegen */
	#services .flexbox::-webkit-scrollbar {
	  height: 0;
	  opacity: 0;
	}

	/* Der Hintergrund (die Schiene) der Scrollbar */
	#services .flexbox::-webkit-scrollbar-track {
	  background: transparent; 
	  opacity: 0;
	}

	/* Der Schieberegler (der Ziehbereich) */
	#services .flexbox::-webkit-scrollbar-thumb {
	  background: transparent; 
	  opacity: 0;
	}

	/* Der Schieberegler bei Mouseover/Hover */
	#services .flexbox::-webkit-scrollbar-thumb:hover {
	  background: #555; 
	  opacity: 0;
	}
	#services .flexbox {
	  scrollbar-width: none;
	}

/* Servicdes Detail */
	#serviceintro ul {
		font-size: 1rem;
	}
	.servicedetail h1.headline_1 {
		font-size: 2.2rem;
	}
	.servicedetail #ansprechpartner p {
		font-size: 1.05rem;
		font-size: 1.1rem;
	}	
    .servicedetail .name {
        font-size: 1.05rem;
        font-size: 1.1rem;
        letter-spacing: 0;
        margin-top: 2rem;
        display: inline-block;
    }
    .servicedetail #ansprechpartner figure.blob-loader.team, #ansprechpartner figure.blob-loader.team {
        justify-self: center;
        width: 80vw;
        margin: 1rem auto;
    }
	#ansprechpartner .row {
		text-align: center;
	}
	.teamgrid p, #ansprechpartner p {
		margin-top: .4rem;
		margin-bottom: .4rem;
	}
	.servicedetail #ansprechpartner a {
		font-size: 1rem;
		font-size: 1.1rem;
	}
	
/* Projekte */
	.teaser-liste .container_half {
		width: 100%;
	}
    .teaser-liste .projektdaten {
        padding: .5rem .2rem;
        min-height: 20vw;
    }
	.teaser-liste .projektdaten .services, .projektdetail .services {
		font-size: .75rem;
	}
	.teaser-item {
		margin-top: 2vw;
		margin-bottom: 4vw;
	}
	.teaser-liste figure, .servicedetail .teaser-liste figure {
        position: relative;
        height: 65vw;
        overflow: hidden;
    }
	.teaser-liste figure img {
		background-size: cover;
		max-width: initial;
		height: 100%;
	}	
	.teaser-item.container_full img {
        margin-left: -20%;
    }
    .teaser-item.container_half img {
        object-fit: cover;
        margin-top: 0;
        min-height: 100%;
        min-width: 100%;
        height: 110%;
    }	
    .projektdetail .header.flexbox {
        width: 100%;
        gap: 5%;
        flex-direction: column;
    }
    .projektdetail h1.headline_1 {
        font-size: 2rem;
        margin-left: -.06rem;
        hyphens: auto;
        width: 100%;
    }
	.projektdetail h2 {
		font-size: 1.8rem;
	}	
	.projektdetail .services {
        padding-top: .2rem;
        width: 100%;
    }
	.full.container p.untertitel {
		font-size: .8rem;
		font-size: .9rem;
	}
	.award img {
		width: 50vw;
	}
	.flexbox.zitat {
		width: 84%;
		gap: 4%;
	}
	.zitat .zitat-text {
		max-width: 80%;
		padding-top: 0rem;
	}
	.zitat.big .zitat-text p {
		font-size: 2rem;
		line-height: 1.2;
		letter-spacing: 3%;
	}
	.fullsize-flexslider {
		width: 100vw;
		height: 56vw;
		margin: 10vw auto 16vw auto;
	}
	.flex-direction-nav a {
		width: 10vw;
		height: 10vw;
		background: rgba(255, 255, 255, .5);
		border: 0px solid #fff;
		top: calc(50% - 5vw);
	}
	
/* Insights Übersicht */
    .insights-list .teaser-item {
        width: 100%;
        margin-bottom: 10vw;
    }
	.insights-list figure {
		height: 48vw;
	}
	.insights-list h2, .insights-list h3, .insights-list p:not(.center) {
        width: 100%;
    }
    .insights-list .insight-teaser {
        padding: .5rem .2rem;
        min-height: 20vw;
    }
	.insight-teaser h2 br {
		display: none;
	}
	
	
/* Kontakt */
	section.kontaktdaten {
        margin-bottom: 2.5rem;
    }
	#kontakt p {
        font-size: 1rem !important;
    }
	#kontakt p.subheadline {
        font-size: .97rem !important;
    }
    .kontaktdaten .col-md-4 p {
        text-align: left !important;
        /* margin-top: 2rem; */
        margin-bottom: 1rem;
    }
	.kontaktdaten .socialmedia {
		justify-content: flex-start;
		margin-top: 1rem;
	}
	.kontaktdaten .socialmedia img {
		width: 3rem;
	}
	.kontaktdaten .col-md-4, .kontaktdaten .col-md-9 {
		width: 70%;
	}
	
	#footerwrap > div {
		width: 100%;
		height: 10vw;
	}
	#footerwrap ul {
		padding-left: 4vw;
		padding-right: 4vw;
		width: 100%;
		flex-wrap: wrap;
		font-size: 3.24vw;
		align-items: center;
		line-height: 10vw;
		margin-top: -30vw;
		
    justify-content: flex-start;
	}
    .footer4 ul li:first-child {
        width: 100%;
        text-align: left;
        color: #fff !important;
        line-height: 10vw;
        margin: 0 .7vw;
    }
	.footer4 ul span {
		margin-left: .2rem;
		margin-right: .2rem;
	}
    .footer4 ul span:nth-child(2), .footer4 ul span:nth-child(8), .footer4 ul span:nth-child(14) {
        display: none;
    }
	
	
/* Formular */
	form .flexbox {
		margin-bottom: 1rem;
		margin-top: 1.5rem;
		gap: 1rem;
		display: flex;
		flex-direction: column;
	}	
	.form-control {
		font-size: .9rem;
		font-size: 1rem;
	}
	
/* Impressum / Datenschutz */
	.page26 h1.headline_1, .page27 h1.headline_1  {
        font-size: 1.9rem;
    }	
	
/*
	.parallax {
		background-attachment: scroll !important;
	}
*/
}