:root {
	--low-accent-color: #424242;
	--medium-accent-color: #6F6F6F;
	--hight-accent-color: #E0E0E0;
	--white-text: #E0E0E0;
}

@font-face {
    font-family: 'Simplon Norm';
    src: url('/wp-content/themes/Schmucki_child/fonts/SimplonNorm-Medium.woff2') format('woff2'),
        url('/wp-content/themes/Schmucki_child/fonts/SimplonNorm-Medium.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* @font-face {
    font-family: 'Simplon Norm';
    src: url('/wp-content/themes/Schmucki_child/fonts/SimplonNorm-Light.woff2') format('woff2'),
        url('/wp-content/themes/Schmucki_child/fonts/SimplonNorm-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
} */

@font-face {
    font-family: 'Simplon Norm';
    src: url('/wp-content/themes/Schmucki_child/fonts/SimplonNorm.woff2') format('woff2'),
        url('/wp-content/themes/Schmucki_child/fonts/SimplonNorm.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Simplon Norm';
    src: url('/wp-content/themes/Schmucki_child/fonts/SimplonNorm-Bold.woff2') format('woff2'),
        url('/wp-content/themes/Schmucki_child/fonts/SimplonNorm-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Simplon Norm';
    src: url('/wp-content/themes/Schmucki_child/fonts/SimplonNorm-Bold.woff2') format('woff2'),
        url('/wp-content/themes/Schmucki_child/fonts/SimplonNorm-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Casey';
    src: url('/wp-content/themes/Schmucki_child/fonts/Casey.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@keyframes cta_rotation {
	0% {
	transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes cta_rotation-2 {
	0% {
	transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@keyframes metromap-pulsate {
	0% {
		r: 9;
	}
	50% {
		r: 14.5;
	}
	100% {
		r: 9;
	}
}

@keyframes mobile_metromap-pulsate {
	0% {
		stroke-width: 9px;
	}
	50% {
		stroke-width: 18px;
	}
	100% {
		stroke-width: 9px;
	}
}

@keyframes endstation-pulsate {
	0% {
		stroke-width: 5px;
	}
	50% {
		stroke-width: 22px;
	}
	100% {
		stroke-width: 5px;
	}
}

@keyframes endstation-pulsate-r {
	0% {
		stroke-width: 5px;
	}
	50% {
		stroke-width: 22px;
	}
	100% {
		stroke-width: 5px;
	}
}

/* iOS Safe Areas */
.site_nav__icon__box {
	right: env(safe-area-inset-right) !important;
}

.site_header {
	padding-top: env(safe-area-inset-top);
	padding-right: env(safe-area-inset-right);
	padding-left: env(safe-area-inset-left);
}

.hero_text_container {
	padding-right: env(safe-area-inset-right);
	padding-left: env(safe-area-inset-left);
}

main#Content {
	padding-right: env(safe-area-inset-right);
	padding-left: env(safe-area-inset-left);
}

footer {
	padding-bottom: env(safe-area-inset-bottom);
	padding-right: env(safe-area-inset-right);
	padding-left: env(safe-area-inset-left);
}

/* Cockie Meldung */

body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
    max-width: 42.2rem;
    margin: 0 auto;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    border: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.01)), #1F1F1F;
    box-shadow: 0px 0px 64px #000000;
}

body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder {
	padding-left: 1.5rem;
}

body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
	padding: 0.75rem 0.75rem 0.75rem 1rem;
}

body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
	padding: 0px;
}

body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
	padding: 0.45rem 0.75rem;
}

.mgbutton.moove-gdpr-infobar-reject-btn, 
.mgbutton.moove-gdpr-infobar-allow-all {
	font-weight: bold !important;
	line-height: 1.745 !important;
	letter-spacing: 0.01em !important;
	text-decoration: none !important;

	
	-ms-transition: ease-in 250ms all;
	-o-transition: ease-in 250ms all;
	-webkit-transition: ease-in 250ms all;
	-moz-transition: ease-in 250ms all;
	transition: ease-in 250ms all;
}

.mgbutton.moove-gdpr-infobar-reject-btn {
	background: transparent !important;
	border: 1px solid #6F6F6F !important;
	color: #6F6F6F !important;
}

.mgbutton.moove-gdpr-infobar-allow-all {
	background: var(--white-text) !important;
	border: 1px solid var(--white-text) !important;
	color: #121212 !important;
}

.mgbutton.moove-gdpr-infobar-reject-btn:hover,
.mgbutton.moove-gdpr-infobar-reject-btn:focus {
	border: 1px solid #E74450 !important;
	color: #E74450 !important;
}
.mgbutton.moove-gdpr-infobar-allow-all:hover,
.mgbutton.moove-gdpr-infobar-allow-all:focus {
	background: #E74450 !important;
	border: 1px solid #E74450 !important;
	color: #ffffff !important;
}

body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a:hover, body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button:hover,
body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a:focus, body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button:focus {
	text-decoration: underline;	
	color: var(--white-text);
}

body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a {
	color: #6F6F6F !important;
	text-decoration: none;	
}

body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h1, body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h2, body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h3, body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h4, body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h5, body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h6, body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a, body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme p {
	font-weight: bold;
	color: var(--white-text);
}

body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
	font-size: 13px;
}

/* Allgemeines */
input[type="text"]:focus, input[type="password"]:focus,
textarea:focus, select:focus {
  font-size: 17px;
}

footer {
	margin-top: 3rem;
}

:not(.footer__address):not(.wpb_cta_block)>p:last-child {
	margin-bottom: 0
}

::-moz-selection {
	color: #fff;
	background: #E74450
}

::selection {
	color: #fff;
	background: #E74450
}

::-moz-selection {
	color: #fff;
	background: #E74450
}

html {
	font-size: 20px!important;
	-webkit-text-size-adjust: 100%!important;
	text-size-adjust: 100%!important;
	margin-top: 0px !important;
}

body {
	font-family: "Simplon Norm", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	font-weight: normal;
	line-height: 157.5%;
	letter-spacing: 0.005em;
	letter-spacing: 0.5%;
	color: var(--white-text);
	background-color: #121212;
}

h1,
h2,
h3,
h4 {
	font-weight: 700;
	line-height: 1.3;
	margin-top: 0;
	color: var(--white-text)
}

h2:first-child,
h3:first-child,
h4:first-child,
.style-h1:first-child,
.style-h2:first-child,
.style-h3:first-child,
.style-h4:first-child {
	margin-top: 0 !important;
}

h1, body .style-h1 {
	font-size: 200px;
	font-size: 10rem;
	line-height: 1.02;
	display: block;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 13px;
	color: var(--white-text)
}

h2, body .style-h2, 
.page-id-4231 h1 {
	font-size: 104px;
	font-size: 5.2rem;
	line-height: 1.07;
	display: block;
	margin-top: 0px;
	margin-bottom: 2.3rem;
	margin-bottom: 2.5rem;
	color:var(--white-text);
}

/* unterseite mit viel text im header, h1 angepasst */
/* damit es nicht von 8rem überschrieben wird */
@media screen and (min-width: 768px) and (max-width: 1600px) {  
	.page-id-4231 h1.style-h1, 
	body.page-id-4231 h1.style-h1 {
		font-size: 5.2rem;
	}
} 
/* test1234 */



h3, body .style-h3, .single-mailpoet_page h1 {
	font-size: 44px;
	font-size: 2.2rem;
	margin: 0 0 1em;
	font-weight: 700;
	display: block;
	line-height: 1.21;
	margin-top: 1.15rem;
	margin-bottom: 1.2rem;
	color:var(--white-text);
}

h2.quform-form-title {
	font-size: 1.5rem
}

h2.quform-form-title {
	margin-bottom: .3rem;
	text-transform: initial;
	font-weight: 700
}

h4, .single-mitarbeiter .hero_content-left h3, body .style-h4 {
	font-size: 1rem;
	line-height: 1.3;
	letter-spacing: 0.005em;
	font-weight: 700;
	margin-bottom: 2px
}

.hero_header h1, .hero_header h2, .hero_header h3, .hero_header strong {
	max-width: 60.1rem;
}

.slider-icon figure img {
	margin-top: auto;
}

.slider-icon figure figcaption, .hero_content-left .style-h3, #Content section .wpb_text_column .style-h3, .single-mitarbeiter .hero_content-left h2, .cta h3 {
	font-style: normal;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.33;
	color: var(--white-text);
	margin: 0px 0px 1rem 0px;
}

.slider-icon figure figcaption {
	margin: 0px;
	text-align: center;
	display: flex;
	height: 6rem;
	margin-top: auto;
}

b,
strong {
	color: var(--white-text)
}

strong.preline, h3.preline, h1.preline {
	color:var(--white-text);
	display: block;
	font-size: 1rem;
	line-height: 1.43;
	margin: 0px 0px 0.9rem 0px;
}

header strong.preline, header h3.preline, header h1.preline {
	margin: 0px 0px 0.9rem 6px;
}

p.preline {
	color:var(--white-text);
	font-weight: bold;
	display: block;
	font-size: 1rem;
	line-height: 1.43;
	margin: 0px;
}



main ul,
p {
	margin: 0 0 1.2rem
}

hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #424242;
	margin: 1.3em 0;
	padding: 0;
}

.wpb_content_element p + h1, .wpb_content_element p + h2, .wpb_content_element p + h3, .wpb_content_element p + h4 {
	margin-top: 2rem !important;
}

.wpb_content_element p.preline + h1, .wpb_content_element p.preline + h2, .wpb_content_element p.preline + h3, .wpb_content_element p.preline + h4 {
	margin-top: 0 !important;
}

p:not(:last-of-type) {
	margin: 0 0 0.5rem
}

.ec {
	color: inherit !important;
}

a {
	color: var(--white-text);
	text-decoration: none;
	transition: 180ms ease-in color;
}

a:hover, a:focus {
	color: #E74450;
}

h1 a, h2 a, h3 a, h4 a  {
	max-height: calc(1.575 * 1em);
	position: relative;
    display: inline-block;

    -webkit-transition: ease-in color 250ms;
    -o-transition: ease-in color 250ms;
    -ms-transition: ease-in color 250ms;
    -moz-transition: ease-in color 250ms;
    transition: ease-in color 250ms;
}

h1 a:after, h2 a:after, h3 a:after, h4 a:after  {
	content:"";
	position:absolute;
	bottom: 1px;
	left:0px;
	height:2px;
	width: 0%;
	background-color: #6F6F6F;
	

    -webkit-transition: ease-in width 250ms;
    -o-transition: ease-in width 250ms;
    -ms-transition: ease-in width 250ms;
    -moz-transition: ease-in width 250ms;
    transition: ease-in width 250ms;
}

h1 a:hover:after, h2 a:hover:after, h3 a:hover:after, h4 a:hover:after, 
h1 a:focus:after, h2 a:focus:after, h3 a:focus:after, h4 a:focus:after {
	z-index: 1;
	width: 100%;
	background-color: #E74450;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, 
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus {
	color: var(--white-text);
}




/* ----------- Kampagne Header klartext animation mit lottie ----------- */

#animscrolldown {
	bottom: 4rem;
	opacity: 0;
}

.lottie-animation-header-text .style-h1 {
	line-height: 107%;
	font-size: 5.25rem;
	margin-bottom: 25px;
}

.hero_full_height .hero_text_container.lottie-animation-header-text {
	top: 3rem;
	/* top: calc(50vh - 300px); */
	/* top: clamp(50px, calc(50vh - 300px), 70vh); */
	bottom: unset;
}

.lottie-animation-header-text .hero_text_container {
	height: 300px;
}

/* Hero Höhe veerkleinern */
header.hero_auto_height.hero_full_height {
	height: auto;
	max-height: none;
}

header.hero_auto_height.hero_full_height .hero_top {
	max-height: none;
	height: 25rem;
}

@media screen and (max-width: 980px) {
	.hero_auto_height.hero_full_height .vc_column_container.hero_header, 
	.hero_auto_height.header.hero_full_height {
		height: auto;
		max-height: none;
	}

	.hero_full_height .hero_text_container.lottie-animation-header-text {
		/* margin-top: 12.5rem; */
		margin-top: 3.5rem;
	}

	header.hero_auto_height.hero_full_height .hero_top {
		/* max-height: none; */
		height: 30rem;
	}	

	/* accordion list content */
	section > div:not(.hero_bottom) .accordion__content ul li::after,
	.accordion__content ul > li::after  {
		top: 10px;
	}
	
}

@media screen and (min-width: 1200px) and (max-width: 1800px) {	
	/* nachfragen ob ok, weil es befindet sich so gar nicht im Raster */
	.hero_auto_height.hero_full_height .hero_top {
		display: flex;
		justify-content: center;
	}
}

#lottieanimation {
    position: relative;
    width: fit-content;
}

#lottieanimation svg {
    position: absolute;
    top: 0;
    left: -5px;
    width: 105% !important;
    /* preserveAspectRatio = none */
    height: 4rem !important;
    top: 3rem;
	/*  */
	/* height: 2rem !important;
	top: 1.75rem; */
	top: 1.6rem;
    height: 1.75rem !important;
}

#lottieanimation.slanted svg {
	transform: rotate(-7deg) !important;
    height: 1.5rem !important;
    top: 1.8rem;
}

#lottieanimation.long-text svg {
	top: 1.8rem;
}

#lottieanimation.long-text svg path {
	stroke-width: 7px;
}

#lettersanimated {
	min-height: calc(1em * 1.07);
}

#lettersanimated span {
	opacity: 0;
}

/* ------ ----- */
@media screen and (max-width: 768px) {
	

	.lottie-animation-header-text.hero_scale_title .style-h1 {
		font-size: clamp(35px, 11vw, 100px);
		font-size: clamp(35px, 16vw, 100px);
	}

	.hero_scale_title #lottieanimation svg {
		width: clamp(150px, 40vw, 105%) !important;
		height: clamp(10px, 5vw, 1.75rem) !important;
		top: 30%;
		top: 4vw;
		/* klein */
		width: clamp(150px, 63vw, 105%) !important;
		height: clamp(10px, 5vw, 1.75rem) !important;
		top: 6vw;
	}

}

/* ----------- Text neben CTA shrt_text_cta ----------- */

.wpb_text_cta > .wpb_wrapper {
	display: flex;
	align-items: center;
}
.wpb_text_cta > .wpb_wrapper .hero_cta_wrapper {
	margin-top: 0;
}

@media screen and (max-width:980px) {
	.wpb_text_cta .hero_teaser_wrapper {
		padding-top: 0;
	}

	.wpb_text_cta > .wpb_wrapper .hero_cta_wrapper {
		margin-top: 5rem;
		margin-bottom: 3rem;
	}
}


/* -----------  ----------- */


.wpb_content_element p a, body .hero_bottom_wrapper p a, .offcanvas_contact a, .footer_top .company_info strong a {
	position: relative;
    display: inline-block;
	letter-spacing: 0.005em;
	max-height: calc(1.575 * 1rem);
	/* border-bottom: #6F6F6F solid 1px; */

    -webkit-transition: ease-in color 250ms;
    -o-transition: ease-in color 250ms;
    -ms-transition: ease-in color 250ms;
    -moz-transition: ease-in color 250ms;
    transition: ease-in color 250ms;
}

.wpb_content_element p a:before, body:not(.page-template-page-contact) .hero_bottom_wrapper p a:before,
.wpb_content_element p a:after, body .hero_bottom_wrapper p a:after, .offcanvas_contact a:after, .footer_top .company_info strong a:after {
	content:"";
	position:absolute;
	bottom: 1px;
	left:0px;
	height:1px;
	width: 100%;
	background-color: #6F6F6F;
}

.wpb_content_element p a:after, body .hero_bottom_wrapper p a:after, .offcanvas_contact a:after, .footer_top .company_info strong a:after {
	z-index: 1;
	width: 0%;
	background-color: #E74450;
	

    -webkit-transition: ease-in width 250ms;
    -o-transition: ease-in width 250ms;
    -ms-transition: ease-in width 250ms;
    -moz-transition: ease-in width 250ms;
    transition: ease-in width 250ms;
}

.wpb_content_element p a:hover:after, body .hero_bottom_wrapper p a:hover:after, .offcanvas_contact a:hover:after, .footer_top .company_info strong a:hover:after,
.wpb_content_element p a:focus:after, body .hero_bottom_wrapper p a:focus:after, .offcanvas_contact a:focus:after, .footer_top .company_info strong a:focus:after {
	width: 100%;
}

body.page-template-page-contact .hero_bottom_wrapper p a {
	max-height: calc(1.21 * 2.2rem - 1px);
	/* border-bottom: #6F6F6F solid 2px; */
}

.footer_top .company_info strong a:after,
.footer_top .company_info strong a:before,
.offcanvas_contact a:after,
.offcanvas_contact a:before {
	height: 2px;
	bottom: 1px;
}

body.page-template-page-contact .hero_bottom_wrapper p a:after,
body.page-template-page-contact .hero_bottom_wrapper p a:before {
	height: 3px;
}

body.page-template-page-contact .hero_teaser_wrapper {
	width: 100%;
    max-width: initial;
}

.offcanvas_contact a, .footer_top .company_info strong a {
	max-height: calc(1.575 * 20px);
}

.wpb_content_element p a:focus,
.wpb_content_element p a:hover, 
.hero_bottom_wrapper p a:focus,
.hero_bottom_wrapper p a:hover, 
.offcanvas_contact a:hover, 
.offcanvas_contact a:focus,
.footer_top .company_info strong a:hover,
.footer_top .company_info strong a:focus {
	color: var(--white-text);
	/* border-color: #E74450 !important; */
}

sub { vertical-align:text-bottom; font-size:75%; }
sup { vertical-align:text-top; font-size:75%; }

.mailpoet_confirm_unsubscribe a {
	margin-top: 1.2rem;
}

.button a,
.iconlists .button span,
a.button,
button.quform-submit, .mailpoet_confirm_unsubscribe a {
	text-decoration: none;
	padding: 8px 20px;
	line-height: 1;
	display: inline-block;
	letter-spacing: 0.005em;
	border: 1px solid #E0E0E0;
	background-color: transparent;
	color: var(--white-text);
	font-weight: normal;
	font-size: 17px;
	line-height: 174.5%;
	-ms-transition: ease-in-out 100ms all;
	-o-transition: ease-in-out 100ms all;
	-webkit-transition: ease-in-out 100ms all;
	-moz-transition: ease-in-out 100ms all;
	transition: ease-in-out 100ms all;
}

.button.button--full a,
a.button.button--full, .mailpoet_confirm_unsubscribe a {	
	-ms-transition: ease-in-out 100ms all;
	-o-transition: ease-in-out 100ms all;
	-webkit-transition: ease-in-out 100ms all;
	-moz-transition: ease-in-out 100ms all;
	transition: ease-in-out 100ms all;
	border-color: #E74450;
	background: #E74450;
	color: #ffffff;
}

.button:last-of-type a,
a.button:last-of-type {
	margin-bottom: 0
}

.wpb_news_list .project_buttons {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.wpb_news_list > .button {
	margin-top: 5.6rem;
	margin-bottom: 3rem;
}

.wpk_background_grey {
	background-color: #ddd
}

/* New Quform Recaptcha V3 */
.grecaptcha-badge { visibility: hidden; }



.quform-submit {
	float: right;
}

.button a:focus,
.button a:hover,
.iconlists a:focus .button span,
.iconlists a:hover .button span,
.iconlists .button span:focus,
.iconlists .button span:hover,
a.button:focus,
a.button:hover,
button.quform-submit:focus,
button.quform-submit:hover, 
.mailpoet_confirm_unsubscribe a:hover, 
.mailpoet_confirm_unsubscribe a:focus {
	border-color: #E74450;
	background: #E74450;
	color: #ffffff;
	transform: scale(1.04);
}

.button.button--full a:focus,
.button.button--full a:hover,
a.button.button--full:focus,
a.button.button--full:hover, 
.mailpoet_confirm_unsubscribe a:hover, 
.mailpoet_confirm_unsubscribe a:focus {
	border-color: #E9535D;
	background: #E9535D;
	color: #ffffff;
}

.button .icon:last-child:not(:first-child) {
	margin-left: .25em;
	margin-right: calc(-.5em - 1px)
}
/* ----------- mailpoet ----------- */

.single-mailpoet_page .mailpoet_select_label, 
.single-mailpoet_page form .mailpoet_checkbox_label:first-of-type {
	display: none;
}

/**[data-automation-id="form_last_name"], 
*[data-automation-id="form_last_name_label"] {
	display: none !important;
}*/

.single-mailpoet_page section {
	padding-bottom: 2rem !important;
}

.mailpoet_form *[style="visibility: hidden;"] {
	display: none;
}

.single-mailpoet_page .mailpoet_checkbox_label,
.mailpoet_segment_label {
	display: block;
	font-weight: bold;
	margin-bottom: 0.5rem;
}

body .mailpoet_form.mailpoet_form_successfully_send .mailpoet_validate_success {
    left: 0%;
    position: relative;
    display: block;
    text-align: left;
    top: initial;
    transform: none;
}

body #mailpoet_form_1 .mailpoet_message,
body #mailpoet_form_1 .mailpoet_message p {
	padding:0px !important;
}

body #mailpoet_form_1 .mailpoet_message p.mailpoet_validate_success {
	color: #6ac44f;
}


body #mailpoet_form_1 .mailpoet_message p.mailpoet_validate_error {
	padding:0px !important;
	color: #E74450;
}

/* -----------  ----------- */


.fade--out {
	pointer-events: none;
}

section > div:not(.hero_bottom) ul li {
	position: relative;
	padding-left: 26px;
	margin-bottom: 8px
}

.inside>.vc_row {
	margin-left: 0;
	margin-right: 0
}

body [class*=wpp-option-list] {
	max-width: 100%;
	margin-bottom: 5px
}

input[type=file] {
	margin-top: .9rem;
	cursor: pointer
}

.vc_row {
	padding-top: 1.1rem;
	padding-bottom: 1.1rem
}

.vc_column-inner::after,
.vc_column-inner::before,
.vc_row:after,
.vc_row:before {
	content: "";
	display: table
}

.vc_column-inner::after,
.vc_row:after {
	clear: both
}

.vc_column_container {
	padding-left: 0;
	padding-right: 0;
	width: 100%
}

.vc_column_container, .single-mailpoet_page section {
	max-width: 1628px;
	padding: 0 20px;
	margin: 0 auto
}

.single-mailpoet_page section form {
	max-width: 767px;
}

/* ----------- columns ----------- */

.vc_col-sm-12,
.vc_col-sm-3,
.vc_col-sm-4,
.vc_col-sm-6,
.vc_col-sm-8,
.vc_col-sm-9 {
	position: relative;
	min-height: 1px
}

.vc_col-sm-12 {
	width: 100%
}

.vc_col-sm-3:first-child>.vc_column-inner,
.vc_col-sm-4:first-child>.vc_column-inner,
.vc_col-sm-6:first-child>.vc_column-inner,
.vc_col-sm-8:first-child>.vc_column-inner,
.vc_col-sm-9:first-child>.vc_column-inner {
	padding-left: 0
}

.vc_col-sm-3:last-child>.vc_column-inner,
.vc_col-sm-4:last-child>.vc_column-inner,
.vc_col-sm-6:last-child>.vc_column-inner,
.vc_col-sm-8:last-child>.vc_column-inner,
.vc_col-sm-9:last-child>.vc_column-inner {
	padding-right: 0
}

.vc_col-sm-4>.vc_column-inner {
	padding: 0 .6rem
}

.vc_col-sm-3>.vc_column-inner {
	padding: 0 .5rem
}

.vc_col-sm-3:first-child>.vc_column-inner {
	padding-right: 1rem
}

.vc_col-sm-3:last-child>.vc_column-inner {
	padding-left: 1rem
}

.vc_col-sm-4:first-child>.vc_column-inner,
.vc_col-sm-6:first-child>.vc_column-inner {
	padding-right: 1.5rem
}

.vc_col-sm-4:last-child>.vc_column-inner,
.vc_col-sm-6:last-child>.vc_column-inner {
	padding-left: 1.5rem
}

.vc_col-sm-8:first-child>.vc_column-inner,
.vc_col-sm-9:first-child>.vc_column-inner {
	padding-right: 2rem
}

.vc_col-sm-8:last-child>.vc_column-inner,
.vc_col-sm-9:last-child>.vc_column-inner {
	padding-left: 2rem
}

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

.wpb_content_element {
	margin-bottom: 2.2rem
}

.wpb_content_element:last-child {
	margin-bottom: 0
}

.picture_container,
.video_container {
	position: relative;
	display: block;
	overflow: hidden;
	line-height: 1
}

.iframe_container,
.video_container--embed {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%
}

.iframe_container iframe,
.video_container--embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}

/* ----------- Accordion (old) ----------- */

/* 
.accordions {
	border-bottom: 2px solid #dadada;
	margin-top: 30px;
	margin-bottom: 40px
}

.accordion_trigger h4 {
	cursor: pointer;
	margin: 0;
	padding: 20px 34px 12px 20px;
	border-top: 2px solid #dadada;
	font-size: 25px;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.3;
	-webkit-transition: 250ms ease-in all;
	-o-transition: 250ms ease-in all;
	transition: 250ms ease-in all
}

.accordion_trigger h4:hover {
	color: #afafaf
}

.accordion_trigger h4:before {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.accordion_trigger h4:after,
.accordion_trigger h4:before {
	content: "";
	position: absolute;
	right: 20px;
	top: 27px;
	width: 15px;
	height: 3px;
	margin-top: -1px;
	background: #4c4c4c;
	-webkit-transition: 250ms ease-in all;
	-o-transition: 250ms ease-in all;
	transition: 250ms ease-in all;
	z-index: 2
}

.accordion_trigger:active h4:after,
.accordion_trigger:active h4:before,
.accordion_trigger:focus h4:before,
.accordion_trigger:hover h4:after,
.accordion_trigger:hover h4:before,
.accordion_trigger:hover h4:focus {
	background: #afafaf
}

.accordion__content {
	padding: 0 20px 18px;
	font-size: 25px;
	font-size: 1.4rem;
	line-height: 1.3
} */

/* -----------| Accordion (2022) |----------- */

/* width */
.medium-width-wrapper {
	max-width: 46.4rem;
	/* margin: 0 auto 9.8rem auto; */
	margin: 0 auto;
}

.wpb_accordion_column .medium-width-wrapper {
	margin-bottom: 2.2rem;
	margin-top: 2.2rem;
}

@media screen and (max-width:767px) {
	.medium-width-wrapper {
		/* margin: 0 auto 3.75rem auto; */
		margin: 0 auto;
	}
}


.accordions {

}
  
.accordion {
	border-bottom: 1px solid var(--low-accent-color);
	border-top: 1px solid var(--low-accent-color);
	transition: border 200ms ease-in;
}

.accordion:first-child {
	border-top: 1px solid var(--low-accent-color);
}

.accordion.accordion--active,
.accordion:hover
{
	border-color: var(--hight-accent-color);
}

.accordion__header {
	position: relative;
	cursor: pointer;
}
  
.accordion__header h3, 
.accordion__header h4 {
	margin: 0;
	transition: var(--transition);
}
  
  
.accordion__content {
	overflow: hidden;
	display: none;
	/* padding: 0 0 0 1.6rem; */
	padding: 0;
}

.accordion__content .wpb_text_column {
	margin-bottom: 2.2rem;
}

.accordion__content > *:last-child {
	margin-bottom: 2.2rem;
}


.accordion_trigger {
	padding: 29px  30px 30px 0;
}

.accordion_trigger > h3,
.accordion_trigger > h4 {
	hyphens: auto;
}

.accordion_trigger::before, 
.accordion_trigger::after {
	content: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 7L15 1' stroke='%23B7B7B7' stroke-width='2'%3E%3C/path%3E%3C/svg%3E");
	position: absolute;
	right: 5px;
	top: 40%;
	margin-top: -0.5rem;
	transition: var(--transition);
}

.accordion_trigger::after {
	content: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 7L15 1' stroke='%23E0E0E0' stroke-width='2'/%3E%3C/svg%3E");
}
  
.accordion_trigger::after, 
.accordion--active .accordion_trigger::before {
	opacity: 0;
}
  
.accordion--active .accordion_trigger::after {
	opacity: 1;
}
  
.accordion_trigger h3 {
	font-size: 1.8rem;
	line-height: 133%;
}

.accordion_trigger h3, 
.accordion_trigger h4,
.accordion_trigger p {
	color: var(--hight-accent-color);
}
  
.accordion_trigger[aria-expanded="true"]::before, .accordion_trigger[aria-expanded="true"]::after {
	transform: rotate(-180deg);
}

/* ----------- CTA - call to action ----------- */

.cta_box {
	min-height: 15.5rem;
}

.cta {
	position: absolute;
    top: 0rem;
    right: 8rem;
    width: 15.5rem;
    height: 15.5rem;
    border-radius: 50%;
    padding: 2em 1.5em;
	z-index: 2;
}

.cta::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    background: #E74450;
}

.cta__content {
    position: absolute;
	color: white !important;
    width: 100%;
    height: 100%;
    left: 0;
    text-align: center;
	padding: 1rem;
    top: 0;
    flex-direction: column;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    -webkit-transform: rotate(-12.25deg);
    -ms-transform: rotate(-12.25deg);
    transform: rotate(-12.25deg);
}

a.cta {
	-ms-transition: cubic-bezier(0.52, 0.01, 0.18, 1) transform 400ms;
	-o-transition: cubic-bezier(0.52, 0.01, 0.18, 1) transform 400ms;
	-webkit-transition: cubic-bezier(0.52, 0.01, 0.18, 1) transform 400ms;
	-moz-transition: cubic-bezier(0.52, 0.01, 0.18, 1) transform 400ms;
	transition: cubic-bezier(0.52, 0.01, 0.18, 1) transform 400ms;
}

a.cta:hover, 
a.cta:focus {
	-ms-transition: rotate(-2.25deg) scale(1.09);
	-o-transition: rotate(-2.25deg) scale(1.09);
	-webkit-transition: rotate(-2.25deg) scale(1.09);
	-moz-transition: rotate(-2.25deg) scale(1.09);
	transition: rotate(-2.25deg) scale(1.09);
}

.cta svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -11.8rem;
    margin-top: -11.8rem;
    width: 23.6rem;
    height: 23.6rem;
}

.cta svg path {
	transform-origin: center center;
}

.cta svg path:first-of-type {
	animation: cta_rotation 13s infinite linear;
}

.cta svg path:nth-of-type(2) {
	animation: cta_rotation-2 8s infinite linear;
}

.cta svg path:nth-of-type(3) {
	animation: cta_rotation 10s infinite linear;
}

a.cta svg {
	animation: cta_rotation 2.6s infinite linear;
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	animation-play-state: paused;
}


a.cta:hover svg {
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	animation-play-state: running;
}

/* a.cta:hover svg path:first-of-type, 
a.cta:focus svg path:first-of-type {
	animation: cta_rotation 3.2s infinite linear;
}

a.cta:hover svg path:nth-of-type(2), 
a.cta:focus svg path:nth-of-type(2) {
	animation: cta_rotation-2 1.5s infinite linear;
}

a.cta:hover svg path:nth-of-type(3), 
a.cta:focus svg path:nth-of-type(3) {
	animation: cta_rotation 2s infinite linear;
} */

/* -----------  ----------- */


.site_wrapper {
	overflow: hidden;
}

.cta svg path {
	fill:none;
	stroke:#E74450;
	stroke-width: 1px;
	/* stroke-miterlimit: 10; */
}

/* ----------- Footer ----------- */

footer {
	background-color: #1F1F1F;
}

footer .row {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

footer .row>div.footer__logo {
	margin-left: 0;
	margin-right: 26px
}

footer .row>div.footer__logo a {
	display: block;
	margin-top: 6px
}

.footer_top {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
}

.footer_top {
	padding-top:5.25rem;
}

.footer_top > * {
	width: 460px;
    max-width: 30.162%;
    margin: 0px;
}

.footer_top .logo-img {
    display: block;
    width: 118px;
    height: 42px;
}

.footer_top h3 {
	font-weight: bold;
	font-size: 29px/*1.45rem*/;
	line-height: 130%;
	letter-spacing: 0.005em;
	color: var(--white-text);
	margin-top: 0.8rem !important;
}

.footer_top .company_info strong {
	margin-top: 2rem;
	display: block;
}

.footer_top .company_info strong, .footer_top .company_info strong a {
	font-weight: bold;
	font-size: 20px;
	line-height: 157.5%;
	letter-spacing: 0.005em;
	color: var(--white-text);
	transition: ease-in color 250ms;
}

.footer_top .company_info strong a {
	display: inline-block;
	position: relative;
}

.footer_top .company_info strong a:before {
    content: "";
    width: 0px;
    height: 2px;
    position: absolute;
    z-index: 1;
    bottom: 3px;
    left: 0px;
    background-color: var(--white-text);
    -webkit-transition: ease-in-out 300ms all;
    -moz-transition: ease-in-out 300ms all;
    transition: ease-in-out 300ms all;
}

/* .footer_top .company_info strong a:hover, .footer_top .company_info strong a:focus, .footer_top .company_info strong a:active {
	color: #ffffff;
}

.footer_top .company_info strong a:hover:before, .footer_top .company_info strong a:focus:before, .footer_top .company_info strong a:active:before {
	width: 100%;
    -webkit-transition: linear 200ms all;
    -moz-transition: linear 200ms all;
    transition: linear 200ms all;
} */

.footer_top p {
	font-size: 0.85rem;
	line-height: 135%;
	letter-spacing: 0.005em;
	color: #6F6F6F;
	margin-top: 1.45rem;
}

.custom_footer_text a img {
    -webkit-transition: ease-in-out 300ms all;
    -ms-transition: ease-in-out 300ms all;
    -o-transition: ease-in-out 300ms all;
    -moz-transition: ease-in-out 300ms all;
    transition: ease-in-out 300ms all;
}

.custom_footer_text a:focus img,
.custom_footer_text a:hover img {
	transform: scale(1.06);
}

.footer_bottom {
	position: relative;
	z-index: 2;
    margin-top: 3.45rem;
	background-color: #1f1f1f;
    border-top: 1px #424242 solid;
    margin-left: auto;
    margin-right: auto;
	width: 100%;
}

.footer_bottom .footer_inner {
    margin-left: auto;
    margin-right: auto;
    padding: 1.65rem 20px 2.05rem 20px;
    max-width: 1628px;
    width: initial;
    align-items: center;
	display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer_bottom > * {
	max-width: 50%;
}

/* ----------- Social media links ----------- */


.social_links {
	display: flex;
	justify-content: flex-start;
	align-items: center;

}

.social_links > a {
	position: relative;
	width: 50px;
	height: 50px;
	display: block;
	margin: 0px 1.5rem 0px 0px;
	text-indent: -9999999px;
	background-repeat: no-repeat;
	background-position: center center;
	-ms-transition: ease-in 200ms background-image;
	-o-transition: ease-in 200ms background-image;
	-webkit-transition: ease-in 200ms background-image;
	-moz-transition: ease-in 200ms background-image;
	transition: ease-in 200ms background-image;
}

.social_links .instagram {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 51 50' style='enable-background:new 0 0 51 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%236F6F6F;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M21.6,17h8.8c2,0,3.6,1.6,3.6,3.6v8.8c0,2-1.6,3.6-3.6,3.6h-8.8c-2,0-3.6-1.6-3.6-3.6v-8.8 C18,18.6,19.6,17,21.6,17z'/%3E%3Cpath class='st0' d='M26,22c1.7,0,3,1.3,3,3c0,1.7-1.3,3-3,3c-1.7,0-3-1.3-3-3C23,23.3,24.3,22,26,22z'/%3E%3Cpath class='st0' d='M30.5,20c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5C30,20.2,30.2,20,30.5,20z'/%3E%3Cpath class='st0' d='M25.5,49C39,49,50,38.3,50,25S39,1,25.5,1S1,11.7,1,25S12,49,25.5,49z'/%3E%3C/svg%3E%0A");
	width: 51px;
	height: 50px;
}

.social_links .linkedin {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%236F6F6F;%7D .st1%7Bfill:none;stroke:%236F6F6F;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M20.6,18H18v2.3h2.6V18z M20.6,21.7H18V32h2.6V21.7z M32,25.9c0-3-1.9-4.5-4-4.5c-0.9,0-1.9,0.5-2.3,1.2v-0.9 h-2.6V32h2.6v-6c0-1.4,0.9-2,1.9-2s1.9,0.6,1.9,2v6h2.6L32,25.9z'/%3E%3Cpath class='st1' d='M25,49c13.3,0,24-10.7,24-24C49,11.7,38.3,1,25,1S1,11.7,1,25C1,38.3,11.7,49,25,49z'/%3E%3C/svg%3E%0A");
}

.social_links .facebook {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%236F6F6F;%7D .st1%7Bfill:none;stroke:%236F6F6F;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M28,18.9V16h-2.7c-1.9,0-2.8,1.2-2.8,3.2v1.3H21v2.9h1.6V33h2.8v-9.6H28v-2.9h-2.7v-0.6c0-0.6,0.1-1,0.8-1H28z' /%3E%3Cpath class='st1' d='M25,49c13.3,0,24-10.7,24-24S38.3,1,25,1S1,11.7,1,25S11.7,49,25,49z'/%3E%3C/svg%3E%0A");
}

.social_links .instagram:hover,
.social_links .instagram:focus {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 51 50' style='enable-background:new 0 0 51 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M21.6,17h8.8c2,0,3.6,1.6,3.6,3.6v8.8c0,2-1.6,3.6-3.6,3.6h-8.8c-2,0-3.6-1.6-3.6-3.6v-8.8 C18,18.6,19.6,17,21.6,17z'/%3E%3Cpath class='st0' d='M26,22c1.7,0,3,1.3,3,3c0,1.7-1.3,3-3,3c-1.7,0-3-1.3-3-3C23,23.3,24.3,22,26,22z'/%3E%3Cpath class='st0' d='M30.5,20c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5C30,20.2,30.2,20,30.5,20z'/%3E%3Cpath class='st0' d='M25.5,49C39,49,50,38.3,50,25S39,1,25.5,1S1,11.7,1,25S12,49,25.5,49z'/%3E%3C/svg%3E%0A");
}

.social_links .linkedin:hover,
.social_links .linkedin:focus {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M20.6,18H18v2.3h2.6V18z M20.6,21.7H18V32h2.6V21.7z M32,25.9c0-3-1.9-4.5-4-4.5c-0.9,0-1.9,0.5-2.3,1.2v-0.9 h-2.6V32h2.6v-6c0-1.4,0.9-2,1.9-2s1.9,0.6,1.9,2v6h2.6L32,25.9z'/%3E%3Cpath class='st1' d='M25,49c13.3,0,24-10.7,24-24C49,11.7,38.3,1,25,1S1,11.7,1,25C1,38.3,11.7,49,25,49z'/%3E%3C/svg%3E%0A");
}

.social_links .facebook:hover,
.social_links .facebook:focus {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M28,18.9V16h-2.7c-1.9,0-2.8,1.2-2.8,3.2v1.3H21v2.9h1.6V33h2.8v-9.6H28v-2.9h-2.7v-0.6c0-0.6,0.1-1,0.8-1H28z' /%3E%3Cpath class='st1' d='M25,49c13.3,0,24-10.7,24-24S38.3,1,25,1S1,11.7,1,25S11.7,49,25,49z'/%3E%3C/svg%3E%0A");
}

.footer_nav {
	margin-top: auto;
	margin-bottom: auto;
}

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

.site_nav__footer li a {
	font-size: 15px; 
	line-height: 32px;     
	padding: 12px 0px;
	color: #6F6F6F;
	margin-left: 2.8rem;
	-ms-transition: ease-in 200ms color;
	-o-transition: ease-in 200ms color;
	-webkit-transition: ease-in 200ms color;
	-moz-transition: ease-in 200ms color;
	transition: ease-in 200ms color;
}

.site_nav__footer li a:hover,
.site_nav__footer li a:focus {
	color: var(--white-text);
}

/* ----------- Quform Formular ----------- */

/* Formular Styling */
.quform {
	margin-top: 1rem
}

.quform-element-tree,
.quform-form>.quform-default-submit {
	display: none
}

.quform-element:not(.quform-element-group):not(.quform-element-page) {
	margin-bottom: .6rem
}

.quform-group-title {
	padding-right: .3rem;
	padding-left: .3rem
}

.quform-element-2_11.quform-element-group>.quform-spacer>.quform-child-elements>.quform-element,
.quform-element-8_11.quform-element-group>.quform-spacer>.quform-child-elements>.quform-element {
	width: 100%
}

.quform-element-group {
    margin-left: -.6rem;
    margin-right: -.6rem;
    position: relative;
    clear: left;
    max-width: initial;
    width: initial !important;
    padding-bottom: 0.6rem;
}

.quform-child-elements>.quform-element-group:first-child {
	padding-top: .5rem
}

.quform-element-submit {
	margin-top: .8rem
}

.quform-element-tree,
.quform-form>.quform-default-submit {
	display: none
}

.quform-element:not(.quform-element-group):not(.quform-element-page) {
	margin-bottom: .6rem
}

.quform-spacer > .quform-child-elements {
	display: flex;
}

.quform-group-title {
	padding-right: .3rem;
	padding-left: .3rem
}

.quform-element-2_11.quform-element-group>.quform-spacer>.quform-child-elements>.quform-element,
.quform-element-8_11.quform-element-group>.quform-spacer>.quform-child-elements>.quform-element {
	width: 100%
}

.quform-spacer {
	position: relative;
	line-height: 1rem;
}

.quform-child-elements>.quform-element-group:first-child {
	padding-top: .5rem
}

.quform-element-submit {
	margin-top: .8rem
}

.quform-element-tree,
.quform-form>.quform-default-submit {
	display: none
}

.quform-child-elements>.quform-element.quform-element-email,
.quform-child-elements>.quform-element.quform-element-text,
.quform-child-elements>.quform-element.quform-element-textarea {
	margin-bottom: .6rem
}

.quform-element-group>.quform-spacer>.quform-child-elements>.quform-element {
	width: 50%;
	padding-right: .6rem;
	padding-left: .6rem;
	margin-bottom: .6rem
}

.quform-element-submit {
	margin-top: .6rem
}

textarea {
	resize: none
}

textarea {
	height: 150px
}

.quform input[type=text],
input[type=text], input[type=email], textarea, select {
	font-size: 1rem !important;
    line-height: 157.5% !important;
    letter-spacing: 0.005em !important;
    font-weight: 300 !important;
	padding: 0.8rem 1rem !important;
    border: 2px solid #6F6F6F;
    background-color: transparent !important;
	color: #E0E0E0 !important;
	display: block;
	width: 100%;
	-ms-transition: ease-in 200ms border-color;
	-o-transition: ease-in 200ms border-color;
	-webkit-transition: ease-in 200ms border-color;
	-moz-transition: ease-in 200ms border-color;
	transition: ease-in 200ms border-color;
}

.quform input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	border-color: #E0E0E0 !important;
    outline: 0 !important;
}

.quform-description.quform-description-above {
	margin-bottom: 0.5rem;
    margin-top: 1.5rem;
	font-size: 1rem;
}

.quform-label, .mailpoet-screen-reader-text {
	font-size: 1rem !important;
    line-height: 157.5% !important;
    letter-spacing: 0.005em !important;
    font-weight: 300 !important;
    position: absolute;
    padding: 0.8rem 1rem !important;
    top: 2px;
    left: 2px;
    pointer-events: none !important;
	color: #6F6F6F !important;
	background-color: transparent !important;
	-ms-transition: ease-in 200ms all;
	-o-transition: ease-in 200ms all;
	-webkit-transition: ease-in 200ms all;
	-moz-transition: ease-in 200ms all;
	transition: ease-in 200ms all;
}

/* new captcha */
.quform-element-recaptcha .quform-label {
	display: none;
}


/* placeholder color */
.quform-element .quform-input.quform-input-textarea textarea::placeholder {
	color: #6F6F6F;
}

.mailpoet-screen-reader-text {
    border: 0;
    clip: initial !important;
    -webkit-clip-path: initial !important;
    clip-path: initial !important;
    height: auto !important;
    margin: initial !important;
    overflow: initial !important;
    padding: 0.8rem 1rem !important;
    position: absolute;
    width: initial !important;
    word-wrap: normal !important;
}

.textarea-focus .quform-label, 
.textarea-focus .mailpoet-screen-reader-text,
.input-focus .quform-label, 
.input-focus .mailpoet-screen-reader-text {
	color: #E0E0E0 !important;
    top: -11px !important;
    padding: 0px 8px !important;
	background-color: #121212 !important;
    left: 13px;
    font-size: 14px !important;
    font-weight: 400 !important;
}

input[type=file] {
	margin-top: .9rem;
	cursor: pointer
}

.contactform_custom_description h3 {
	margin-bottom: 0.2rem !important;
}
.contactform_custom_description h4 {
	margin-bottom: 1.5rem;
}

/* ----------- Mailpoet ----------- */
/* MailPoet */
form.mailpoet_form {
	padding: 0px !important;
}

.mailpoet_input, .mailpoet_paragraph {
	position: relative;
}

.mailpoet_form_column .mailpoet_paragraph,
.mailpoet_form_columns.mailpoet_paragraph {
	margin-bottom: 0.6rem !important;
}

/*.mailpoet_paragraph {
	margin-bottom: 1.6rem !important;
}*/

.mailpoet_input input.mailpoet_text,
.mailpoet_input .mailpoet_text_label, 
.mailpoet_text_label {
	font-size: 1rem !important;
	line-height: 157.5% !important;
	letter-spacing: 0.005em !important;
	font-weight: 300 !important;
}

.mailpoet_input input.mailpoet_text, input.mailpoet_text, select {
    padding: 0.8rem 1rem !important;
    border: 2px solid #6F6F6F;
    background-color: transparent !important;
	color: #E0E0E0 !important;
	-ms-transition: ease-in 200ms border-color;
	-o-transition: ease-in 200ms border-color;
	-webkit-transition: ease-in 200ms border-color;
	-moz-transition: ease-in 200ms border-color;
	transition: ease-in 200ms border-color;
}

.parsley-required, .parsley-custom-error-message {
	color: #E74450;
}

.mailpoet_input input.mailpoet_text:hover,
.mailpoet_input input.mailpoet_text:focus,
input.mailpoet_text:hover,
input.mailpoet_text:focus, 
select:hover, select:focus {
	border-color: #E0E0E0 !important;
}

.mailpoet_input .mailpoet_text_label,
.mailpoet_text_label {
    position: absolute;
    padding: 0.8rem 1rem !important;
    top: 2px;
    left: 2px;
    pointer-events: none !important;
	color: #6F6F6F !important;
	background-color: transparent !important;
	-ms-transition: ease-in 200ms all;
	-o-transition: ease-in 200ms all;
	-webkit-transition: ease-in 200ms all;
	-moz-transition: ease-in 200ms all;
	transition: ease-in 200ms all;
}

.mailpoet_submit,
button.quform-submit, input[type="submit"] {
    background-color: #E74450;
    color: #fff;
    font-size: 17px;
    line-height: 174.5%;
    letter-spacing: 0.005em;
	border: 1px solid #E74450;
    font-weight: normal;
    display: inline-block;
    width: initial !important;
    padding: 8px 19px !important;
	-ms-transition: ease-in 100ms all;
	-o-transition: ease-in 100ms all;
	-webkit-transition: ease-in 100ms all;
	-moz-transition: ease-in 100ms all;
	transition: ease-in 100ms all;
	cursor: pointer;
}

.mailpoet_submit:hover,
.mailpoet_submit:focus,
button.quform-submit:hover, button.quform-submit:focus, input[type="submit"]:hover, input[type="submit"]:focus {
	transform: scale(1.04);
	border-color: #E9535D;
	background: #E9535D;
}


.textarea-focus > .mailpoet_text_label, 
.textarea-focus > .mailpoet-screen-reader-text,
.input-focus > .mailpoet_text_label, 
.input-focus > .mailpoet-screen-reader-text {
	color: #E0E0E0 !important;
    top: -11px !important;
    padding: 0px 8px !important;
	background-color: #1F1F1F !important;
    left: 13px;
    font-size: 14px !important;
    font-weight: 400 !important;
}

main .textarea-focus > .mailpoet_text_label, 
main .textarea-focus > .mailpoet-screen-reader-text,
main .input-focus > .mailpoet_text_label, 
main .input-focus > .mailpoet-screen-reader-text {
	background-color: #121212 !important;
}

input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
textarea:-webkit-autofill, 
textarea:-webkit-autofill:hover, 
textarea:-webkit-autofill:focus, 
select:-webkit-autofill, 
select:-webkit-autofill:hover, 
select:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--white-text);
	-webkit-box-shadow: 0 0 0px 1000px #121212 inset;
	box-shadow: 0 0 0px 1000px #121212 inset;
	transition: background-color 5000s ease-in-out 0s;
}

footer input:-webkit-autofill, footer input:-webkit-autofill:hover, footer input:-webkit-autofill:focus, footer textarea:-webkit-autofill, footer textarea:-webkit-autofill:hover, footer textarea:-webkit-autofill:focus, select:-webkit-autofill, footer select:-webkit-autofill:hover, footer select:-webkit-autofill:focus,
.pum-container input:-webkit-autofill, .pum-container input:-webkit-autofill:hover, .pum-container input:-webkit-autofill:focus, .pum-container textarea:-webkit-autofill, .pum-container textarea:-webkit-autofill:hover, .pum-container textarea:-webkit-autofill:focus, select:-webkit-autofill, .pum-container select:-webkit-autofill:hover, .pum-container select:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px #1F1F1F inset;
	box-shadow: 0 0 0px 1000px #1F1F1F inset;
}

.mailpoet_gdpr {
	opacity: 0;
    pointer-events: none !important;
    position: relative;
    top: -5px;
    height: 0px;
    margin-bottom: 0px !important;
	-ms-transition: ease-in 100ms all;
	-o-transition: ease-in 100ms all;
	-webkit-transition: ease-in 100ms all;
	-moz-transition: ease-in 100ms all;
	transition: ease-in 100ms all;
}

.mailpoet_gdpr.show {
	opacity: 1;
    pointer-events: initial !important;
    height: initial;
    margin-bottom: 1.6rem !important;
    margin-top: 1.6rem !important;
}

.quform-option {
	margin-top: 1.4rem;
}

.quform-error {
	font-size: 0.85rem;
	margin-top: 0.5rem;
	color: #E74450;
}

.mailpoet_checkbox_label:last-of-type, .quform-option {
    padding-left: 30px;
	line-height: 22px;
    position: relative;
	color: var(--white-text);
	font-size: 1rem;
	font-weight: 300 !important;
	letter-spacing: 0.005em;
}

.mailpoet_paragraph {
    line-height: 20px;
    margin-bottom: 20px;
}

.mailpoet_required {
	display: none !important;
}

#mailpoet_paragraph {
	display: inline-block;
	position: relative;
}

.mailpoet_checkbox_label:hover input[type="checkbox"], 
.quform-option:hover input[type="checkbox"] {
    border-color: #E0E0E0 !important;
}

.mailpoet_checkbox_label input[type="checkbox"],
.quform-option input[type="checkbox"], input[type="checkbox"] {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0px;
    background-size: 12px;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 2px solid #6F6F6F;
    background-position: center center;
}

.mailpoet_checkbox_label input[type="checkbox"]:checked,
.quform-option input[type="checkbox"]:checked, input[type="checkbox"]:checked {
    background-image: url(/wp-content/themes/Schmucki_child/img/icon-tick.svg);
    background-color: transparent !important;
    border-color: #E0E0E0 !important;
}

.mailpoet_checkbox_label a,
.quform-option a {
    color: #6F6F6F;
	-ms-transition: ease-in 200ms color;
	-o-transition: ease-in 200ms color;
	-webkit-transition: ease-in 200ms color;
	-moz-transition: ease-in 200ms color;
	transition: ease-in 200ms color;
}

.mailpoet_checkbox_label a:hover,
.mailpoet_checkbox_label a:focus,
.quform-option a:hover,
.quform-option a:focus {
    text-decoration: none;
	color: var(--white-text);
}

/* Metro Map */
#map.map {
	width: 71.5rem;
	max-width: 100%;
	margin: 0 auto;
	margin-top: 5rem;
}

/* #map.map * {
	-moz-transition: 150ms ease-in all;
    -ms-transition: 150ms ease-in all;
    -o-transition: 150ms ease-in all;
    -webkit-transition: 150ms ease-in all;
    transition: 150ms ease-in all;
} */

.mm0{fill:none;stroke:#E74450;stroke-width:3;stroke-miterlimit:10;}
.mm10{fill:none;stroke:#17A3E8;stroke-width:2.9964;stroke-miterlimit:10;}
.mm15{fill:none;stroke:#FFC600;stroke-width:2.9958;stroke-miterlimit:10;}


.mm1{fill:transparent;stroke:#E74450;stroke-width:3.7458;stroke-linecap:round;stroke-miterlimit:10;stroke-dasharray:0,7;}
.mm2{fill:#121212;stroke:#E74450;stroke-width:3;stroke-miterlimit:10;}
.mm3{fill:#E0E0E0;}
.mm4{font-family:'Simplon Norm'; font-weight:bold;}
.mm5{font-size:0.7rem;}
.mm6{fill:transparent;stroke:#E0E0E0;stroke-width:2.0968;

	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;

}
.mm7{fill:transparent;}
.mm8{fill:#121212;stroke:#E0E0E0;stroke-width:2;stroke-miterlimit:10;}
.mm9{font-size:1.3rem;}
.mm11{fill:transparent;stroke:#17A3E8;stroke-width:3.7458;stroke-linecap:round;stroke-miterlimit:10;stroke-dasharray:0,7;}
.mm12{fill:#121212;stroke:#17A3E8;stroke-width:2.9964;stroke-miterlimit:10;}
.mm13{fill:#121212;stroke:#17A3E8;stroke-width:3;stroke-miterlimit:10;}
.mm14{fill:#121212;stroke:#E0E0E0;stroke-width:2.0014;stroke-miterlimit:10;}
.mm16{fill:transparent;stroke:#FFC600;stroke-width:3.7458;stroke-linecap:round;stroke-miterlimit:10;stroke-dasharray:0,7;}
.mm17{fill:#121212;stroke:#FFC600;stroke-width:2.9958;stroke-miterlimit:10;}
.mm18{fill:#121212;stroke:#FFC600;stroke-width:3;stroke-miterlimit:10;}

.mm_cta0{fill:#E74450;}
.mm_cta1{fill:none;stroke:#E74450;stroke-width:1.4732;}
.mm_cta2{fill:#FFFFFF;}
.mm_cta3{fill:none;stroke:#E74450;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}

#visuelle-kommunikation a:hover .mm6, #visuelle-kommunikation a:focus .mm6 {
	stroke:#FFC600;
}

#digitale-kommunikation a:hover .mm6, #digitale-kommunikation a:focus .mm6 {
	stroke:#17A3E8;
}

#brand-identity a:hover .mm6, #brand-identity a:focus .mm6 {
	stroke:#E74450;
}

/* #visuelle-kommunikation a:hover .arrow, a:focus .arrow {
	animation: arrow-left 2s infinite linear;
}

#digitale-kommunikation a:hover .arrow, a:focus .arrow {
	animation: arrow-down 2s infinite linear;
}

#brand-identity a:hover .arrow, a:focus .arrow {
	animation: arrow-right 2s infinite linear;
} */

.info_box__links a.more.brand-identity,
.info_box__links a.more.digitale-kommunikation,
.info_box__links a.more.visuelle-kommunikation {
	text-indent: 0;
}

.mm8_hover {
	fill: #E0E0E0;
	opacity: 0.28;

	-webkit-transition: r 200ms;
	-moz-transition: r 200ms;
	-o-transition: r 200ms;
	-ms-transition: r 200ms;
	transition: r 200ms;
}

a:hover .mm8_hover, a:focus .mm8_hover, a.is-active .mm8_hover {
	r: 14.5;
}

#brand-identity .mm0, 
#brand-identity .mm2, 
#digitale-kommunikation .mm10, 
#digitale-kommunikation .mm12, 
#digitale-kommunikation .mm13, 
#visuelle-kommunikation .mm15, 
#visuelle-kommunikation .mm17, 
#visuelle-kommunikation .mm18 {
	-webkit-transition: stroke-width 200ms;
	-moz-transition: stroke-width 200ms;
	-o-transition: stroke-width 200ms;
	-ms-transition: stroke-width 200ms;
	transition: stroke-width 200ms;
}

#brand-identity:hover .mm0, 
#brand-identity:hover .mm2, 
#digitale-kommunikation:hover .mm10, 
#digitale-kommunikation:hover .mm12, 
#digitale-kommunikation:hover .mm13, 
#visuelle-kommunikation:hover .mm15, 
#visuelle-kommunikation:hover .mm17, 
#visuelle-kommunikation:hover .mm18,
#brand-identity:focus .mm0, 
#brand-identity:focus .mm2, 
#digitale-kommunikation:focus .mm10, 
#digitale-kommunikation:focus .mm12, 
#digitale-kommunikation:focus .mm13, 
#visuelle-kommunikation:focus .mm15, 
#visuelle-kommunikation:focus .mm17, 
#visuelle-kommunikation:focus .mm18 {
	stroke-width:5;
}

#map.is-active .metro_line {
    opacity: .7;
}



#map.is-active .metro_line.is-active {

    opacity: 1;

}

.metro_line.is-active .mm0,
.metro_line.is-active .mm2,
.metro_line.is-active .mm10,
.metro_line.is-active .mm12,
.metro_line.is-active .mm13,
.metro_line.is-active .mm15,
.metro_line.is-active .mm17,
.metro_line.is-active .mm18 {
	stroke-width:5;
}

.cta0{fill:#E0E0E0;}
.cta1{fill:none;stroke:#E0E0E0;stroke-width:2.2148;stroke-linecap:round;stroke-linejoin:round;}

#cta-text {
	visibility: hidden;
}

body.mm_cta #cta-text {
	visibility: visible;
} 

body.mm_cta #station-punkt_10_hover {
	animation: metromap-pulsate 1.8s infinite ease-in-out;
}

#brand-identity a.is-active .station {
	fill: #E74450;
}

#digitale-kommunikation a.is-active .station {
	fill: #17A3E8;
}

#visuelle-kommunikation a.is-active .station {
	fill: #FFC600;	
}

/* ----------- Infobox ----------- */

.info_box {
    position: fixed;
    right: 2.5rem;
	z-index: 10;
    bottom: -100px;
    width: 400px;
	max-width: 96vw;
    background: #1F1F1F;
    color: var(--white-text);
    opacity: 0;
    visibility: hidden;
    text-align: left;
	box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);

	-moz-transition: ease-in bottom 150ms, ease-in opacity 150ms;
	-o-transition: ease-in bottom 150ms, ease-in opacity 150ms;
	-ms-transition: ease-in bottom 150ms, ease-in opacity 150ms;
	-webkit-transition: ease-in bottom 150ms, ease-in opacity 150ms;
	transition: ease-in bottom 150ms, ease-in opacity 150ms;
}

.info_box .close {
	/* text-indent: -9999999999999px; */
	color: transparent;
	width: 1.6rem;
	height: 1.6rem;
	display: block;
	position: absolute;
	top:-0.8rem;
	right:-0.8rem;
	z-index: 1000;
	background-color: #1F1F1F;
	background-color: rgba(31, 31, 31, .8);
	border-radius: 100%;
	cursor: pointer;
}

.info_box .close:hover,
.info_box .close:focus {
	background-color: #000000;
	background-color: rgba(0, 0, 0, .8);
	/* transform: scale(1.06); */
}

.info_box .close:before,
.info_box .close:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1px;
	margin-left: -8px;
	width: 16px;
	height:2px;
	background-color: #E0E0E0;
	transform: rotate(-45deg);
}

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

.map_popup_content {
	padding-left: 1.6rem;
	padding-right: 1.6rem;
	padding-bottom: 4.1rem;
	padding-top: 1.2rem;
}

.info_box.is-active {
    visibility: visible;
	z-index: 9999;
    opacity: 1;
    bottom: 2.5rem;

	-webkit-transition: ease-in-out bottom 450ms, ease-in-out opacity 450ms;
	-moz-transition: ease-in-out bottom 450ms, ease-in-out opacity 450ms;
	-o-transition: ease-in-out bottom 450ms, ease-in-out opacity 450ms;
	-ms-transition: ease-in-out bottom 450ms, ease-in-out opacity 450ms;
	transition: ease-in-out bottom 450ms, ease-in-out opacity 450ms;
}

.info_box h3 {
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 133%;
	margin-bottom: 0.8rem;
}

.info_box p,.info_box a, .info_box ul, .info_box ol, .info_box strong, .info_box i, .info_box span {
	font-size: 0.85rem;
	line-height: 157.5%;
	letter-spacing: 0.005em;
}

.info_box__links a {
	display: block;
    font-style: normal;
    font-weight: bold;
    font-size: 0.85rem;
    position: relative;
    font-size: 17px;
    height: calc(22px + .9rem);
	line-height: 22px;
    letter-spacing: 0.005em;
    color: var(--white-text);
	padding: .45rem .6rem;

    -moz-transition: 150ms ease-in all;
    -ms-transition: 150ms ease-in all;
    -o-transition: 150ms ease-in all;
    -webkit-transition: 150ms ease-in all;
    transition: 150ms ease-in all;
}

.info_box__links a:hover,
.info_box__links a:focus {
	color: #6F6F6F;
}

.info_box__links__prev {
	margin-right: auto;
}

.info_box__links__next {
	margin-left: auto;
}

.info_box__links__prev a {
	padding-left: calc(24px + 0.6rem);
}

.info_box__links__next a {
	padding-right: calc(24px + 0.6rem);
}

.info_box__links__prev a:before, 
.info_box__links__next a:before {
    content: "";
    background-image: url(/wp-content/themes/Schmucki_child/img/metro_arrow.svg);
    display: block;
    position: absolute;
    left: .6rem;
    width: 16px;
    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    top: 50%;
    margin-top: -9px;

    -moz-transition: 150ms ease-in all;
    -ms-transition: 150ms ease-in all;
    -o-transition: 150ms ease-in all;
    -webkit-transition: 150ms ease-in all;
    transition: 150ms ease-in all;
}

.info_box__links__prev a:before, 
.info_box__links__next a:before {
    background-image: url(/wp-content/themes/Schmucki_child/img/metro_arrow_white.svg);
}

.info_box__links__next a:before {
	transform: rotate(180deg);
	right: .6rem;
	left: initial;
}

.info_box__links a.brand-identity {
	background-color:#E74450;
	color: #ffffff;
}


.info_box__links a.visuelle-kommunikation {
	background-color: #FFC600;
	color: #ffffff;
}


.info_box__links a.digitale-kommunikation {
	color: #ffffff;
	background-color: #17A3E8;
}

.info_box__links a.visuelle-kommunikation:hover, 
.info_box__links a.visuelle-kommunikation:focus {
	color: #ffffff;
	background-color: #eeb900;
	transform: scale(1.04);
}

.info_box__links a.brand-identity:hover, 
.info_box__links a.brand-identity:focus {
	color: var(--white-text);
	background: #E9535D;
	transform: scale(1.04);
}

.info_box__links a.digitale-kommunikation:hover, 
.info_box__links a.digitale-kommunikation:focus {
	color: #ffffff;
	background-color: #1598d8;
	transform: scale(1.04);
}

.info_box__links a.brand-identity:hover:before, 
.info_box__links a.brand-identity:focus:before, 
.info_box__links a.visuelle-kommunikation:hover:before, 
.info_box__links a.visuelle-kommunikation:focus:before, 
.info_box__links a.digitale-kommunikation:hover:before, 
.info_box__links a.digitale-kommunikation:focus:before {
	background-image: url(/wp-content/themes/Schmucki_child/img/metro_arrow.svg);
}

.info_box__links {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* padding: 1.45rem 1.6rem; */
    padding: 1rem 1rem;
}

/* Metro Map (mobile) */
.b_mm0{fill:none;stroke:#E74450;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;}
.b_mm1{fill:#E74450;stroke:#424242;stroke-width:4;stroke-miterlimit:10;}
.b_mm2{fill:#424242;}
.b_mm3{font-family:'Simplon Norm'; font-weight:bold;}
.b_mm4{font-size:20px;}
.b_mm5{fill:#121212;stroke:#E74450;stroke-width:4.875;}
.b_mm6{clip-path:url(#SVGID_2_);fill:none;stroke:#E74450;stroke-width:3;}
.b_mm7{clip-path:url(#SVGID_4_);fill:none;stroke:#E74450;stroke-width:3;}
.b_mm8{fill:transparent;}
.b_mm9{fill:none;stroke:#424242;stroke-width:5;stroke-linejoin:round;}
.b_mm10{fill:#E0E0E0;}
.b_mm11{font-size:18px;}
.b_mm12{fill:none;stroke:#E0E0E0;stroke-miterlimit:10;}

.v_mm0{fill:none;stroke:#FDC61E;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;}
.v_mm1{fill:#FDC61E;stroke:#424242;stroke-width:4;stroke-miterlimit:10;}
.v_mm2{fill:#424242;}
.v_mm3{font-family:'Simplon Norm'; font-weight:bold;}
.v_mm4{font-size:20px;}
.v_mm5{fill:#121212;stroke:#FDC61E;stroke-width:4.875;}
.v_mm6{fill:#121212;stroke:#FDC61F;stroke-width:6;}
.v_mm7{fill:transparent;}
.v_mm8{clip-path:url(#v_SVGID_2_);fill:none;stroke:#FDC61F;stroke-width:3;}
.v_mm9{fill:none;stroke:#E0E0E0;stroke-miterlimit:10;}
.v_mm10{fill:none;stroke:#424242;stroke-width:5;stroke-linejoin:round;}
.v_mm11{fill:#E0E0E0;}
.v_mm12{font-size:18px;}
.v_mm13{clip-path:url(#v_SVGID_2_);fill:none;stroke:#FCC521;stroke-width:3;}

.d_mm0{fill:none;stroke:#1391D1;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;}
.d_mm1{fill:#1391D1;stroke:#424242;stroke-width:4;stroke-miterlimit:10;}
.d_mm2{fill:#424242;}
.d_mm3{font-family:'Simplon Norm'; font-weight:bold;}
.d_mm4{font-size:20px;}
.d_mm5{fill:#121212;stroke:#1391D1;stroke-width:4.875;}
.d_mm6{fill:#121212;stroke:#1391D1;stroke-width:6;}
.d_mm7{fill:transparent;}
.d_mm8{clip-path:url(#d_SVGID_2_);fill:none;stroke:#1391D1;stroke-width:3;}
.d_mm9{fill:none;stroke:#E0E0E0;stroke-miterlimit:10;}
.d_mm10{fill:none;stroke:#424242;stroke-width:5;stroke-linejoin:round;}
.d_mm11{fill:#E0E0E0;}
.d_mm12{font-size:18px;}

.color_light{fill:#E0E0E0;}


/* ----------- Karte ----------- */

#map_mobile.is-active svg#m_labels g:not(.is-active) .d_mm7:not(.link_box),
#map_mobile.is-active svg#m_labels g:not(.is-active) .v_mm7:not(.link_box),
#map_mobile.is-active svg#m_labels g:not(.is-active) .b_mm8:not(.link_box) {
	fill: none;
}

#map_mobile {
	position: relative;
}

#map_mobile svg {
	position: absolute;
	pointer-events: none;
	top: 0px;
	left: 0px;
	max-width: 100%;
}

#map_mobile svg a {
	pointer-events: initial;
}

#map_mobile svg#m_labels {
	position: relative;
	z-index: 2;
}

#map_mobile.is-active svg:not(#m_labels) {
	z-index: -1;
}

#map_mobile.is-active svg.is-active:not(#m_labels) {
	opacity: 1;
	z-index: 1;
}

#map_mobile.is-active svg:not(#m_labels) .m_mmline {
	-moz-transition: 150ms ease-in stroke-width;
    -ms-transition: 150ms ease-in stroke-width;
    -o-transition: 150ms ease-in stroke-width;
    -webkit-transition: 150ms ease-in stroke-width;
    transition: 150ms ease-in stroke-width;
}

#map_mobile.is-active svg.is-active:not(#m_labels) .m_mmline {
	stroke-width: 8px;
}

#map_mobile.is-active svg:not(.is-active):not(#m_labels) .m_mmline.d_mm0 {
	stroke: #12455E;
}

#map_mobile.is-active svg:not(.is-active):not(#m_labels) .m_mmline.b_mm0 {
	stroke: #67262B;
}

#map_mobile.is-active svg:not(.is-active):not(#m_labels) .m_mmline.v_mm0 {
	stroke: #705a17;
}

#map_mobile.is-active svg:not(.is-active):not(#m_labels) .color_light, 
#map_mobile.is-active svg#m_labels g:not(.is-active) .color_light {
	fill: #646464;
}

#map_mobile.is-active svg#m_labels g.metro_line:not(.is-active) .d_mm8,
#map_mobile.is-active svg:not(.is-active):not(#m_labels) .d_mm6, 
#map_mobile.is-active svg:not(.is-active):not(#m_labels) .d_mm5 {
	stroke: #12455E;
}

#map_mobile.is-active svg:not(.is-active):not(#m_labels) .d_mm1 {
	fill: #12455E;
}

#map_mobile.is-active svg#m_labels g.metro_line:not(.is-active) .v_mm13,
#map_mobile.is-active svg#m_labels g:not(.is-active) .v_mm8,
#map_mobile.is-active svg:not(.is-active):not(#m_labels) .v_mm6,
#map_mobile.is-active svg:not(.is-active):not(#m_labels) .v_mm5 {
	stroke: #705a17;
}

#map_mobile.is-active svg:not(.is-active):not(#m_labels) .v_mm1 {
	fill: #705a17;
}

#map_mobile.is-active svg#m_labels g.metro_line:not(.is-active) .b_mm7, 
#map_mobile.is-active svg#m_labels g.metro_line:not(.is-active) .b_mm6, 
#map_mobile.is-active svg:not(.is-active):not(#m_labels) .b_mm6, 
#map_mobile.is-active svg:not(.is-active):not(#m_labels) .b_mm5 {
	stroke: #67262B;
} 

#map_mobile.is-active svg:not(.is-active):not(#m_labels) .b_mm1 {
	fill: #67262B;
}

#map_mobile.is-active svg:not(.is-active):not(#m_labels) path:not(.m_mmline) {
	stroke: #252525;
}

#map_mobile svg#m_labels g a > * {
	-moz-transition: 250ms ease-in-out all;
    -ms-transition: 250ms ease-in-out all;
    -o-transition: 250ms ease-in-out all;
    -webkit-transition: 250ms ease-in-out all;
    transition: 250ms ease-in-out all;
}

#map_mobile.is-active svg#m_labels g:not(.is-active) a:not(.projekte-ansehen) > text {
	fill: #646464;
}

#map_mobile.is-active svg#m_labels g:not(.is-active) a:not(.projekte-ansehen) > path {
	stroke: #252525;
}

#map_mobile.is-active svg#m_labels g:not(.is-active) a:not(.projekte-ansehen) > path.d_mm2,
#map_mobile.is-active svg#m_labels g:not(.is-active) a:not(.projekte-ansehen) > path.b_mm2,
#map_mobile.is-active svg#m_labels g:not(.is-active) a:not(.projekte-ansehen) > path.v_mm2 {
	fill: #252525;
}


#map_mobile.is-active svg#m_labels g:not(.is-active) a:not(.projekte-ansehen) > path {
	stroke: #252525;
}

#map_mobile.is-active svg#m_labels g.is-active a:not(.projekte-ansehen) > *:not(.link_box) {
	opacity: 1;
	-moz-transition: 150ms ease-in all;
    -ms-transition: 150ms ease-in all;
    -o-transition: 150ms ease-in all;
    -webkit-transition: 150ms ease-in all;
    transition: 150ms ease-in all;
}

#map_mobile svg#m_labels a path.pulse, 
#map_mobile.is-active svg#m_labels g.is-active a:not(.is-active) path.pulse {
    stroke: rgb(41, 41, 41, 0.7);
	stroke-width: 9px;
	animation: mobile_metromap-pulsate 1.8s infinite ease-in-out;
}

#map_mobile.is-active svg#m_labels g.is-active a:not(.is-active) path.pulse {
    stroke-width: 13px !important;
}

#map_mobile.is-active svg#m_labels g.is-active a.is-active path.pulse {
    stroke: rgba(58, 58, 58, 0.8);

}

#map_mobile.is-active svg#m_labels g:not(.is-active) a path.pulse {
    stroke: rgb(25, 25, 25, 0.9);
    stroke-width: 13px !important;
}

.activate {
	pointer-events: initial !important;
}

path.end_station, circle.end_station {
	opacity: 0.4;
}

.end_station.is-active {
	animation: endstation-pulsate 1.8s infinite ease-in-out;
}

/* ----------- Media Queries ----------- */


@media screen and (max-width:680.98px) { 
	.info_box {
		width: 100%;
		max-width: initial;
		left: 0px;
		z-index: 9999;
		right: 0px;
		border-radius: 6px 6px 0px 0px;
		opacity: 1 !important;
		max-height: 54.273vh;
    	max-height: calc(var(--vh, 1vh) * 54.273);
		/* overflow:hidden;
		overflow-y:auto; */	
		
		-moz-transition: ease-in bottom 150ms;
		-o-transition: ease-in bottom 150ms;
		-ms-transition: ease-in bottom 150ms;
		-webkit-transition: ease-in bottom 150ms;
		transition: ease-in bottom 150ms;
	}

	.info_box.is-active {
		bottom: 0px;
		left: 0px;
		right: 0px;
		z-index: 99999;
		
		-moz-transition: ease-in bottom 450ms;
		-o-transition: ease-in bottom 450ms;
		-ms-transition: ease-in bottom 450ms;
		-webkit-transition: ease-in bottom 450ms;
		transition: ease-in bottom 450ms;
	}	
	
	.info_box figure {
		border-radius: 6px;
		overflow:hidden;
	}    
	.info_box__links {
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), linear-gradient(0deg, #1E1E1E, #1E1E1E), #1E1E1E;
		position: fixed;
	} 
	.info_box__links:after {
		content: "";
		background: linear-gradient(180deg, rgba(30, 30, 30, 0) 0%, rgba(30, 30, 30, 0.7) 100%);
		display: block;
		width: 100%;
		height: 46px;
		position: absolute;
		top: -46px;
		left: 0px;
	}

	.map_popup_content {
		padding-bottom: 6rem;
	}

	.info_box .mobile_overflow-box {
		max-height: 54.273vh;
		position: relative;
		max-height: calc(var(--vh, 1vh) * 54.273);
		overflow: hidden;
		overflow-y: auto;  
		opacity: 0;
		border-radius: 6px 6px 0px 0px;
		-ms-overflow-style: none;  /* Internet Explorer 10+ */
		scrollbar-width: none;  /* Firefox */

		-moz-transition: ease-in bottom 150ms, ease-in opacity 150ms;
		-o-transition: ease-in bottom 150ms, ease-in opacity 150ms;
		-ms-transition: ease-in bottom 150ms, ease-in opacity 150ms;
		-webkit-transition: ease-in bottom 150ms, ease-in opacity 150ms;
		transition: ease-in bottom 150ms, ease-in opacity 150ms;
	}

	.info_box.is-active .mobile_overflow-box {
		opacity: 1;
		-webkit-transition: ease-in-out bottom 450ms, ease-in-out opacity 450ms;
		-moz-transition: ease-in-out bottom 450ms, ease-in-out opacity 450ms;
		-o-transition: ease-in-out bottom 450ms, ease-in-out opacity 450ms;
		-ms-transition: ease-in-out bottom 450ms, ease-in-out opacity 450ms;
		transition: ease-in-out bottom 450ms, ease-in-out opacity 450ms;
	}

	.info_box .mobile_overflow-box::-webkit-scrollbar { 
		display: none;  /* Safari and Chrome */
	}
	.info_box .close {
		right: 15px;
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), rgba(30, 30, 30, 0.8);
	}
}

@media screen and (max-width:400.98px) {
	.info_box__links a {
		text-indent: -999px;
	}
}

/* ----------- Popups / Pop Ups ----------- */
.pum-container .pum-content+.pum-close {
	border-radius: 32px;	
	
	-webkit-transition: ease-in-out 250ms all;
    -moz-transition: ease-in-out 250ms all;
	-ms-transition: ease-in-out 250ms all;
    -o-transition: ease-in-out 250ms all;
    transition: ease-in-out 250ms all;
}
.pum-container .pum-content+.pum-close:hover,
.pum-container .pum-content+.pum-close:focus {
	opacity: 0.7;
}

.pum-container .pum-content+.pum-close:before,
.pum-container .pum-content+.pum-close:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1px;
	margin-left: -8px;
	width: 16px;
	height:2px;
	background-color: #E0E0E0;
	transform: rotate(-45deg);
}

.pum-container .pum-content+.pum-close:after {
	transform: rotate(45deg);
}

.textarea-focus .quform-label,
.input-focus .quform-label {
	background-color: #121212 !important;
}

.pum-container .textarea-focus .quform-label,
.pum-container .input-focus .quform-label {
	background-color: #1f1f1f !important;
}

.quform-required {
	display: none;
}


/* Quform Apero Checkbox styles */

.apero-buttons .quform-input-radio .quform-options {
    display: flex;
}
.apero-buttons .quform-input-radio .quform-options .quform-option {
    margin-top: 0;
    margin-right: 1.4rem;
    margin-bottom: 1.4rem;
    cursor: pointer;
}
.apero-buttons .quform-input-radio .quform-options .quform-option input {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0px;
    background-size: 12px;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 2px solid #6F6F6F;
    background-position: center center;
    cursor: pointer;
}
.apero-buttons .quform-input-radio .quform-options .quform-option input:checked {
    background-image: url(/wp-content/themes/Schmucki_child/img/icon-tick.svg);
    background-color: transparent !important;
    border-color: #E0E0E0 !important;
}
.apero-buttons .quform-input-radio .quform-options .quform-option:hover input {
    border-color: #E0E0E0 !important;
}

.apero-buttons .quform-input-radio .quform-options .quform-option label {
    cursor: pointer;
}

/*  */
body .pum-theme-schmucki .pum-container {
	padding:3.5rem;
}


/* Content */
figure {
	padding:0px;
	margin: 0px;
}

picture {
	max-width: 100%;
}

.wpb_text_column.button--normal {
	margin-bottom: 4.9rem;
}

.wpb_text_column .button--normal {
	margin-top: 2.2rem;
}

/* Kontaktseite */
.hero_media_container_inner:after {
	content:"";
	display: block;
	position: absolute;
	pointer-events: none;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 0px;
	padding-top: 25.749%;
	background: linear-gradient(180deg, rgba(21, 21, 21, 0) 0%, #151515 100%);
	opacity: 0.8;
}

.gmp_map_opts, .gmpMapDetailsContainer#gmpMapDetailsContainer_1_35394, #google_map_easy_1_11000, .gmpMapDetailsContainer#gmpMapDetailsContainer_1_11000, .gmpMapDetailsContainer, .gmp_MapPreview {
	height:100% !important;
}

.page-template-page-contact .cta {
	top: initial;
	bottom: -5vh;
	right: -5rem;
}

.page-template-page-contact  .hero_bottom {
	margin-bottom: 7.5rem;
}

/* Kormularblock */
.wpb_custom_form_column {
	max-width: 46.5rem;
	margin: 0 auto;
	position: relative;
	left:3.5rem;
	margin-bottom: 7.2rem !important;
}

.wpb_custom_form_column .seperator_title h2 {
	margin-bottom:1.6rem;
}

.all_teammembers .seperator_title h2 {
	margin-bottom: 6.7rem;
}

/* YouTube / Vimeo Video */
.video_container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

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

/* Iconslider */
.owl-icon-carousel {
	margin-bottom: 3.2rem;
}

.owl-icon-carousel .owl-item {
	height: 100%;
}

.owl-icon-carousel a figure img {
	transform: scale(1);
	-webkit-transition: ease-in-out 300ms all;
    -moz-transition: ease-in-out 300ms all;
    transition: ease-in-out 300ms all;
}

.owl-icon-carousel a:hover figure img,
.owl-icon-carousel a:focus figure img {
	transform: scale(1.16);
}

.owl-icon-carousel.owl-carousel .owl-stage-outer {
	margin-left: -20px;
	margin-left: -20px;
}

.slider-icon figure {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    height: 100%;
    min-height: 16rem;
	margin: auto;
}

/* ----------- Team Seite ----------- */
.hero_content-right.team_content-right {
	margin-top: 0.8rem;
}

.hero_content-right.team_content-right h2 {
	margin: 1rem 0px;
}

.hero_content-right a {
	display: inline-block;
	color:#E0E0E0;
	line-height: 1.575;
	letter-spacing: 0.005em;
	font-size: 1rem;
	position: relative;
	padding: 0;
	margin: 0 0 0.7rem;
	
	-webkit-transition: ease-in-out 250ms all;
    -moz-transition: ease-in-out 250ms all;
	-ms-transition: ease-in-out 250ms all;
    -o-transition: ease-in-out 250ms all;
    transition: ease-in-out 250ms all;
}

.hero_content-right a:before, 
.hero_content-right a:after {
	content: "";
	position: absolute;
	z-index: 0;
	height: 1px;
	background-color: #424242;
	width: 100%;
	bottom: 0px;
	left:0px;
}

.hero_content-right a:after {
	background-color: #E74450;
	z-index: 1;
	width: 0%;    
	-webkit-transition: ease-in-out 300ms all;
    -moz-transition: ease-in-out 300ms all;
	-ms-transition: ease-in-out 300ms all;
    -o-transition: ease-in-out 300ms all;
    transition: ease-in-out 300ms all;
}

.hero_content-right a:hover,
.hero_content-right a:focus {
	color:#e0e0e0;
}

.hero_content-right a:hover:after,
.hero_content-right a:focus:after {
	width: 100%;
}

.all-team-grid {
	display: flex;
	flex-wrap: wrap;
	max-width: 60rem;
	justify-content: flex-start;
	position: relative;
	left:3.6rem;
	margin: 0 auto;
}

.all-team-grid .teammember {
	max-width: 32%;
	margin-right: 1.333%;
	margin-bottom: 4rem;
}

.all-team-grid .teammember img {
	width: 56px;
	height: 56px;
	margin-bottom: 1.1rem;
	border-radius: 100%;
}

/* Team Liste */
.team-grid {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 60.199%;
	margin-bottom: 3.2rem;
}

.teammember {
	width: 43.802%;
	margin-bottom: 5.6rem;
}

.teammember img {
	margin-bottom: 0.6rem;
}

.teammember h3 {
	margin: 0px;
	font-weight: bold;
	font-size: 1.6rem;
	color:inherit !important;
	line-height: 1.33;
}

.teammember a {
	display: block;
	color: var(--white-text);
	line-height: 1.4;
	
	-webkit-transition: all ease-in 250ms;
	-o-transition: all ease-in 250ms;
	transition: all ease-in 250ms;
}

.teammember a:hover,
.teammember a:focus {
	opacity: 0.65;
}

/* ----------- CTA call to action ----------- */

/* Content CTA */
.cta_wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cta_box {
	max-width: 33.706%;
	position: relative;
}

.cta h3 {
	color: #fff !important;
	margin-bottom: 9px;
	line-height: 1.1;
}

.cta p {
	color: #fff !important;
	line-height: 1.4;
	display: inline-block;
}

.cta.arrow p:before {
	content: "";
    display: inline-block;
    position: relative;
    background: url(/wp-content/themes/Schmucki_child/img/cta_arrow_copy.svg);
    height: 0.9rem;
    width: 0.9rem;
    background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
    top: 0.1rem;
    margin-right: 0.5rem;
}

.cta.arrow span.arrow-big {
	content: "";
    display: inline-block;
	text-indent: -999999999px;
	color: transparent;
    position: relative;
    background: url(/wp-content/themes/Schmucki_child/img/cta_arrow_heading.svg);
    height: 1.45rem;
    width: 1.45rem;
    background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
    top: 0.4rem;
}


/* button arrow left go back - Pfeil nach links*/
.arrow-left a:before,
.arrow-left p:before {
	content: "";
    display: inline-block;
    position: relative;
    background: url(/wp-content/themes/Schmucki_child/img/arrow-left-grey.svg);
    height: 0.9rem;
    width: 0.9rem;
    background-position: center;
	background-repeat: no-repeat;
    background-size: auto;
    top: 0.13rem;
    margin-right: 0.5rem;
}


/* Picture & video container */
.picture_container, .video_container {
	position: relative;
	display: block;
	overflow: hidden;
	line-height: 1;
}

/* Bilder links/rechts */
.image-list {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: left;
	margin-bottom: 7.7rem;
}

.image-list > div {
	width: 48.259%;
	max-width: 776px;
	padding: 0px;
	margin: 0px;
	flex-shrink: 0;
	margin-top: -7.152%;
}

.image-list > div:first-child {
	margin-top: 0;
}

.image-list > div:nth-child(even) {
	align-self: flex-end;
	margin-right: 0;
}

.image-list > div:last-child {
	margin-bottom: 0px;
}

/* Zitat */
.quote {
	max-width: 46.4rem;
	margin: 0 auto 9.8rem auto;
}

.quote .button {
    margin-top: 1.45rem;
}
   
.quote__content {
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.33;
	color: var(--white-text);
	margin-bottom: 1rem;
}

.quote__author {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 157.5%;
	letter-spacing: 0.005em;
	color: var(--white-text);
}

/* Zwischentitel zeifarbig */
.seperator_title h2 {
	margin-bottom: 7.4rem/*8.8rem*/;
	margin-top: 4.8rem;
}

.seperator_title h2 span {
	color: #121212;
	white-space: nowrap;
    text-shadow: 1px 1px 0 #6f6f6f, 1px -1px 0 #6f6f6f, -1px 1px 0 #6f6f6f, -1px -1px 0 #6f6f6f, 1px 0px 0 #6f6f6f, 0px 1px 0 #6f6f6f, -1px 0px 0 #6f6f6f, 0px -1px 0 #6f6f6f;
}

/* Icon List */
.iconlists {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 1.526rem;
}

.iconlist__content {
	text-align: left;
	max-width: 485px;
	width:30.162%;
	margin-top: 3.316rem;
	margin-bottom: 1.526rem;
}

.iconlist__content a:focus *,
.iconlist__content a:active *,
.iconlist__content a:hover *,
.iconlist__content a:focus,
.iconlist__content a:active,
.iconlist__content a:hover {
	color: var(--white-text);
}

.iconlist__content a {
	display: block;
	margin-top: -1.6rem;
	padding-top: 1.6rem;
    -webkit-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 250ms all;
    -moz-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 250ms all;
    transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 250ms all;
}

.iconlist__content a:hover {
	padding-top: 0rem;
	padding-bottom: 1.15rem;
}

.iconlist__content a p, .iconlist__content a .icon_container {
	display: inline-block;
    -webkit-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 250ms padding;
    -moz-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 250ms padding;
    transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 250ms padding;
}

.iconlist__content a:hover p {
	padding-bottom: 0.2rem;
}

.iconlist__content a:hover .icon_container {
	padding-bottom: 0.25rem;
}

.iconlist__content h3 {
	margin-bottom: 1rem;
}

.iconlist__content .button {
	margin-top: 2rem;
}

.icon_container {
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

/* Slide Title */
.slide_title {
	position: relative;
	height: 14.8rem;
	margin-top: 3.2rem;
	pointer-events: none;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.slide_title > span {
	display: block;
	position: absolute;
	z-index: -2;
	font-weight: bold;
	font-size: 17.6rem;
	top:0px; 
	left: 3.3rem;
	line-height: 1;
	color: #121212;
	text-shadow: 1px 1px 0 #6F6F6F, 1px -1px 0 #6F6F6F, -1px 1px 0 #6F6F6F, -1px -1px 0 #6F6F6F, 1px 0px 0 #6F6F6F, 0px 1px 0 #6F6F6F, -1px 0px 0 #6F6F6F, 0px -1px 0 #6F6F6F;
    margin: 0;
    white-space: nowrap;
}

/* Text/Image Combination */
.text_image_combination {
	display: flex;
    align-items: flex-start;
}

.text_image--1 {
	max-width: 1200px;
	margin: 0 auto;
}

.text_image--3 {
	max-width: 1082px;
	margin: 0 auto;
}

.text_image--4 {
	max-width: 1400px;
	margin: 0px 2.25rem;
	align-items: center;
}

.text_image--2 {
	justify-content: flex-start;
	align-items: center;
	margin: 0px 2.25rem;
}

.text_image--1 .text_image_col_left {
	width: 429px;
	max-width: 100%;
}

.text_image--1 .text_image_col_right {
	width: 747px;
	max-width: 100%;
}

.text_image_col_left {
	margin-right: 0.6rem;
}

.text_image_col_right {
	margin-left: 0.6rem;
}

.text_image_col_right .text_content {
	margin-left: 3.3rem;
	margin-bottom: 4.1rem;
}

.text_image--2 .text_image_col_right .text_content {
	margin-left: 3.3rem;
	margin-top: 4.1rem;
	margin-bottom: 0px;
}

.text_image--4 .text_image_col_right .text_content {
	margin-bottom: 0px;
}

.text_image--3 .text_image_col_left img.size-small_portrait {
	margin-top: 2.1rem;
}

.text_image_col_right .text_content p,
.text_image_col_right .text_content ul {
	max-width: 563px;
}

.text_image_col_left .text_content {
	margin-right: 3.3rem;
	margin-bottom: 4.1rem;      
	text-align: right;            
}

img.size-small_portrait {
	width: 429px;
	max-width: 100%;
}

img.size-small_landscape {
	width: 747px;
	max-width: 100%;
}

.text_image--1 img.size-small_portrait {
	margin-top: 2.1rem;
}

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

.wpb_wrapper>div.button {
	margin-left: auto;
	margin-right: auto;
}

/* Image Slider */
.owl-image-slider .owl-item {
	max-height: 615px;
	max-width: 1000px;
}

.owl-image-slider .owl-stage-outer {
	margin-right: -999999px;
	left: 0px;
	width: auto;
    cursor: grab;
}

/* mobile slider */

.owl-mobile-slider .owl-item {
	max-height: 615px;
	max-width: 1000px;
}

.owl-carousel.owl-mobile-slider .owl-item img {
	width: auto;
}

.owl-mobile-slider .owl-stage-outer {
	margin-right: -999999px;
	left: 0px;
	width: auto;
    cursor: grab;
}

@media screen and (min-width: 400px) {   
    .owl-mobile-slider .picture_container.match-height,
    .owl-carousel.owl-mobile-slider .owl-item img {
        height: 615px !important;
    }
}
@media screen and (min-width: 1200px) {   
    .owl-mobile-slider .picture_container.match-height,
    .owl-carousel.owl-mobile-slider .owl-item img {
        height: 615px !important;
    }
}

/*  */
.picture_container.match-height {
	display: flex;
	align-items: center;
}

.slider_content, .single_content {
	max-width: 39.5rem;
	margin-top: 0.9rem;
	margin-bottom: 7.5rem;
}

.slider_content h2, .single_content h2 {
	margin-bottom: 1rem;
	margin-top: 0px;
}

.image-single, .video-single {
	margin-bottom: 1.6rem;
}

.video-single {
    max-width: 39.5rem;
}

.video-single.video-size_full {
    max-width: initial;
}

.smk_owl_buttons {
	margin-top: 1.2rem;
	display: flex;
	line-height: 18px;
	height: 18px;
}

.smk_owl_buttons strong {
	display: inline-block;
	line-height: 18px;
	height: 18px;
	min-width: 32px;
	color: #C4C4C4;
	font-size: 1rem;
	letter-spacing: 0.005em;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	margin:0px 0.5rem;
}

.smk_owl_button {
	text-indent: -999999px;
	display: inline-block;
	width:18px;
	height:18px;
	background-image: url(/wp-content/themes/Schmucki_child/img/slider-arrow.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 17px 16px;
	-webkit-transition: all ease-in 150ms;
	-o-transition: all ease-in 150ms;
	-ms-transition: all ease-in 150ms;
	-moz-transition: all ease-in 150ms;
	transition: all ease-in 150ms;
}

.smk_owl_button:hover {
	background-image: url(/wp-content/themes/Schmucki_child/img/slider-arrow-white.svg);
}

.smk_owl_prev {
	transform: rotate(180deg);
}

/* Filter */
.filter_bar {
	margin-bottom: 3.35rem;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.filters {
	margin-bottom: 6.8rem;
	margin-top: -1.1rem;
}

.filters button,
.sorting button {
	font-size: 0.85rem;
	display: inline-block;
	-webkit-appearance: none;
  	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
  	appearance: none;
	outline: none;
	color:#E0E0E0;
	letter-spacing: 0.005em;
	background-color: transparent;
	padding: 0.45rem 1.05rem;
	border: solid 1px #E0E0E0;
	margin-bottom: 0.8rem;

	-webkit-transition: all ease-in 250ms;
	-o-transition: all ease-in 250ms;
	-ms-transition: all ease-in 250ms;
	-moz-transition: all ease-in 250ms;
	transition: all ease-in 250ms;
	cursor: pointer;
}

.filters button:hover {
	-webkit-transition: all ease-in 250ms;
	-o-transition: all ease-in 250ms;
	-ms-transition: all ease-in 250ms;
	-moz-transition: all ease-in 250ms;
	transition: all ease-in 250ms !important;
	transition-delay: unset !important;
	transition-duration: 250ms !important;

	border-color: white;
	color: white;
	background-color: #2d2d2d;
}

.filters button.active {
	border-color: #E74450;
	color: #E74450;
	pointer-events: none;
	cursor: auto;
}

.filters button.active:hover {
	border-color: #E74450;
	color: #E74450;
	background: transparent;
}

.filters--clear {
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all ease-in 250ms;
	-o-transition: all ease-in 250ms;
	-ms-transition: all ease-in 250ms;
	-moz-transition: all ease-in 250ms;
	transition: all ease-in 250ms;
}

.filters--clear.active {
	opacity: 1;
	pointer-events: initial;
}

.filters--clear button {
	text-indent: -9999999999999px;
	color: transparent;
	width: 1.6rem;
	height: 1.6rem;
	display: block;
	position: relative;
	left: -0.9rem;
	z-index: 1000;
	background-color: #1F1F1F;
	background-color: rgba(31, 31, 31, .8);
	border-radius: 100%;
	cursor: pointer;
	appearance: none;
    outline: none;
    border: none;
	line-height: 2.5rem;
    margin-top: 0.425rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
	background: rgba(31, 31, 31, 0.9);
	opacity: 0.8;
    -webkit-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
    -moz-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
    transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
}

.filters.new.dropdown {
	margin-top: 0.7rem;
    -webkit-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 600ms height;
    -moz-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 60ms height;
    transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 600ms height;
}

.filters.new {
	margin-bottom: 0px;
}

.filters.new.dropdown button {
	font-style: normal;
	font-weight: 400;
	padding: 0;
	font-size: 1rem;
	line-height: 2rem;
	margin-bottom: 4px;
	border: 0px;
    color: var(--white-text);
    cursor: pointer;
    transition: all 0.5s;
}

.filters.new.dropdown button:hover,
.filters.new.dropdown button:focus,
.filters.new.dropdown button.active {
	border: none;
	background: none;
}

.filters--clear button:hover,
.filters--clear button:focus {
	background-color: #E74450;
}

.filters.new.dropdown button.active {
	/* font-weight: bold ; */
    color: #6F6F6F;
}

.filters--clear button:before,
.filters--clear button:after {
	content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -8px;
    width: 16px;
    height: 2px;
    background-color: #E0E0E0;
    transform: rotate(-45deg);
    -webkit-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
    -moz-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
    transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
}


.filters--clear button:focus:before,
.filters--clear button:hover:after,
.filters--clear button:focus:after,
.filters--clear button:hover:before {
    background-color: #ffffff;
}

.filters--clear button:after {
    transform: rotate(45deg);
}

.filter_bar > * {
	display: inline-block;
	position: relative;
	user-select: none;
	margin-right: 2.7rem;
}
.select {
	position: relative;
	display: flex;
	flex-direction: column;
}

.select__trigger, 
.sorting button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
    /* color: #f2f2f2; */
    color: var(--white-text);
    padding: 0px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    font-weight: bold;
    font-size: 1rem;
    line-height: 2.5rem;
    letter-spacing: 0.005em;
	cursor: pointer;
	background: transparent;
    border: none;
    -webkit-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 600ms width;
    -moz-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 600ms width;
    transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 600ms width;
}

.select__trigger:before, 
.sorting button:before {
    content: "";
    width: 0px;
    height: 2px;
    position: absolute;
    z-index: 1;
    bottom: 3px;
    left: 0px;
    background-color: #E74450;
    -webkit-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
    -moz-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
    transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
}

.select.active .select__trigger:before, 
.sorting button.active:before,
.select .select__trigger:hover:before,
.sorting button:hover:before,
.select.open .select__trigger:before {
	width: 100%;
}

.select__trigger:after, 
.sorting button:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 3px;
    left: 0px;
    background-color: #6F6F6F;
}

.filters.new {
	margin-top: 0px;
}

.filters.new.filters--topic, 
.filters.new.filters--branche {
	display: block;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 2;
	height: 0px;
    -webkit-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 200ms all;
    -moz-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 200ms all;
    transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 200ms all;
}

.select.open .filters.new.filters--topic, 
.select.open .filters.new.filters--branche {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	height: initial;
    -webkit-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 600ms all;
    -moz-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 600ms all;
    transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 600ms all;
}

.filters.dropdown button {
    float: left;
    clear: both;
    width: 1px;
    white-space: nowrap;
}

.filters.dropdown button span {
	display: inline-block;
    position: relative;
}

.filters.dropdown button span:before {
	content: "";
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 3px;
    left: 0px;
    background-color: #6F6F6F;
    -webkit-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
    -moz-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
    transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
}

.filters.dropdown button:hover span:before {
    width: 100%;
}

.filters.new button {
	position: relative;
	display: block;
	padding: 0 22px 0 22px;
	font-size: 22px;
	font-weight: 300;
	color: #3b3b3b;
	line-height: 60px;
	cursor: pointer;
	transition: all 0.5s;
}
.filters.new button:hover {
	cursor: pointer;
	background-color: #b2b2b2;
}

.filter_bar .arrow {
	display: inline-block;
	margin-left: 1rem;
	position: relative;
	height: 0.75rem;
	width: 0.75rem;
	background-image: url(/wp-content/themes/Schmucki_child/img/filter_arrow.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
    -webkit-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
    -moz-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
    transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
	transform: rotate(-180deg);
}

.open .arrow {
	transform: rotate(0deg);
}

.filter_bar .heart {
	display: inline-block;
	margin-left: 0.2rem;
	margin-right: 0.5rem;
	position: relative;
	height: 0.75rem;
	width: 0.75rem;
	background-image: url(/wp-content/themes/Schmucki_child/img/filter_heart.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
    -webkit-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
    -moz-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
    transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
}

.filter_bar button.active .heart {
	background-image: url(/wp-content/themes/Schmucki_child/img/filter_heart_fill.svg);
}

.no-results {
	visibility: hidden;
	height: 0px;
}

.no-results.show {
	visibility: initial;
	height: initial;
}

/* .teaser_item.no-results > div {
	margin-left: initial;
    text-align: initial;
} */

/* Teaser */

.teaser_item {
	display: block;
	width: 100%;
}

.teaser_item > div {
	max-width: 826px;
	width: 100%;
	margin: 2rem auto 4rem auto;
	text-align: center;
}

.teaser_item .icon_container {
	margin: 0 auto 1.3rem auto;
}

.teaser_item h3 {
	margin-top: 0px;
	margin-bottom: 1rem;
}

.teaser_item p {
	margin-top: 0px;
	margin-bottom: 2rem;
	max-width: initial !important;
}

.teaser_item .button a {
	margin-top: 2rem;
	margin-bottom: 2.5rem;
}

/* likes */
.like {
	color:#E74450;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 0.85rem;
	letter-spacing: 0.005em;
	line-height: 48px;
	margin-left: 2.4rem;
	cursor:pointer;
}

.like:before {
	content:"";
	display: inline-block;
	width: 48px;
	height: 48px;
	background-image: url(/wp-content/themes/Schmucki_child/img/icon-heart-light.svg);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all ease-in 150ms;
	-o-transition: all ease-in 150ms;
	-ms-transition: all ease-in 150ms;
	-moz-transition: all ease-in 150ms;
	transition: all ease-in 150ms;
}

.like:hover:before {
	transform: scale(1.18);
}

.liked:before {
	background-image: url(/wp-content/themes/Schmucki_child/img/icon-heart-full.svg);
}

.liked:hover:before {
	background-image: url(/wp-content/themes/Schmucki_child/img/icon-heart-full.svg);
}

/* Projekte */
.hero_content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-grow: 1;
	margin-bottom: 2.2rem;
	margin-top: 2.2rem;
}

.hero_content-left {
	max-width: 792px;
	flex-grow: 1;
	width: 60%;
}

.hero_content-right {
	max-width: 384px;
	flex-grow: 1;
	width: 30%;
}

.hero_content-left h2 {
	margin: 0px 0px 1rem 0px;
}

.hero_content-right strong,
.hero_content-right h3 {
	color: var(--white-text);
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.005em;
	margin: 0.5rem 0px 1.3rem 0px;
	display: block;
}

.hero_content-right ul {
	list-style-type: none;
}
.hero_content-right ul li, 
section > div:not(.hero_bottom) ul li {
	padding-left: 19px;
	display: block;
	position: relative;
	margin-bottom: 1px;
	color:#E0E0E0;
}
.hero_content-right ul li:after, 
section > div:not(.hero_bottom) ul li:after {
	content:"";
	display: inline-block;
	position: absolute;
	width: 5px;
	height: 1px;
	left: 0px;
	background-color: #6F6F6F;
	top: 12px;
}

ul.project_link_list {
	margin-top: 1.6rem;
}

ul.project_link_list a {
	position: relative;
	display: inline-block;
	padding-left: 23px;
	padding-bottom: 4px;
	margin-bottom: 1rem;
	color: var(--white-text);
	letter-spacing: 0.005em;
	border-bottom: #6F6F6F solid 1px;
    max-height: calc(1.575 * 1rem);
}

ul.project_link_list a:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0px;
    height: 1px;
    width: 0%;
    background-color: #E74450;
    -webkit-transition: ease-in width 250ms;
    -o-transition: ease-in width 250ms;
    -ms-transition: ease-in width 250ms;
    -moz-transition: ease-in width 250ms;
    transition: ease-in width 250ms;
}

ul.project_link_list a:hover:after {
    width: 100%;
}

ul.project_link_list a:before {
	content:"";
	display:block;
	position: absolute;
	background-position: left center;
	background-repeat: no-repeat;
	left:0px; top:0.2rem;
	width: 16px;
	height: 17px;
}

ul.project_link_list a.url_link:before {
	background-image: url(/wp-content/themes/Schmucki_child/img/link_icon.svg);
	top:0.3rem;
}

ul.project_link_list a.pdf_link:before {
	background-image: url(/wp-content/themes/Schmucki_child/img/pdf_icon.svg);
}

/* Post Teaser */
.wpb_blog_column .row_third.grid:not(.new) {
	height: auto !important;
}
.grid:not(.new) .blogteaser_home {
	position: relative !important;
	left: auto !important;
	top: auto !important;
}

/* Blog Übersicht Filter */
.blog-tags {
	margin-right: 10px;
}

.blog-tags:last-child {
	margin-right: 0;
}

.wpb_blog_nav_column .project_buttons.return_blog_button {
	margin-bottom: 3rem;
	margin-top: 1rem;
}

/* Projekt Teaser */
.blogteaser_home {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 3.6rem;
	width: 100%;
}

.blogteaser_home.inverted {
	flex-direction: row-reverse;
}

.teaser_item.blogteaser_home {
	margin-top: -1.5rem;
	margin-bottom: 1.8rem;

}

.blogteaser_home .style-h3 {
	color:#E0E0E0;
	margin: 0px 0px 1rem 0px;
}

.blogteaser_home.inverted .style-h3 {
	padding: 0px 0px 1rem 0px;
	margin: 0px;
}

.blogteaser_home p {
	max-width: 520px;
}

.blogteaser_home .col-left {
	position: relative;
	width: 543px;
	max-width: 33.769%;
	margin-bottom: 2rem;
}

.blogteaser_home .col-left > a {
    display: block;
}

.blogteaser_home .col-left > * {
	position: relative;
    -webkit-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms left;
    -moz-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms left;
    transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms left;
	left: 0rem;
}

.hover.blogteaser_home .col-left > * {
	left: -0.6rem;
}

/* .wpb_blog_nav_column .project_buttons, */
.wpb_blog_nav_column .project_buttons {
	margin-bottom: 6rem;
}

.project_subsite_like {
	width: fit-content;
}



/*  */

@media screen and (min-width: 1200px) {	
	/* bei blogübersicht verschiebt sich der text nach rechts? */
	.hover.blogteaser_home.blog_home .blog-preview-col > * {
		left: 0.6rem;
	}
}

.blogteaser_home .col-left > span.project_link {
	display: block;
	position: absolute;
	height: 100%;
	top:0px;
	width: 100%;
	left:-50%;
	cursor: pointer;
}

.blogteaser_home .col-right {
	width: 62.189%;
	max-width: 1000px;
	margin-bottom: 1.1rem;
}

.inverted .blog_teaser_link.button {
    position: relative;
    /* color: #f2f2f2; */
	color: var(--white-text);
    padding: 0px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    font-weight: bold;
    font-size: 1rem;
    line-height: 2.5rem;
    letter-spacing: 0.005em;
}

.inverted .blog_teaser_link.button:before {
    content: "";
    width: 0px;
    height: 2px;
    position: absolute;
    z-index: 1;
    bottom:3px; left:0px;
    background-color: #E74450;
    -webkit-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
    -moz-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
    transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
}

.hover .blog_teaser_link.button:before,
.hover .blog_teaser_link.button:before {
    width: 100%;
}

.col-right .project_link {
	display: block;
	overflow: hidden;
}

.col-right .project_link img {
    -webkit-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
    -moz-transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
    transition: cubic-bezier(0.41, 0.55, 0.27, 1.02) 300ms all;
	transform: scale(1);
}

.hover .col-right .project_link img {
	transform: scale(1.032);
}

.inverted .blog_teaser_link.button:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom:3px; left:0px;
    background-color: #6F6F6F;
}




/* placeholder color */

::-webkit-input-placeholder {
	color: #444
}

::-moz-placeholder {
	color: #444
}

:-ms-input-placeholder {
	color: #444
}

:-moz-placeholder {
	color: #444
}

.align_center,
.align_center * {
	text-align: center
}

.align_right,
.align_right * {
	text-align: right
}

.wpk_align_center {
	text-align: center
}

.wpb_wrapper {
	padding: 1.1rem 0 1.1rem 0
}

.wpb_wrapper .wpb_wrapper {
	max-width: initial!important;
	padding: 0!important
}

.wpk_align_right {
	text-align: right
}

.wpb_text_column {
	margin-bottom: 7.6rem
}

.page-id-1760 #header.hero_none h1,
.single-mailpoet_page #header.hero_none h1 {
    margin-top: 5.8rem;
}

/* .wpb_text_column:last-of-type {
	margin-bottom: 0
} */

.text_content h3 {
	margin-bottom: 1rem;
}

/* Textbereich Block breiter Start */
.text_content_bigger > .wpb_wrapper .text-container {
	width: 66.667%;
    max-width: 928px !important;
}

@media screen and (max-width: 930px) {
	.text_content_bigger > .wpb_wrapper .text-container {
		width: 100%;
	}
}

/* Textbereich Block breiter Ende */

.hidden-xs {
	display: none!important
}

.visible-xs {
	display: initial!important
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden
}

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

.accordion__content {
	overflow: hidden;
	display: none
}

.accordion__header {
	position: relative;
	cursor: pointer
}

.accordion__header .row {
	margin: 0
}

/* Liste (auch bei textblock dann anwenden, wenn es nichts kaputt macht) */
section > div:not(.hero_bottom) .accordion__content ul li,
.accordion__content ul > li {
	font-size: 20px;
	margin-bottom: 14px;
}

section > div:not(.hero_bottom) .accordion__content ul li:first-child,
.accordion__content ul > li:first-child {
	margin-top: 14px;
}

section > div:not(.hero_bottom) .accordion__content ul li::after,
.accordion__content ul > li::after {
	background: url("data:image/svg+xml,%3Csvg width='11' height='3' viewBox='0 0 11 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.800781 0.299805V2.6998H10.0008V0.299805H0.800781Z' fill='%236F6F6F'/%3E%3C/svg%3E%0A");
    width: 11px;
    height: 3px;
    top: 11.5px;
}

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

	/* accordion list content */
	section > div:not(.hero_bottom) .accordion__content ul li::after,
	.accordion__content ul > li::after  {
		top: 10px;
	}
}


@media screen and (max-width:1600px) {
	html {
		font-size: 18px!important;
	}
	h1, body .style-h1 {
		font-size: 8rem;
	}
	.footer_top p {
		font-size: 1rem;
	}
}

@media screen and (max-width:1480px) {
	.cta {
		right: 0px;
	}
	

	body .pum-theme-schmucki .pum-container {
		padding:1.5rem;
	}

	.iconlist__content .button {
		margin-top: 2.5rem;
	}

	.wpb_text_column {
		margin-bottom: 5rem;
	}

	.wpb_custom_form_column {
		left: initial;
	}

	h3, body .style-h3 {
		font-size: 1.9rem;
	}

	body.page-template-page-contact .hero_bottom_wrapper p a {
		max-height: calc(1.21 * 1.9rem - 1px);
	}

	.page-template-page-contact .cta {
		right:2rem;
	}

	.hero_content {
		width: 100%;
	}

	.hero_content-right {
		flex-grow: initial;
		min-width: 260px;
		width: initial;
	}
	.teammember {
		margin-bottom: 4.6rem;
	}

	.slide_title {
		margin-top: 2.909rem;
		height: 13.455rem;
	}

	.slide_title > span {
		font-size: 16rem;
	}
}

@media screen and (max-width:1220px) {
	h1, body .style-h1 {
		font-size: 6rem;
	}
	.footer_top {
		display: block;
	}

	.footer_top > * {
		width: 100%;
		max-width: 480px;
		min-width: initial;
		margin-bottom: 3.25rem;
	}
	.footer_top > *:last-child {
		margin-bottom: 0px;
	}
	.iconlist__content {
		width: 100%;
	}
	/* .iconlist__content h3 br {
		display: none;
	} */
	.blogteaser_home .col-right,
	.blogteaser_home .col-left {
		max-width: 48.8%;
	}
	
	.blogteaser_home h3.preline {
		margin-bottom: 0.4rem;
	}

	.blogteaser_home .style-h3 {
		margin-bottom: 0.5rem;
	}

	.blogteaser_home.more-projects {
		display: block;
	}

	.blogteaser_home.more-projects .col-left {
		display: none;
	}

	.blogteaser_home.more-projects .col-right {
		margin: 0 auto;
		text-align: center;
	}

	.teammember {
		margin-bottom: 3.5rem;
	}

	.wpb_custom_form_column .seperator_title h2 {
		font-size: 3.8rem;
	}
	.page-template-page-contact .cta {
		right:10px;
	}
	/* .hero_content {
		display: block;
	} */
	
	.hero_content-right {
		flex-grow: initial;
		min-width: 250px;
		width: initial;
		margin-left: 3rem;
	}

	.owl-mobile-slider .owl-item,
	.owl-image-slider .owl-item {
		max-width: 80vw;
	}

	.seperator_title h2 {
		margin-bottom: 5rem;
	}

	.slide_title {
		margin-top: 2.545rem;
		height: 11.773rem;
	}

	.slide_title > span {
		font-size: 14rem;
	}
}


	
.hidden_sm {
	display: initial
}

	
.visible_sm {
	display: none!important
}

@media screen and (max-width:1080px) { 
	
	.visible_sm {
		display: initial!important
	}	
	div.visible_sm {
		display: block!important
	}
		
	.hero_media_container_inner div.visible_sm {
		display: initial!important
	}

	.hidden_sm {
		display: none!important
	}

	.text_image--2, .text_image--4 {
		margin-left: 0px;
		margin-right: 0px;
	}

	.text_image--2 .text_image_col_right .text_content {
		margin: 0px;
	}

	.text_image--2 .text_image_col_right {
		margin-left: 0px;
	}

	.text_image--2 img.size-small_portrait {
		position: relative;
		float: right;
		right:-20px;
		margin-top: 1.75rem;
		max-width: 51.733vw;
	}

	.text_image--2 img.size-small_landscape {
		position: relative;
		left:-20px;
		margin-top: -4.2rem;
		max-width: 83.2vw;
	}

	.text_image--2 .text_content h3 {
		text-align: right;	
	}

	.text_image--2 .text_content {
		text-align: right;
		float: right;
	}

	.wpb_text_column.text_image--1,
	.wpb_text_column.text_image--2,
	.wpb_text_column.text_image--3,
	.wpb_text_column.text_image--4 {
		margin-bottom: 7.6rem;
	}
	
	.iconlist__content h3 p br {
		display: none; 
	}
}


@media screen and (max-width:980px) {
	html {
		font-size: 17px!important;
	}
	h1, body .style-h1 {
		font-size: 4.5rem;
		color: white;
	}	

	h2, body .style-h2 {
		font-size: 2.375rem;
		line-height: 1.02;	
	}

	header .style-h1, header .style-h2, header .style-h3, header h1, header h2, header h3, header strong.preline, header h3.preline, header h1.preline {
		color: white;

	}

	.iconlist__content .button {
		margin-top: 0px;
	}

	.blogteaser_home, .blogteaser_home.inverted {
		flex-direction: column-reverse;
		justify-content: flex-start;
		align-items: flex-start;
		margin-bottom: 5rem;
	}

	.blogteaser_home:last-child {
		margin-bottom: 0px;
	}

	.blogteaser_home .col-right, .blogteaser_home .col-left {
		width: 100%;
		max-width: initial;
	}

	.hero_content-left p {
		margin-bottom: 2rem !important;
	}

	.all-team-grid {
		left: 0px;
	}

	.wpb_text_column.text_image--1,
	.wpb_text_column.text_image--2,
	.wpb_text_column.text_image--3,
	.wpb_text_column.text_image--4 {
		margin-bottom: 5.2rem;
	}

	.page-scrolled header .site_logo {
		position: relative;
    	transform: translateY(-200px) !important;
	}

	.slide_title {
		margin-top: 1.75rem;
		height: 10.091rem;
	}

	.slide_title > span {
		font-size: 12rem;
	}
}

@media screen and (min-width:861px)and (max-width:1080px) {
	.text_image--2 .text_image_col_right {
		display: flex;
		flex-direction: row;
		width: 100%;
		flex-wrap: wrap;
	}

	.text_wrapper_tablet {
		margin-top: 1.75rem;
		max-width: calc(100% - 440px);
	}

	.iconlist__content {
		margin-bottom: 0px;
	}
}

@media screen and (max-width:860px) {
	.footer_bottom > * {
		max-width: initial;
	}
	.site_nav__footer {
		justify-content: flex-start;
	}
	.site_nav__footer li:first-child a {
		margin-left: 0px;
	}
	.site_nav__footer li a {
		margin-left: 20px;
	}
	.footer_bottom {
		display: flex;
		justify-content: flex-start;
	}
	.cta_wrapper {
		flex-direction: column;
	}
	.team-grid {
		width: 100%;
		max-width: 100%;
	}
	.cta_box .cta {
		margin-left: -7.25rem;
		right: initial;
	}

	.wpb_wrapper {
		padding: 3.5rem 0 1.1rem 0
	}

	.wpb_wrapper {
		padding: 1.1rem 0 1.1rem 0;
	}

	.wpb_text_column {
		margin-bottom: 3.75rem;
	}

	.image-list {
		display: block;
	}

	.image-list > div {
		margin-top: 2rem;
		width: initial;
	}

	.hero_content {
		margin-bottom: 0px;
	}

	.page-template-page-contact .hero_bottom {
		margin-bottom: 3.75rem;
	}
	.wpb_news_list .project_buttons {
		margin-top: 1.2rem;
	}
	
	.slide_title {
		height: 8.409rem;
	}
	

	.slide_title > span {
		font-size: 10rem;
	}
}

	
.visible_xs {
	display: none!important
}

.hero_media_container_inner .hidden_xs {
	display: initial
}

@media screen and (max-width:767px) {
	body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
		max-width: 100vw;
		left: 0;
		right: 0;
		bottom: 0;
	}

	body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder {
		padding-left: 0rem;
	}
	
	.visible_xs {
		display: initial!important
	}
	
	div.visible_xs, figure.visible_xs {
		display: block!important
	}
	
	
	.hero_media_container_inner div.visible_xs {
		display: initial!important
	}
	
	.hero_media_container_inner div.visible_xs {
		display: initial!important
	}

	.hidden_xs {
		display: none!important
	}

	.text_image--1,
	.text_image--3,
	.text_image--4 {
		margin-left: 0px;
		margin-right: 0px;
	}

	.text_image--1 .text_image_col_right .text_content, 
	.text_image--3 .text_image_col_right .text_content, 
	.text_image--4 .text_image_col_right .text_content {
		margin: 0px;
	}
 
	.text_image--4 .text_image_col_right .text_content {
		margin-bottom: 1.75rem;
	}

	.text_image--1 .text_image_col_right, 
	.text_image--3 .text_image_col_right, 
	.text_image--4 .text_image_col_right {
		margin-left: 0px;
	}

	.text_image--1 img.size-small_portrait, 
	.text_image--3 img.size-small_portrait {
		position: relative;
		left:-20px;
		margin-top: 1.75rem;
		max-width: 51.733vw;
	}

	.text_image--1 img.size-small_landscape, 
	.text_image--3 img.size-small_landscape, 
	.text_image--4 img.size-small_portrait {
		position: relative;
		right:-20px;
		margin-top: -4.2rem;
		float: right;
		max-width: 83.2vw;
	}

	.text_image--3 .text_content h3 {
		text-align: right;	
	}

	.text_image--3 .text_content {
		text-align: right;
		float: right;
	}

	/* für die Unterseite https://www.agenturschmucki.ch/mediamatiker-lehrstelle-uster/ überschreiben */
	.page-id-4231 .text_image--3 .text_content h3 {
		text-align: left;	
	}
	.page-id-4231 .text_image--3 .text_content {
		text-align: left;
		float: left;
	}

	.slider-icon figure figcaption, .hero_content-left .style-h3, #Content section .wpb_text_column .style-h3, .single-mitarbeiter .hero_content-left h2, .cta h3 {
		font-size: 1.4rem;
	}

	body.page-template-page-contact .hero_bottom_wrapper p a {
		max-height: calc(1.21 * 1.4rem - 1px);
	}

	.hero_content-left {
		width: 100%;
		max-width: 100%;
	}

	.image-list {
		margin-bottom: 3.75rem;
	}

	.quote {
		margin: 0 auto 3.75rem auto;
	}

	.teammember {
		width: 47.802%;
		margin-bottom: 3.75rem;
	}

	.all-team-grid .teammember {
		max-width: 48.07%;
		margin-right: 1.333%;
	}

	.seperator_title h2 {
		margin-bottom: 3.75rem;
	}

	.quform-spacer > .quform-child-elements {
		display: block;
	}

	.quform-element-group>.quform-spacer>.quform-child-elements>.quform-element {
		width: 100%;
	}

	.quform-element-group {
		padding-bottom: 0px;
	}

	.hero_content {
		display: block;
	}
	
	.hero_content > * {
		flex-grow: initial;
		min-width: 100%;
		max-width: 100%;
		width: 100%;
		margin-left: 0px;
	}

	.mailpoet_paragraph {
		margin-bottom: 1rem !important;
	}

	
	.text_content h3 {
		margin-bottom: 0.5rem;
	}

	.footer_top .company_info strong {
		margin-top: 1rem;
	}

	footer .site_logo a {
		margin-bottom: 0.7rem !important;
	}

	.footer_top h3 {
		margin-bottom: 0.7rem;
	}

	.footer_top p {
		margin-top: 0.7rem;
	}

	.mailpoet_checkbox_label {
		margin-top: 1rem;
	}

	.footer_nav .site_nav__footer {
		justify-content: center;
	}

	.social_links {
		justify-content: center;
	}

	.all_teammembers .seperator_title h2 {
		margin-bottom: 3.25rem;
	}
	.slide_title {
		height: 6.727rem;
	}

	.slide_title > span {
		font-size: 8rem;
	}

	
  
	body .text-right, body .text-left {
		left: 15px;
		bottom: 12px;
	}

	body .text-right {
		left: initial;
		right: 15px;
	}

}

@media screen and (max-width:685px) { 
	.filter_bar {
		flex-direction: column;
	}
	.filters--clear button {
		left:0px;
		color: var(--white-text);
		white-space: nowrap;    
		text-indent: 2.5rem;
		color: white;
	}
}

@media screen and (max-width:620px) {
	h1, body .style-h1 {
		font-size: 3.5rem;
	}
	h3, body .style-h3 {
		font-size: 1.5rem;
	}

	body.page-template-page-contact .hero_bottom_wrapper p a {
		max-height: calc(1.21 * 1.5rem - 1px);
	}
	
	.page-template-page-contact header .cta {
		display: none;
	}

	.wpb_wrapper {
		padding: 1.5rem 0 1.1rem 0;
	}
	.quote__content {
		font-size: 1.2rem;
	}
	.quote__author {
		font-size: 1rem;
	}

	.page-template-page-contact .hero_bottom {
		margin-bottom: 2.5rem;
	}

	body .pum-theme-schmucki .pum-container {
		left: 1.2rem !important;
		right: 1.2rem !important;
		width: initial !important;
		padding: 1rem;
	}
	
	.mailpoet_submit, button.quform-submit {
		float: none;
		margin-top: 1.5rem;
	}

	.hero_teaser_wrapper {
		padding-top: 3.5rem;
	}	
	.slide_title {
		height: 5.886rem;
	}

	.slide_title > span {
		font-size: 7rem;
	}
  
	body .text-right, body .text-left {
		left: 12px;
		bottom: 10px;
	}

	body .text-right {
		left: initial;
		right: 12px;
	}
}

.visible_xxs {
	display: none!important
}

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

	/* für 404 kampagne */
	.text_image_col_right > .visible_xs {
		margin-bottom: 50px;
	}


	.visible_xxs {
		display: initial!important
	}

	div.visible_xxs, figure.visible_xxs {
		display: block!important
	}

	.all-team-grid .teammember {
		max-width: 100%;
		width: 100%;
		margin-right: 0px;
	}

	.seperator_title h2 {
		margin-bottom: 2.5rem;
	}

	.all-team-grid .teammember figure {
		display: flex;
	}

	.all-team-grid .teammember figure img {
		margin-right: 1.2rem;
	}
	.all-team-grid .teammember {
		margin-bottom: 2.5rem;
	}

	.social_links {
		margin-bottom: 1.75rem;
	}
	.footer_bottom {
		display: block;
	}
	.social_links > a:last-child {
		margin-right: 0px;
	}
}

@media screen and (max-width:480px) {
	.teammember {
		width: 100%;
		max-width: 17rem;
		margin-bottom: 2.75rem;
	}

	.team-grid {
		width: 100%;
		max-width: 100%;
	}
	.slide_title {
		height: 5.045rem;
	}

	.slide_title > span {
		font-size: 6rem;
	}
}

@media screen and (max-width:370px) {
	html {
		font-size: 14px!important;
	}	
	.slide_title {
		height: 4.204rem;
	}

	.slide_title > span {
		font-size: 5rem;
	}
}

@media screen and (max-width:1300px) {
	.hidden-xs {
		display: initial!important
	}
	.visible-xs {
		display: none!important
	}
	
}

@media screen and (orientation: portrait) {
	.page-template-page-contact .cta {
		display: none;
	}
}

@media screen and (max-width:1300px) {
	.page-template-page-contact .cta {
		display: none;
	}
}

/* IE11 */
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop,
		[data-aos^=fade][data-aos^=fade],[data-aos^=zoom][data-aos^=zoom]{
		opacity: 1 !important;
		transform: none !important;
	}
}

.moove-gdpr-branding-cnt {
	display: none !important;
}



.checkbox--plus .quform-option {
	padding-left: 0;
    cursor: pointer;
	margin-top: 0;
}

.checkbox--plus .quform-option input[type="checkbox"] {
	border: none;
    position: relative;
    width: 30px;
    background: none;
}

.checkbox--plus .quform-option input[type="checkbox"]::before, .checkbox--plus .quform-option input[type="checkbox"]::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -7px;
    height: 18px;
    width: 2px;
    background: #E0E0E0;
	transition: all 200ms ease-in-out;
}

.checkbox--plus .quform-option input[type="checkbox"]::before {
    transform: rotate(90deg);
}

.checkbox--plus .quform-option input[type="checkbox"]:checked:after {
    transform: rotate(90deg);
}

.quform-element-6_14 {
    margin-top: 1.7rem;
}

.image-spliter {
	max-height: 770px;
}

/* Bildvergleich mit Retina Auflösung: Format korrigieren */
/* .image-spliter.slider_retina_img {
	height: 3198px;
	width: 770px;
} */

/* ReCaptcha */
p.recaptcha-text, .recaptcha-text a {
	color: #6F6F6F;
	font-size: 0.8rem;
}

p.recaptcha-text {
	padding-bottom: 3rem;
}

.recaptcha-text a:hover {
	color: #6F6F6F !important;
}