/*
Theme Name: Altefco Child
Theme URI: https://point-break.ch
Template: Altefco
Author: the PB team
Author URI: https://point-break.ch
Description: Altefco theme
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.7.1678458284
Updated: 2023-03-10 15:24:44
*/

.wpml-images-element img{
  width: 100%;
  max-width: 100%;
  height: auto;
}
.wpml-images-element a{
  display: block;
}
/*--------------------
Passivierverfahren
--------------------*/

.mob_passiv_blue_sec_neu{
  display: none;
}

.passiv_elem_neu .beschichtungsarten-redElements_neu{
  justify-content: center;
}


.beschichtungsarten-redElements_neu {
  display: flex;
  position: relative;
  z-index: 2;
}

.beschichtungsarten-red_block_neu {
  width: 25%;
}

.beschichtungsarten-red_block_neu:hover {
  transform: scale(1.05);
}

.beschichtungsarten-red_block_neu.active_passiv:hover {
  transform: scale(1);
}

.necessarily-row_neu {
  display: none;
}

.beschichtungsarten-wrapper_neu {
  margin-top: 60px !important;
}

.four-blocks_slider_neu {
  margin-top: 100px;
  margin-bottom: 100px;
}

.four-blocks_slider-mobile_neu.vc_section.vc_section-flex{
  display: none;
}

.four-blocks_slider_neu>div:not(.four-blocks_row_neu),
.four-blocks_row-title_neu,
.beschichtungsarten-underRed_neu {
  padding: 0 7.3vw !important;
}

.four-blocks_slider_neu>div:first-child {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.four-blocks_title-row_neu {
  margin-bottom: 40px;
}

.four-blocks_single_neu,
.beschichtungsarten-red_block_neu {
  background-color: var(--color-red);
  width: 20.41vw !important;
  padding: 50px 40px 40px 60px !important;
  min-height: 522px !important;
  transition: var(--transition);
  cursor: pointer;
  position: relative;
}

.beschichtungsarten-red_block_neu::before {
  content: '';
  position: absolute;
  bottom: 0vw;
  left: 0;
  transform: translate(0, -10.15vw);
  background-color: var(--color-dark-blue);
  clip-path: polygon(100% 0, 100% 50%, 50% 100%, 0 50%, 0 0);
  height: 10.15vw;
  width: 100%;
  transition: var(--transition-longer);
  z-index: -1;
  opacity: 0;
  backface-visibility: hidden;
}

.beschichtungsarten-red_block_neu.active_passiv::before {
  opacity: 1;
  transform: translate(0, calc(10.14vw - 1px));
  transition: var(--transition);
}

.four-blocks_single_neu.active_passiv,
.beschichtungsarten-red_block_neu.active_passiv {
  width: 27.81vw !important;
  background-color: var(--color-dark-blue);
}

.four-blocks_single_neu>div,
.four-blocks_single_neu>div>div {
  height: 100%;
}

.four-blocks_single_neu *,
.beschichtungsarten-red_block_neu * {
  color: var(--color-white);
}

.four-blocks_row_neu,
.beschichtungsarten-redElements_neu {
  display: flex;
  justify-content: center;
}

.four-blocks_row_neu>div:not(:last-child),
.beschichtungsarten-redElements_neu>.beschichtungsarten-red_block_neu:not(:last-child) {
  margin-right: 20px;
}

.four-blocks_single-text_neu {
  margin-bottom: 0 !important;
}

.four-blocks_single-text_neu * {
  font-size: 28px;
}

.four-blocks_single_neu>div>div {
  position: relative;
}

.four-blocks_single-text_neu {
  position: absolute;
  top: calc(8.33vw - 60px);
  opacity: 0;
  visibility: hidden;
}

.four-blocks_single-title_neu {
  margin-bottom: 0 !important;
  position: absolute;
  top: 95px;
  transition: var(--transition);
}

.four-blocks_single-title_neu::after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 65%;
  height: 2px;
  background-color: var(--color-white);
  transition: var(--transition);
  opacity: 0;
}

.four-blocks_single-title_neu p {
  margin-top: 0 !important;
  text-align: center;
}

.four-blocks_single-btn_neu {
  position: absolute;
  bottom: calc(164px - 50px);
  margin-bottom: 0 !important;
}

.four-blocks_single-btn_neu a {
  font-size: 28px !important;
}

.four-blocks_single-title_neu * {
  font-size: 46px;
  transition: var(--transition);
}

.four-blocks_single_neu.active_passiv .four-blocks_single-title_neu * {
  font-size: 22px;
}

.four-blocks_single_neu.active_passiv .four-blocks_single-title_neu {
  top: 0px;
}

.four-blocks_single_neu.active_passiv .four-blocks_single-title_neu::after {
  opacity: 1;
}

.beschichtungsarten-red_block_neu .art_description_neu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition: var(--transition-longer);
  font-size: 0.75vw;
  font-weight: 300 !important;
}

.beschichtungsarten-red_block_neu.active_passiv .art_description_neu {
  opacity: 1;
  visibility: visible;
  position: relative;
  font-size: var(--font-size-24) !important;
  transition: var(--transition);
}

.beschichtungsarten-underRed_block_neu {
  display: flex;
  flex-direction: column;
  padding: 19.25vh 2.6vw 10.27vh;
  display: none;
  color: var(--color-red) !important;
  position: relative;
}

.beschichtungsarten-underRed_block_neu::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(83, 104, 194, 0.15);
  z-index: -4;
}

.beschichtungsarten-underRed_block_neu::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  z-index: -5;
}

.beschichtungsarten-underRed_neu {
  /* padding: 0 7.39vw!important; */
  margin-top: 35px;
}

.underRed_brand-bottom_neu {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.beschichtungsarten_two-blocks_neu {
  display: flex;
  margin-top: 58px !important;
}

.beschichtungsarten_two-blocks_neu>div:first-child {
  margin-right: 30px;
}

.beschichtungsarten-underRed_image_neu {
  display: flex;
  align-items: center;
  font-size: var(--font-size-24);
  margin-bottom: 30px;
}
.text-blue {
  color: var(--color-dark-blue);
}
.add_desc_term_neu {
  font-size: var(--font-size-24);
  max-width: 50%;
}
.beschichtungsarten-underRed_image_neu img {
  width: 3.13vw;
  height: 3.13vw;
  margin-right: 23px;
}

.beschichtungsarten-underRed_title_neu {
  margin-top: 0 !important;
  margin-bottom: 7.87vh;
  font-size: 2.91vw;
}

.beschichtungsarten-underRed_vorteile_neu {
  margin-top: 0;
  font-size: 1.145vw;
  font-weight: 500;
  position: relative;
  display: inline;
}

.beschichtungsarten-underRed_vorteile_neu::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 5.1vw;
  height: 3px;
  background-color: var(--color-red);
}

.underRed_brand-logos_neu {
  margin-top: 42px;
  margin-left: 10.41vw;
}

.underRed_brand-logo_neu {
  margin-bottom: 68px !important;
}

.underRed_brand-logo_neu a {
  display: block;
}

.underRed_brand-logo_neu img {
  height: 3.7vw;
  width: auto;
}

.beschichtungsarten-mehr_btn_neu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: var(--font-size-24);
  padding: 10px 10px 10px 41px;
  background-image: url('/wp-content/uploads/2023/03/angles-left-white.svg');
  background-size: 28px;
  background-position-x: 0;
  background-position-y: 50%;
  background-repeat: no-repeat;
  transition: var(--transition);
  position: absolute;
  bottom: 8.54vw;
  left: 50%;
  transform: translate(-50%, 0);
  white-space: nowrap;
}

.art_top-title_neu {
  margin-top: 0 !important;
  font-size: 1.145vw;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}

.beschichtungsarten-red_block_neu.active_passiv .art_top-title_neu {
  opacity: 1;
  visibility: visible;
  margin-bottom: 4.32vw !important;
}

.art_top-title_neu::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 5.1vw;
  height: 3px;
  background-color: var(--color-white);
}

.art_main-title-wrapper_neu {
    position: absolute;
    top: calc(4.32vw + 50px);
    left: 50%;
    transform: translate(-50%, 0px);
    right: 40px;
    display: flex;
    justify-content: center;
    width: 80%;
}

.art_main-title_neu {
  display: inline-block;
  word-wrap: break-word;
  text-align: center;
  transition: var(--transition);
  font-weight: 500;

}
.art_star_neu {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.beschichtungsarten-red_block_neu.active_passiv .art_main-title_neu {
  opacity: 0;
  visibility: hidden;
}

.beschichtungsarten-red_block_neu.active_passiv .beschichtungsarten-mehr_btn_neu {
  opacity: 0;
  visibility: hidden;
}


/*--------------------
End Passivierverfahren
--------------------*/









#popup-marke {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
}


.popup-overlay-marke {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}


.popup-content-marke {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  width: 90%;
  max-width: 700px;
}

.close-popup-marke{
	position: absolute;
    right: 10px;
    top: 10px;
}

#popup-marke input {
	padding: 14px 14px 14px 14px!important;
}

#popup-marke .form_element{
	margin-bottom: 10px!important;
}

#popup-marke .wpcf7-list-item{
    display: block!important;
    margin: 0 0 0 0!important;
	color: white!important;
}

#popup-marke .wpcf7-list-item-label{
	color: white!important;
}

#popup-marke input[type=checkbox] {
	width:auto!important;
}

.marke-form-checkbox .wpcf7-list-item-label{
	display: inline-block!important;
}

#popup-marke .stellen-submit_wrapper {
    margin-top: 30px!important;
    padding-bottom: 20px!important;
}

#popup-marke .wpcf7-submit{
	padding: 20px 46px 20px 99px!important;
}

#popup-marke .marke-form-checkbox{
	display: flex;
    flex-wrap: wrap;
    gap: 10px 10px;
}

#popup-marke .wpcf7-response-output{
	margin-bottom: 5px!important;
	margin-top: 5px!important;
}

#popup-marke .form_element select{
  margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
min-height: 50px !important;
}

#popup-marke .marken_sec_title{
  font-size: 22px!important;
  color:white!important;
  margin-top: 10px!important;
  margin-bottom: 10px!important;
}

#popup-marke .marken_cf7_radio p{
  margin-top: 0!important;
  margin-bottom: 0!important;
}

.close-popup-marke {
  position: absolute;
  top: 10px;          /* adjust as needed */
  right: 10px;        /* adjust as needed */
  width: 50px;        /* the overall container width */
  height: 50px;       /* the overall container height */
  cursor: pointer;
  /* optional: hide link text visually but keep it for screen readers */
  text-indent: -9999px;
  overflow: hidden;
  /* optional: background color if you want a black square behind the X
     background-color: #000;
  */
}

/* Two white lines crossing to form an X */
.close-popup-marke::before,
.close-popup-marke::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;             /* line thickness */
  background-color: #fff;  /* line color (white) */
  transform-origin: center;
}

/* One line is rotated +45°, the other -45° */
.close-popup-marke::before {
  transform: translateY(-50%) rotate(45deg);
}
.close-popup-marke::after {
  transform: translateY(-50%) rotate(-45deg);
}

#popup-marke .stellen_wrapper {
    padding: 55px 65px 0!important;
}

@media screen and (max-width:768px){
  #popup-marke .marken_sec_title{
    font-size: 18px!important;
  }

	#popup-marke .wpcf7-submit {
		padding: 20px 19px 20px 30px !important;
	}

	#popup-marke .stellen_wrapper {
		padding: 25px 25px 0 !important;
	}

	.close-popup-marke {
		position: absolute;
		top: 20px;
		right: 25px;
		width: 25px;
		height: 25px;
		cursor: pointer;
		text-indent: -9999px;
		overflow: hidden;
	}
}

@media screen and (min-width: 2000px){
	#popup-marke .wpcf7-list-item{
		font-size: 22px!important;
	}
}

@media screen and (min-width: 1400px){
	#popup-marke .wpcf7-submit{
		font-size: 22px!important;
	}
}


/*--------------------
Search page
--------------------*/
/*
.search-results video, .slick-slider, .team_persons-wrapper, .aktuell-frei-wrapper, .beschichtungsarten-wrapper, .beschichtungen-elements_wrapper, .wrapper-images_titles, .angebot_rating_wrapper, .angebot-rating_elements-wrapper, .marken-gallery, .marken_settings, .homepage_rating_conteiner, .next-marken_content{
	display: none!important;
}
 */

/*--------------------
General setting
--------------------*/
* {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  font-family: 'Graphit', sans-serif;
}

img{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  pointer-events:none
}

#page {
  overflow: hidden;
}

html:lang(de-DE), html:lang(fr-FR), html:lang(en-US){
  margin-top: 0 !important;
}

label.no_transfer {
  font-style: inherit;
  font-size: inherit;
  display: inline-block;
  text-decoration: inherit;
  cursor: inherit;
  text-decoration-color: inherit;
}

.entry-content>section {
  min-height: 100vh;
}
body.home {
    overflow: hidden;
}
body {
  margin: 0;

  position: relative;
}

body.no-scroll,
html.no-scroll {
  -webkit-overflow-scrolling: touch;
}

html.vc_desktop {
  overflow-x: hidden;
  margin-top: 0 !important;
}

#wpadminbar {
  display: none;
}

.vc_section:not(.full_w) {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.vc_column_container>.vc_column-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.vc_row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.vc_section:not(.full_w) {
  padding-left: 7.3vw !important;
  padding-right: 7.3vw !important;
}

.m_inside,
.m_inside * {
  margin: 0 !important;
}

.wpb_wrapper a:not(.marken-meht_btn, .clear-link a, .red_btn a, .custom_btn a, .home-top_icons-lang a, .marken-mehr_btn, .red_section a, .ansprechpartner-redSticker_block a), .error-404 a {
  color: inherit !important;
  font-size: inherit !important;
  text-decoration-color: #DA3E40 !important;
}
.grecaptcha-badge {
  display: none;
}
.quotes-image img {
  width: 7.2vw;
  height: auto;
}
span.nonbreakable {
  display: inline-block!important;
}
/*--------------------
  	animations
--------------------*/
.imageWrapper>figure>div {
  overflow: hidden;
}

.imageWrapper img {
  transform: scale(1.15);
}

.textParallax .textwrapper>div,
.textParallax .textwrapper>a {
  transition: var(--transition);
}

/*--------------------
  buttons
--------------------*/
.custom_btn,
.custom_btn a {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0;
}

.custom_btn a {
  font-size: var(--font-size-24) !important;
}

.custom_btn a {
  padding-left: 33px !important;
  line-height: 47px !important;
  position: relative !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: var(--transition) !important;
  display: inline-block !important;
  background-size: 1.14vw !important;
  background-position-x: left !important;
  background-position-y: center !important;
}

.custom_btn a:not(.white_btn a) {
  font-weight: 500 !important;
}

.custom_btn.blue_btn a {
  color: var(--color-dark-blue) !important;
  background-image: url("/wp-content/uploads/2023/04/angles-right.svg") !important;
}

.custom_btn.white_btn a {
  color: var(--color-white) !important;
  background-image: url("/wp-content/uploads/2023/03/angles-left-white.svg") !important;
}

.custom_btn a:hover {
  transform: translate(5%, 0) scale(1.1);
}

.red_btn {
  background-color: var(--color-white) !important;
}

.red_btn a {
  color: var(--color-red) !important;
  padding-left: 81px !important;
  background-image: url("/wp-content/uploads/2023/03/Gruppe-443@2x.png") !important;
  background-size: 22px !important;
  background-position-x: 30px !important;
  padding-right: 70px !important;
  font-weight: 800 !important;
}

:root {
  /* Colors: */
  --color-pink: #D32FB3;
  --color-light-gray: #F2F3F5;
  --color-red: #DD3C3B;
  --color-lighter-gray: #F0F2F8;
  --color-blue-gray: #D7DBEE;
  --color-white: #FFFFFF;
  --color-dark-gray: #707070;
  --color-black: #000000;
  --color-light-peach: #FAB7A7;
  --color-light-blue: #818FC9;
  --color-dark-blue: #002F6C;
  --color-dark-red: #EE2737;
  --color-strong-red: #F12430;
  /* Transition: */
  --transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
  --transition-longer: all 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
  /* Font/text values */
  --font-family-graphit: Graphit;
  --font-style-normal: normal;
  --font-weight-medium: medium;
  --font-size-14: 0.72vw;
  --font-size-16: 0.83vw;
  --font-size-22: 1.145vw;
  --character-spacing-0-22: 0.22px;
  --line-spacing-27: 27px;
  --text-transform-uppercase: uppercase;
  --font-size-24: 1.25vw;
  --font-size-28: 1.14vw;
  --font-size-32: 1.66vw;
  --font-size-36: 1.875vw;
  --h1-size: 2.3vw;
  --h1-weight: 400;
  --h1-smaller-size: 2.2vw;
  --h2-size: 2.1vw;
  --h2-heith: 1.34;
  --h2-weight: 400;
  --h3-size: 1.85vw;
  --h3-heith: 1.36;
  --h3-weight: 400;
  --h4-size: 1.6vw;
  --h4-heith: 1.375;
  --h6-size: 1.13vw;
  --h6-heith: 1.68;
}

.like_h1, .like_h1 * {
  font-size: var(--h1-size);
  font-weight: var(--h1-weight);
  line-height: 1.23;
}

.like_h1.smaller * {
  font-size: var(--h1-smaller-size);
  font-weight: var(--h1-weight);
  line-height: 1.23;
}

.like_h2, .like_h2 * {
  font-size: var(--h2-size);
  line-height: var(--h2-heith);
  font-weight: var(--h2-weight);
}

.like_h3, .like_h3 * {
  font-size: var(--h3-size);
  line-height: var(--h3-heith);
  font-weight: var(--h3-weight);
}

.like_h, .like_h4 * {
  font-size: var(--h4-size);
  line-height: var(--h4-heith);
}

.like_h6 * {
  font-size: var(--h6-size);
  line-height: var(--h6-heith);
  font-weight: var(--h6-weight);
}

/* Character Styles */
.character-style-1 {
  font-family: var(--font-family-graphit);
  font-style: var(--font-style-normal);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-22);
  line-height: var(--line-spacing-27);
  letter-spacing: var(--character-spacing-0-22);
  color: var(--color-strong-red);
  text-transform: var(--text-transform-uppercase);
}

/* Lovelo fonts */
@font-face {
  font-family: 'Lovelo Black';
  src: url('/wp-content/themes/Altefco-child/fonts/Lovelo/Lovelo-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Lovelo LineBold';
  src: url('/wp-content/themes/Altefco-child/fonts/Lovelo/Lovelo-LineBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Lovelo LineLight';
  src: url('/wp-content/themes/Altefco-child/fonts/Lovelo/Lovelo-LineLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/* Graphit fonts */
@font-face {
  font-family: 'Graphit';
  src: url('/wp-content/themes/Altefco-child/fonts/Graphit/Graphit-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: thin;
}

@font-face {
  font-family: 'Graphit';
  src: url('/wp-content/themes/Altefco-child/fonts/Graphit/Graphit-Light.otf') format('opentype');
  font-weight: 300;
  font-style: light;
}

@font-face {
  font-family: 'Graphit';
  src: url('/wp-content/themes/Altefco-child/fonts/Graphit/Graphit-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: regular;
}

@font-face {
  font-family: 'Graphit';
  src: url('/wp-content/themes/Altefco-child/fonts/Graphit/Graphit-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: medium;
}

@font-face {
  font-family: 'Graphit';
  src: url('/wp-content/themes/Altefco-child/fonts/Graphit/Graphit-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: bold;
}

@font-face {
  font-family: 'Graphit';
  src: url('/wp-content/themes/Altefco-child/fonts/Graphit/Graphit-Black.otf') format('opentype');
  font-weight: 900;
  font-style: black;
}

/* Fonts: PT Mono */
/* Fonts: */
.lovelo h1 {
  font-family: 'Lovelo LineBold', sans-serif;
  font-weight: normal;
  font-size: 175px;
  color: var(--color-dark-red) !important;
}

.lovelo h2 {
  font-family: 'Lovelo LineBold', sans-serif;
  font-weight: normal;
  font-size: 4.95vw;
  line-height: 1.19;
  color: var(--color-dark-red) !important;
}

.lovelo h2 strong {
  font-size: .4em;
}

.lovelo p {
  font-family: 'Lovelo LineBold', sans-serif;
  font-weight: normal;
  font-size: 1.55vw;
  color: var(--color-dark-red) !important;
}

.site-content {
  padding-top: 98px;
}

.skip-link.screen-reader-text {
  display: none !important;
}

h1 {
  font-size: 2.3vw;
  font-weight: 400;
  margin-block-start: 1em;
}

.smaller h1 {
  font-size: 2.2vw;
}

h2 {
  font-size: 2.1vw;
  line-height: 1.34;
  font-weight: 400;
}

h3 {
  font-size: 2.27vw;
  line-height: 1.36;
  font-weight: 400;
}

h4 {
  font-size: 1.65vw;
  line-height: 1.375;
}

h6 {
  font-size: 1.13vw;
  font-weight: 1.68;
}

p {
  font-size: 1.2vw;
  line-height: 1.375;
  font-weight: 400;
}

.regulag-list ul {
  padding-left: 0!important;
  padding-inline-start: 0!important;
}
.regulag-list ul li {
  font-size: 1.2vw;
  line-height: 1.375;
  font-weight: 400;
  list-style: none;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}

.regulag-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.3vw;
  width: 19px;
  height: 19px;
  background-image: url('/wp-content/uploads/2023/04/Path-226.svg');
  background-repeat: no-repeat;
  background-size: contain;
}


/* header */
#masthead:not(.home #masthead) {
  padding: 0 7.3vw 0 3.125vw;
}

.logo:not(.home) {
  display: none;
}

.logo_bigger:not(.home .logo_bigger),
.header_phrase:not(.home .header_phrase) {
  display: block;
}

#masthead::before {
  content: "";
  position: absolute;
  left: -3.125vw;
  top: 97px;
  width: 30.33vw;
  height: 10.41vw;
  background-color: var(--color-black);
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  z-index: 2;
  backface-visibility: hidden;
  transition: var(--transition);
}
#masthead.active::before {
  top: 45px;
}

.home #masthead::before {
  display: none !important;
}

.top-video_section:not(.home .top-video_section) {
  position: relative;
  padding-bottom: calc(38.1vw - 85px);
  padding-top: 10.94vw !important;
}

.top-video_content-row:not(.home .top-video_content-row) {
  min-height: 150px;
}

.logo_bigger,
.header_phrase {
  display: none;
}

.logo_bigger {
  width: 11.14vw;
  height: 6.77vw;
}

.logo_bigger a {
  display: block;
}

.logo_bigger * {
  width: 100% !important;
  height: 100% !important;
}

.menu_content * {
  color: var(--color-white);
  text-decoration: none;
}

.white_text * {
  color: var(--color-white);
}

.header_phrase {
  z-index: 1;
}

.header_phrase span {
  color: var(--color-dark-red) !important;
}

.header_inner {
  position: relative;
}

.logo_bigger {
  position: absolute;
  left: 0;
  top: 0px;
}

.header_phrase {
  position: absolute;
  left: calc(30.33vw - 3.125vw);
}

a {
  cursor: pointer;
}

.red_section a. .red_section a label,
.red-banner_section a,
.ansprechpartner-redSticker_block a {
  text-decoration-color: var(--color-white) !important;
}

#masthead {
  background: #000000;
  height: 98px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 7.3vw;
  z-index: 999;
  position: fixed;
  width: 100%;
}

#masthead::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 17px);
  height: 98px;
  background: #000000;
}

.logo a {
  display: block;
}

.mein_standard span {
  color: var(--color-dark-red);
  font-size: 24px;
  line-height: 1.33;
}

.header_inner,
.burger_wrapper {
  z-index: 999;
}

.menu_content {
  position: fixed;
  width: calc(100% + 40px);
  height: 100vh;
  left: 0;
  top: 0;
  transition: var(--transition);
  /* transform: translate(-140vw, 0); */
  transform: translate(150vw, 0);
  overflow: auto;
  padding-bottom: 90px;
}

.menu_content-inside-wrapper {
  display: flex;
}

#masthead.active .menu_content {
  transform: translate(0vw, 0);
}

.menu_content {
  padding-top: 177px;
  background-color: var(--color-black);
}

.menu_content>div:first-child {
  padding-left: 7.3vw;
}

.menu_content>div:last-child {
  /* padding-left: 5.31vw; */
  ;
}

.sub_menu_no_click > a{
  font-weight: 500!important;
}

.sub_menu_angebot{
  padding-left: 15px!important;
}

.sub_menu_pad_top{
  padding-top: 15px!important;
}

.main-wrapper {
  width: 64.8vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.subMain-wrapper {
  width: calc(35.2vw - 18px);
}

.burger_wrapper {
  display: flex;
  align-items: flex-end;
  height: 42px;
}

.mein_standard span {
  line-height: 1;
}

.burger_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  width: 45px;
  height: 42px;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  position: relative;
  margin-left: 22px;
}

.burger_inner span {
  display: block;
  height: 3px;
  width: 100%;
  border-radius: 3px;
  background-color: #EE2737;
  transition: var(--transition);
}

.burger_inner.active .two {
  opacity: 0;
  transform: translate(150%, -50%);
  top: 50%;
  position: absolute;
}

.burger_inner .one {
  position: absolute;
  top: calc(0% + 4px);
  left: 0%;
  width: 100%;
  height: 3px;
  background-color: #EE2737;
  /* transform: translate(-50%, -50%); */
  ;
}

.burger_inner .two {
  position: absolute;
  top: 50%;
  left: 0%;
  width: 100%;
  height: 3px;
  background-color: #EE2737;
  transform: translate(0%, -50%);
}

.burger_inner .three {
  position: absolute;
  top: calc(100% - 7px);
  left: 0%;
  width: 100%;
  height: 3px;
  background-color: #EE2737;
  /* transform: translate(-50%, -50%); */
  ;
}

.burger_inner.active .one,
.burger_inner.active .three {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 141%;
  height: 3px;
  background-color: #EE2737;
  transform: translate(-50%, -50%);
}

.burger_inner.active .one {
  transform: translate(-50%, -50%) rotate(45deg);
}

.burger_inner.active .three {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.nav-menu-wrapper {
  margin-bottom: 65px;
}

.nav-menu-wrapper nav,
.nav-menu-wrapper nav li,
.nav-menu-wrapper nav ul {
  list-style: none;
  padding-left: 0;
}

#menu-primary-menu>li.menu-item-has-children {
  display: inline-block;
}

.nav-menu-wrapper .menu-item-has-children .sub-menu {
  display: none;
}

.nav-menu-wrapper nav .sub-menu-toggle {
  display: none;
}

.nav-menu-wrapper nav li {
  font-size: 50px;
  line-height: 1.2;
  font-weight: 600;
}

.nav-menu-wrapper nav .sub-menu li {
  font-size: 22px;
  line-height: 1.6;
  font-weight: 400;
  text-transform: uppercase;
}

.konfigurator-wrenannahme_wrapper {
  display: flex;
  /* justify-content: space-between; */
  ;
}

.konfigurator-impressum_wrapper {
  width: 27.91vw;
}

.warenannahme_wrapper {
  width: 23.43vw;
}

.warenannahme_wrapper>div:first-child p {
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: 600;
}

.warenannahme_wrapper>div:not(:first-child) p {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.6;
}

.subMain-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 83px;
}

.konfigurator_wrapper p a {
  font-weight: bold;
}

.konfigurator-impressum_wrapper p,
.warenannahme_wrapper p {
  font-size: 22px;
}

.kontakt_wrapper>div:first-child p, .kontakt_wrapper>div:nth-child(2) p, .kontakt_wrapper>div:nth-child(3) p {
  font-size: 50px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 30px;
}

.konfigurator-impressum_wrapper p {
  margin-top: 13px;
  margin-bottom: 13px;
}

.konfigurator_wrapper {
  margin-bottom: 55px;
}

.suche_wrapper {
  margin-bottom: 155px;
}

.suche_wrapper .wp-block-search__label {
  font-size: 28px !important;
  cursor: pointer;
}
.search .post-thumbnail img {
  object-fit: cover;
}
.suche_wrapper input:focus,
.suche_wrapper input:focus-visible {
  outline: none !important;
}

.suche_wrapper>div:first-child p {
  margin: 0;
}

.suche_wrapper>div:nth-child(2) p {
  margin-top: 45px;
}

.suche_wrapper div>p {
  font-size: 28px;
}

.suche_wrapper * {
  font-weight: 600;
}

.suche_wrapper .wpml-ls-sidebars-suche {
  padding: 0 !important;
}

.suche_wrapper a span {
  font-size: 25px;
}

.suche_wrapper .wpml-ls-legacy-list-horizontal>ul {
  display: inline-block;
  margin: 0 -10px !important;
}

.kontakt_wrapper p a {
  font-size: 28px;
  padding-left: 46px;
  line-height: 1;
  position: relative;
  background-image: url("/wp-content/uploads/2023/03/angles-left-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: var(--transition);
  display: inline-block;
}

.kontakt_wrapper p:hover a {
  transform: scale(1.1) translate(5%, 0);
}

.kontakt_wrapper p a::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.kontakt_wrapper p {
  font-size: 22px;
  line-height: 1.5;
}
.kontakt_wrapper .widget_block {
  position: relative;
}
.linkd_icon {
  position: absolute;
  width: 30px;
  height: 30px;
}
.linkd_icon a {
  display: block;

}
/*--------------------
  local navigation
--------------------*/
.local_navigation {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: fixed;
  top: 30%;
  right: 0;
  z-index: 100;
  transition: var(--transition);
  overflow: hidden;
  transform: translate(80%, 0px);
}

.local_navigation a {
  text-decoration: none;
  color: var(--color-dark-blue);
  padding: 10px;
  opacity: 0;
  transition: var(--transition);
}

.local_navigation .anchor {
  position: relative;
  background-color: #FFF !important;
  margin-bottom: 15px !important;
  padding: 5px 10px 10px 10px !important;
  transition: var(--transition);
}

.local_navigation .anchor::after {
  content: '';
  position: absolute;
  top: auto !important;
  right: 0;
  bottom: 5px;
  transform: translate(0, -50%);
  background-color: var(--color-dark-blue);
  width: calc(300px - 10px);
  height: 2px;
  transition: var(--transition);
}

.local_navigation.active .anchor::after {
  width: calc(100% - 10px);
}

.local_navigation .anchor::before {
  content: '';
  position: absolute;
  left: -169px;
  top: 0;
  width: 180px;
  height: 100%;
  background-color: var(--color-white);
  z-index: -1;
  transition: var(--transition);
}

.local_navigation.active .anchor::before {
  opacity: 0;
}

.local_navigation.active {
  transform: translate(0%, 0px);
}

.local_navigation.active .anchor a {
  opacity: 1;
}

/*--------------------
  footer
--------------------*/
.otgs-development-site-front-end,
.wpml-ls-statics-footer {
  display: none;
}

#colophon .menu_content {
  position: relative;
  transform: translate(0, 0);
  height: auto;
  overflow-y: scroll;
}

#colophon .menu_content.active {
  opacity: 1;
}

#colophon {
  position: relative;
  /* overflow: hidden; */
  background-color: var(--color-black);
  margin-top: 150px;
}

#colophon .menu_content::before {
  content: '';
  position: absolute;
  left: 30.31vw;
  bottom: -78px;
  background-image: url('/wp-content/uploads/2023/03/Gruppe-220.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 21.3vw;
  height: 21.3vw;
  z-index: 2;
}

#colophon .menu_content::after {
  content: '';
  position: absolute;
  left: 46.51vw;
  bottom: 18.07vw;
  background-image: url('/wp-content/uploads/2023/03/Gruppe-347.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 5.83vw;
  height: 5.83vw;
  z-index: 2;
}

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

.footer-more_btn {
  width: 75%;
  height: 150px;
  background-image: url('/wp-content/uploads/2023/03/Logo_Walter_Kopie_Kopie.svg');
  background-repeat: no-repeat;
  background-size: 220px;
  background-color: transparent;
  background-position: center;
  border: none;
  border-radius: 0;
  position: absolute;
  left: 50%;
  top: 47%;
  transform: translate(-50%, -20%);
  cursor: pointer;
}

.footer-button_wrapper {
  width: 570px;
  height: 290px;
  transform: translate(0, -194px);
  background-color: transparent;
  position: relative;
  clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%);
  overflow: hidden;
  backface-visibility: hidden;
}

.footer-button_wrapper::before {
  content: '';
  position: absolute;
  top: 17px;
  left: 0;
  width: 100%;
  height: 180px;
  background-color: var(--color-black);
  clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0% 100%);
  backface-visibility: hidden;
}

#colophon .menu_content {
  display: flex;
  overflow: hidden;
}

.footer-wrapper {
  display: none;
}

.footer-wrapper {}

.footer-smaller {
  height: 100px;
}
.footer-wrapper .menu-item-has-children {
  display: inline-block;
}

/*--------------------
      home marken slider
--------------------*/
.homepage-slide_wrapper {
  display: flex;
  justify-content: space-between;
  padding: 0vw 7.3vw 0 !important;
  width: 100%;
  height: 100% !important;
  position: relative;
}

.homepage-slide_wrapper .homepage-slider_image {
  width: 50% !important;
  height: 100% !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.homepage-slide_wrapper .homepage-slider_image * {
  width: 100% !important;
  height: 100% !important;
}

.homepage-slide_wrapper .homepage-slider_image img {
  object-fit: cover;
}

.homepage-slide_wrapper .homepage-slider_content {
  width: calc(50% - 30px) !important;
  height: 100% !important;
  background-color: var(--color-dark-blue);
  position: relative;
  border-top-left-radius: 2px;
}

.homepage-slide_wrapper .homepage-slider_content::after {
  content: '';
  position: absolute;
  right: 0;
  top: -12.44vw;
  width: 100%;
  background: var(--color-dark-blue);
  clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0% 100%);
  transform: translate(0, 1px);
  height: 12.44vw !important;
  backface-visibility: hidden;
}
.homepage-slide_wrapper .homepage-slider_content::before {
    content: '';
    position: absolute;
    left: -10px;
    top: -14px;
    width: 50px;
    height: 20px;
    background-color: var(--color-white);
    clip-path: polygon(0% 0%, 100% 0, 50% 50%, 0% 100%);
    z-index: 22;
}
.homepage-slide_wrapper .homepage-slider_content * {
  color: var(--color-white);
}

.marken_home_slider .slick-track {
  display: flex !important;
}

.homepage-slide_wrapper .homepage-slider_image a {
  display: block !important;
  position: relative;
}

.marken_home_slider .slick-slide {
  display: flex !important;
  height: inherit;
  position: relative;
}

.homepage-slide_marken_counter {
  position: absolute;
  right: calc(7.3vw + 50px);
  top: -94px;
  z-index: 2;
  font-size: 2.76vw;
  color: var(--color-white) !important;
}

.homepage-slider_content {
  position: relative;
  padding: 4.48vw 2.75vw 75px !important;
}

/* .homepage-slider_content::before {
	content: '';
	position: absolute;
	top: -12.44vw!important;
	right: 0;
	background: var(--color-dark-blue);
	clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0% 100%);
	transform: translate(0, 0px);
	height: 12.44vw!important;
	width: 100%;
	backface-visibility: hidden;
} */
.homepage-slider-subTitle {
  font-size: 1.13vw;
}

.homepage-slider-subTitle img {
  height: 3.7vw;
  object-fit: contain;
  width: auto;
}

.marken_home_slider>button {
  top: 50%;
  transform: translate(0, -50%);
}

/*--------------------
      angebot slider
--------------------*/
.angebot-slide_content-wrapper {
  padding: 0 7.3vw !important;
  /* max-height: 37.08vw; */
  ;
}

.angebot-slide_content {
  width: calc(50% - 20px) !important;
}

.angebot-slide_content>div>div {
  padding-left: 5.78vw !important;
  padding-bottom: 8.24vw;
  padding-top: 4.48vw !important;
}

.angebot-slide_content>div {
  height: 100%;
}

.angebot-slide_content * {
  color: var(--color-white) !important;
  background-color: var(--color-dark-blue);
}

.angebot-slide_content-wrapper {
  display: flex;
  justify-content: space-between;
}

.angebot-slide_content-wrapper::after,
.angebot-slide_content-wrapper::before {
  display: none !important;
}

.angebot-slide_content-wrapper .lovelo h2 {
  margin-top: 0px !important;
  font-size: 4.95vw;
}

.angebot-slide_content-wrapper .lovelo {
  margin-bottom: 28px;
}

.angebot-slide_small-text {
  margin-bottom: 0 !important;
}

.angebot-slide_small-text h6 {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  font-size: 1.13vw;
}

.angebot-slide_bigger-text h1 {
  margin-top: 5px;
  font-size: 2.68vw;
}

.dash p {
  position: relative;
  font-size: 0;
  height: 65px;
}

.dash p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 15px;
  height: 3px;
  background-color: var(--color-white);
}

.dash {
  margin-bottom: 28px !important;
}

/* .angebot-slide_content > div > div {
  padding-bottom: calc(14.81vh - 35px);
} */
.angebot-slide_image-block * {
  height: 100% !important;
}

.angebot-slide_image-block img {
  object-fit: cover;
}

.angebot-slide_image-block .wpb_single_image * {
  width: 100% !important;
  max-width: 100% !important;
}

.angebot-slide_wrapper {
  padding-right: 7.3vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.angebot-slide_wrapper::after,
.angebot-slide_wrapper::before {
  display: none !important;
}

.angebot-slide_wrapper>div:first-child {
  width: calc(50% + 3.65vw) !important;
}

.angebot-slide_wrapper>div:last-child {
  width: calc(50% - 3.63vw - 30px) !important;
}

/* .angebot-slide_counter {
	background: var(--color-dark-blue);
	clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0% 100%);
	transform: translate(0, 1px);
	height: 12.44vw!important;
} */
.angebot-slide_counter span {
  font-size: 4.95vw;
  line-height: 1.3;
  color: var(--color-white);
}

.angebot-slide_counter>div {
  height: 100%;
}

.angebot-slide_counter>div>div {
  position: absolute;
  right: 45px;
  bottom: 35px;
}

.angebot-slide_types h1, .angebot-slide_types p {
  margin: 0;
}

.angebot-slide_types>div>div {
  margin-bottom: 75px;
}

.angebot_slider {
  display: flex;
  flex-direction: column;
  margin-bottom: 8vw !important;
}

.angebot_slider,
.angebot_slider-elements {
  position: relative;
}

.angebot_slider .slick-prev {
  left: 0;
  background-image: url('/wp-content/uploads/2023/03/slider-arrow-1.svg');
  opacity: .4;
}

.angebot_slider .slick-next {
  right: 0;
  background-image: url('/wp-content/uploads/2023/03/slider-arrow-1.svg');
  transform: rotate(180deg);
  opacity: .4;
}

.angebot-underslider_empty {
  width: calc(50% + 30px) !important;
}

.angebot-underslider_content {
  padding-top: 16px;
  padding-right: 7.3vw !important;
  width: calc(50% - 30px) !important;
}

.angebot-underslider_content>div>div {
  display: flex;
  flex-direction: column;
}

.angebot-underslider_content .custom_btn {
  margin-bottom: 0;
}

.angebot-underslider_content .custom_btn a {
  padding-top: 11px;
  padding-bottom: 11px;
}

/*--------------------
    beschichtungen
--------------------*/
.beschichtungen-elements_wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 75px -14px 0;
}

.beschichtungen_element {
  width: 33.33%;
  padding: 0 14px;
  margin-bottom: 200px;
}

.beschichtungen_element .marken-gallery,
.beschichtungen_element .marken-image,
.beschichtungen_element .marken-image img {
  width: 100% !important;
}

.beschichtungen_logo {
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
}

.beschichtungen_logo a {
  display: block;
}

.beschichtungen_logo img {
  height: 3.4vw;
  width: auto;
  object-fit: contain;
}

.beschichtungen-top_section .marken_settings {
  background-color: var(--color-dark-blue);
  padding: 40px 36px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: var(--transition);
  pointer-events: none;
}

.marken_settings * {
  color: var(--color-white);
}

.beschichtungen-top_section:hover .marken_settings {
  opacity: 1;
}

.beschichtungen-top_section .marken_settings * {
  color: var(--color-white);
}

.beschichtungen-top_section .marken_subtitle {
  margin-top: 0 !important;
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 1.14vw;
}

.beschichtungen-top_section .marken_title {
  margin-top: 0 !important;
  margin-bottom: 10px;
  font-size: 2vw;
}

.beschichtungen-top_section {
  height: 24.06vw;
  position: relative;
}

.beschichtungen-top_section .marken_separator {
  line-height: 1;
  margin-block-start: 0;
  margin-block-end: 0;
  margin: 10px 0;
}

.marken-mehr_btn {
  font-size: var(--font-size-24) !important;
  text-decoration: none;
  color: var(--color-dark-blue) !important;
  padding-left: 43px !important;
  line-height: 47px !important;
  font-weight: 500 !important;
  position: relative !important;
  background-image: url(/wp-content/uploads/2023/04/angles-right.svg) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: var(--transition) !important;
  display: inline-block !important;
  background-size: 1.14vw !important;
  background-position-x: left !important;
  background-position-y: center !important;
}

.marken-mehr_btn:hover {
  transform: translate(5%, 0) scale(1.1);
}

.marken_logo {
  height: 4.21vw;
  margin-top: 35px;
}

.marken_logo * {
  height: 100%;
  max-height: 100%;
  width: auto;
}
.beschichtungen-el_wrapper .section-title_wrapper {
  padding-top: 150px;
}
/*--------------------
    home page
--------------------*/
.section-title_row h6 {
  position: relative;
  display: inline-block;
}

.section-title_row h6::after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-black);
}

.section-title_row.white h6::after {
  background-color: var(--color-white);
}

/* .section-title_row * {
  margin-top: 0;
  font-weight: 500;
} */
.section-title_wrapper p {
  position: relative;
  display: inline-block;
}

.section-title_wrapper p::after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-black);
}

.section-title_wrapper.white p::after {
  background-color: var(--color-white);
}

.section-title_wrapper * {
  margin-top: 0;
  font-weight: 500;
}

.ansprechpartner_section {
  margin-top: 38px;
  margin-bottom: 0px;
  /* for a whitle */
}

.ansprechpartner_section .section-title_wrapper {
  padding-top: 100px;
}

.ansprechpartner_section img {
  object-fit: cover;
}

.ansprechpartner-content_row {
  padding: 0 7.25vw !important;
}

.ansprechpartner-content_row>div:first-child {
  width: 39.93%;
}

.ansprechpartner-content_row>div:last-child {
  width: 60.07%;
  padding-left: 17px;
}

.ansprechpartner-content_row,
.ansprechpartner-content_row>div:last-child,
.ansprechpartner-content_row>div:last-child>div {
  display: flex;
}

.ansprechpartner-content_row>div:last-child>div>div {
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  align-items: flex-end;
  height: 100%;
  position: relative;
}

.ansprechpartner-right_content {
  margin-bottom: 4.06vw;
}

.ansprechpartner-right_content {
  width: 84.9% !important;
}

.ansprechpartner-contact_wrapper * {
  margin: 0;
  font-size: 24px;
}

.ansprechpartner-main_img {
  height: 36.45vw;
}

.ansprechpartner-main_img * {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
}

.ansprechpartner-right_block>div>div>div {
  width: 100%;
}

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

.three-images_row::after,
.three-images_row::before {
  display: none !important;
}

.three-images_row .vc_col-sm-4 {
  width: calc(33.33% - 6px) !important;
  height: 18.53vw !important;
}

.three-images_row .vc_col-sm-4 * {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
}

.ansprechpartner-redSticker_row {
  position: absolute;
  bottom: -2.36vw;
  width: 20.26vw !important;
  height: 22.96vw;
  display: flex;
  justify-content: center;
  align-items: center;
  right: -11vw;
  z-index: 10;
}

.ansprechpartner-redSticker_row * {
  font-weight: 400 !important;
}

.ansprechpartner-redSticker * {
  color: var(--color-white);
  font-size: var(--font-size-24);
}
.ansprechpartner-redSticker_block .custom_btn a {
  text-align: left!important;
}
.ansprechpartner-redSticker {
  margin-bottom: 0 !important;
  position: relative;
}

/* .ansprechpartner-redSticker_block > div::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(75deg);
	width: 20.26vw!important;
	height: 22.96vw;
	background: var(--color-red);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	z-index: 1;
	backface-visibility: hidden;
} */
.ansprechpartner-redSticker_block>div::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 23.26vw !important;
  height: 19.96vw;
  z-index: 1;
  backface-visibility: hidden;
  transform-origin: 50% 50%;
  background-image: url('/wp-content/uploads/2023/05/Path-156-2.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.ansprechpartner-redSticker>div {
  position: relative;
  z-index: 2;
}

.ansprechpartner-redSticker_block {
  width: 12.34vw !important;
}

.ansprechpartner-redSticker_block .custom_btn {
  position: relative;
  z-index: 2;
  margin-bottom: 0 !important;
}

.ansprechpartner-redSticker .custom_btn {
  margin-bottom: 0 !important;
}

.ansprechpartner-redSticker_block .custom_btn a {
  font-size: var(--font-size-24) !important;
  line-height: 1 !important;
  min-width: 13.54vw;
}

.ansprechpartner-redSticker p {
  min-width: 13.54vw;
}

.ansprechpartner_section-simpler {
  margin-top: 25vw;
}

/*--------------------
    konfigurator-home
--------------------*/
.konfigurator-home_section {
  padding-top: 0 !important;
  margin-bottom: 214px;
  display: flex;
}

.konfigurator-home_right-block {
  background-color: var(--color-red);
  padding-left: 4.68vw !important;
  padding-right: 4.68vw !important;
  padding-top: 4.68vw !important;
  padding-bottom: 200px;
  height: auto;
  clip-path: polygon(0 0%, 100% 0, 100% calc(100% - 15vw), 0% 100%);
  backface-visibility: hidden;
}

.konfigurator-home_right-block *:not(.custom_btn *) {
  color: var(--color-white);
}

.konfigurator-home_image {
  height: 24.21vw;
  margin-bottom: 135px !important;
}
.konfigurator-home_image img {
  pointer-events: none!important;
  object-fit: cover;
}
.konfigurator-home_image * {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
}

.konfigurator-home_left-block>div>div {
  display: flex;
  flex-direction: column;
}

.konfigurator-home_left-block h1, .konfigurator-home_left-block .like_h1 * {
  margin-top: 65px !important;
}

.konfigurator-home_right-block h1 {
  /* margin-top: 90px; */
  ;
}

.konfigurator-home_right-block .custom_btn {
  margin-top: 50px !important;
  margin-bottom: 45px !important;
}

.konfigurator-home_text {
  width: 79.8%;
  margin-bottom: 84px !important;
}

.konfigurator-home_text * {
  margin: 0;
}

.konfigurator-home_left-block .custom_btn {
  margin-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.konfigurator-home_left-block .custom_btn a {
  padding-top: 0px;
  padding-bottom: 0px;
}

.konfigurator_list ul {
  padding-left: 30px !important;
}

.konfigurator_list ul>li:not(:last-child) {
  margin-bottom: 80px;
}

.konfigurator_list li {
  font-size: 22px;
  list-style: none;
  position: relative;
}

.konfigurator_list li::before {
  content: '';
  position: absolute;
  left: -28px;
  top: 5px;
  background-color: var(--color-white);
  border-radius: 50%;
  width: 15px;
  height: 15px;
}

.konfigurator_list ul>li:not(.konfigurator_list ul > li:last-child)::after {
  content: '';
  position: absolute;
  left: -21px;
  top: 10px;
  background-color: var(--color-white);
  width: 1px;
  height: 110px;
}

/*--------------------
      Altefco-Standard slider
--------------------*/
.altefco-standard_text-content {
  padding: 0 7.3vw 95px !important;
}

.altefco-standard_text-content .section-title_row, .altefco-standard_text-content .section-title_wrapper {
  margin-bottom: 60px !important;
}

.altefco-standard_btn-row {
  padding: 95px 7.3vw 0px !important;
}

.altefco-standard_slide-row * {
  font-weight: 400;
}

.altefco-standard_slide-row *:not(.altefco-standard_title *) {
  color: var(--color-white);
}

.altefco-standard_slide-row {
  display: flex;
  justify-content: space-between;
}

.altefco-standard_slide-row::after,
.altefco-standard_slide-row::before {
  display: none !important;
}

.altefco-standard_left-part {
  width: 33.3% !important;
  background-color: var(--color-dark-gray);
  padding: 4.63vw 3.06vw calc(4.63vw - 35px) 3.06vw !important;
}

.altefco-standard_right-part {
  width: calc(66.7% - 23px) !important;
}

.altefco-standard_right-part * {
  height: 100%;
}

.altefco-standard_right-part img {
  object-fit: cover;
}

.altefco-standard_title * {
  color: var(--color-light-peach);
}

.altefco-standard_right-part .wpb_single_image {
  margin-bottom: 0;
}

.altefco-standard_right-part .wpb_single_image * {
  width: 100%;
  max-width: 100% !important;
  height: 100% !important;
}

.altefco-standard_slides-wrapper {
  padding-left: 10.93vw;
  padding-right: 10.93vw;
}

.altefco-standard_slides-block .slick-track>div {
  display: flex;
}

.altefco-standard_slides-block .slick-next {
  top: 50%;
  background: #E0DFD976;
  background-size: contain;
  right: -68px;
  background-image: url('/wp-content/uploads/2023/03/slider-arrow-1.svg');
  transform: rotate(180deg);
  opacity: .4;
}

.altefco-standard_slides-block .slick-prev {
  top: 50%;
  background: #E0DFD976;
  background-size: contain;
  left: -68px;
  background-image: url('/wp-content/uploads/2023/03/slider-arrow-1.svg');
  opacity: .4;
}

.altefco-standard_slides-block .slick-next,
.altefco-standard_slides-block .slick-prev,
.angebot_slider .slick-prev,
.angebot_slider .slick-next {
  background-color: transparent;
  width: 25px;
  height: 50px;
}

.altefco-standard_slides-block .slick-next:hover,
.altefco-standard_slides-block .slick-prev:hover {
  opacity: 1 !important;
}

.altefco-standard_title>div>h2, .altefco-standard_title>div>p {
  margin-top: 0 !important;
  font-size: 2.47vw;
}

.altefco-standard_title .counters-wrapper {
  margin-top: 64px;
}

.counters-wrapper span {
  color: var(--color-white);
  font-size: 4.33vw;
  font-weight: 300;
}

.altefco-standard_title {
  margin-bottom: 0 !important;
}

.altefco-standard_slides-block .slick-track {
  display: flex !important;
}

.altefco-standard_slides-block .slick-slide {
  height: inherit !important;
}

.altefco-standard_text h2, .altefco-standard_text p {
  margin-top: 10px !important;
  font-size: 1.95vw;
}

.altefco-standard_section {
  position: relative;
}

.altefco-standard_section .altefco-standard_content-row {
  position: absolute;
  right: 20.6vw;
  bottom: auto !important;
  transform: translate(0px, -100%);
  z-index: 1;
}

/*--------------------
 10 reasons
--------------------*/
.ten-grunde_section {
  margin-top: 0px;
  padding-top: 0!important;
  margin-bottom: 20px;
}
.ten-grunde_section .section-title_wrapper {
  padding-top: 250px!important;
}
.reasons_section {
  margin-bottom: 160px;
}

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

.columns_wrapper>div {
  display: flex;
  flex-direction: column;
  width: calc(33.33% - 13.33px);
}

.columns_wrapper>div>div,
.columns_wrapper .wpb_single_image * {
  width: 100% !important;
  max-width: 100% !important;
}

.columns_wrapper>div {}

.first_reason>div {
  height: 36.92vw;
}

.first_reason>div:last-child {
  display: none;
}

.medium_element {
  margin-bottom: 30.10vw !important;
}

.medium-short_element:not(.medium-short_element.first_column) {
  margin-bottom: 23.14vw !important;
}

.first_reason>div:nth-child(1) {}

.columns_wrapper .wpb_single_image {
  margin-bottom: 0 !important;
}

.medium_element>div>div {
  position: relative;
}

.element_content {
  padding-left: 2.86vw;
  padding-right: 2.86vw;
  background-color: var(--color-dark-blue);
}

.element_content.red-element {
  background-color: var(--color-red);
}

.element_content.gray-element {
  background-color: var(--color-dark-gray);
}

.element_content.light-blue-element {
  background-color: var(--color-light-blue);
}

.element_content *:not(.element_title *) {
  color: var(--color-white);
}

.element_title {
  color: var(--color-light-peach) !important;
}

.element_text * {
  font-size: 28px;
}

.medium_element .element_content {
  height: 39.46vw;
  position: absolute;
  top: 26.34vw;
}

.second_column.medium-short_element .element_content {
  height: 39.46vw;
}

.medium-short_element .element_content {
  height: 39.42vw;
  position: absolute;
  top: 19.53vw;
}

.medium-short_element.first_column .element_content {
  height: 39.42vw;
  position: absolute;
  top: 19.53vw;
}

.medium-short_element.first_column {
  margin-bottom: 9.25vw;
  z-index: 5;
}

.medium-tall_element {
  z-index: 5;
}

.medium-tall_element .element_content {
  height: 39.46vw;
  position: absolute;
  top: 19.53vw;
}

.tall_element .element_content {
  height: 39.46vw;
  position: absolute;
  top: 21.739vw;
}

.second_column *:not(.element_content, .element_content *) {
  height: 100% !important;
}

.tall_element {
  z-index: 5;
  margin-bottom: 22.93vw !important;
}

.tall_element .element_content {
  height: 39.46vw;
  position: absolute;
  top: 19.53vw;
}

.first_column,
.second_column,
.third_column {
  margin-bottom: 1.2vw;
}

.third_column.tall_element .element_content {
  height: 36.92vw;
}

.third_column.tall_element {
  margin-bottom: 23.15vw !important;
}

.third_column.tall_element .element_content {
  top: 21.95vw !important;
  width: 100%;
}

.third_column *:not(.element_content, .element_content *) {
  height: 100% !important;
}

.first_column,
.second_column,
.third_column {
  height: 36.92vw;
}
.third_reason > div:nth-child(5) img {
  object-fit: cover;
}
.first_column *:not(.first_column * .element_content *, .first_column * .element_content) {
  height: 100% !important;
}

.short_element *:not(.short_element .element_content > div > div > div *) {
  height: 100% !important;
}

.element_counter {
  margin-top: 54px;
}

.element_counter *,
.element_title * {
  font-size: 2.1vw !important;
  margin-top: 0;
}

.element_counter>div {
  display: flex;
  justify-content: flex-end;
}

.element_text * {
  font-size: var(--font-size-24);
}

.truncated {
  clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
  backface-visibility: hidden;
}

.medium-short {
  z-index: 5;
  margin-bottom: 22.81vw;
}

.medium-short .element_content {
  height: 39.46vw;
  position: absolute;
  top: 26.34vw;
}

.first_column.medium-short {
  margin-bottom: 24.29vw;
}

.reasons-video_block>div>div {
  position: relative;
  overflow: hidden;
}

.video_block video {
  object-fit: cover;
}

.reasons-video_block video {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100% !important;
  width: 100% !important;
  transform: translate(-50%, 0%);
  object-fit: cover;
}

.reasons_section video {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}

.reasons-video_TEST>div>div {
  width: 100% !important;
}

.mejs-controls {
  display: none !important;
}

/* Hide the video player controls */
.mejs-controls {
  display: none !important;
}

/* Position the wrapper div */
.myvideo-wrapper {
  position: relative;
}

/* Position the video element inside the wrapper div */
.myvideo-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.myvideo-wrapper,
.myvideo-wrapper>div {
  width: 100% !important;
}

.mejs-inner {
  cursor: pointer !important;
}

.mejs-overlay-button {
  display: none !important;
}

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

--------------------*/
.altefco-standard_left-block {
  width: 32.15% !important;
}

.altefco-standard_left-block p {
  margin-top: 0 !important;
  font-weight: 400;
}

.altefco-standard_top-logo {
  padding-left: 6.86vw;
}

.altefco-standard_top-logo img {
  width: 17.44vw !important;
  height: auto;
  object-fit: contain;
}

.altefco-standard_bottom-logo img {
  width: 15.41vw !important;
  height: auto;
  object-fit: contain;
  transform: translate(-40px, 0);
}

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

--------------------*/
.signature_section {
  margin-top: 10.94vw;
  margin-bottom: 130px;
}

.signature_row {
  position: relative;
  display: flex;
}

.signature_row::after {
  content: '' !important;
  position: absolute;
  display: block !important;
  right: 4.89vw;
  top: -30px;
  background-image: url('/wp-content/uploads/2023/03/Gruppe-440.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 12.34vw;
  height: 12.34vw;
  z-index: 2;
}

.signature_row::before {
  content: '';
  position: absolute;
  right: 1vw;
  top: 210px;
  background-image: url(/wp-content/uploads/2023/03/Gruppe-347.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 5.83vw;
  height: 5.83vw;
  z-index: 2;
  transform: rotate(45deg);
}

.signature_row>div:first-child {
  width: 58% !important;
}

.signature_image,
.signature_image * {
  margin: 0 !important;
}

.signature_owner * {
  margin: 0;
}

/* .two-images_section::after, .two-images_section::before {
  display: none!important;
} */
.two-images_section>div>div:first-child {
  width: 33% !important;
}

.two-images_section>div>div:last-child {
  width: 67% !important;
  padding-left: 18px;
}

.two-images_section.conversely>div>div:first-child {
  width: 67% !important;
}

.two-images_section.conversely>div>div:last-child {
  width: 33% !important;
  padding-left: 18px;
}

.two-images_section .wpb_single_image img {
  object-fit: cover;
}

.two-images_section img {
  object-fit: cover;
}

.two-images_section>div>div * {
  width: 100% !important;
  max-width: 100% !important;
}

.two-images_section {
  height: 36.92vw;
}

.two-images_section * {
  height: 100% !important;
}

.gelebter-team_section {
  margin-top: 0px;
}
.gelebter-team_section .section-title_wrapper {

  padding-top: 150px!important;
}
.gelebter-team_main-block>div>div {
  display: flex;
  flex-direction: column;
}

.gelebter-team_main-block .custom_btn {
  margin: 0;
}

.gelebter-team_main-block .custom_btn a {
  padding-top: 2px;
  padding-bottom: 2px;
}

.gelebter-team_main-block {
  width: 57.56% !important;
}

.gelebter-team_section>div {
  display: flex;
  justify-content: space-between;
}

.gelebter-team_section>div::after,
.gelebter-team_section>div::before {
  display: none !important;
}

.gelebter-team_main-block .section-title_row {
  margin-bottom: 0 !important;
}

/*--------------------
    Die Story element
--------------------*/
.die-story_section {
  position: relative;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  min-height: 13.64vw;
  margin-top: 90px;
}

.die-story_section.die-story_first-section {
  margin-bottom: 24.72vh !important;
}

.die-story_section.die-story_first-section::after {
  content: '';
  position: absolute;
  right: 16.51vw;
  top: 10vw;
  width: 4.63vw;
  height: 4.63vw;
  min-width: 55px;
  min-height: 55px;
  background-image: url('/wp-content/uploads/2023/03/Gruppe-347.svg');
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(-75deg);
  z-index: -1;
}

.die-story_section.die-story_first-section::before {
  content: '';
  position: absolute;
  right: -18.3vw;
  top: 5vw;
  width: 31.82vw;
  height: 30.1vw;
  background-image: url('/wp-content/uploads/2023/04/Group-633.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.losungen-testimonial_section-left-side {
  position: relative;
  z-index: -1;
}

.losungen-testimonial_section-left-side::before {
  content: '';
  position: absolute;
  right: -18.3vw;
  top: -12vw;
  width: 31.82vw;
  height: 30.1vw;
  background-image: url('/wp-content/uploads/2023/04/Group-633.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.die-story_content-row {
  padding: 0 7.3vw 0 7.3vw !important;
  background-color: var(--color-dark-blue);
  display: none;
  position: relative;
  overflow: hidden;
}

.die-story_content-row::before {
  content: '';
  position: absolute;
  left: -17.3vw;
  bottom: 23.53%;
  width: 31.82vw;
  height: 30.1vw;
  background-image: url(/wp-content/uploads/2023/04/Group-633.svg);
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}

.die-story_content-row>div {
  padding-top: calc(13.64vw + 90px);
  padding-bottom: 50px;
}

.die-story_content-row * {
  color: var(--color-white);
  text-decoration-color: inherit !important;
}

.die-story_text-block {
  padding-left: 7.3vw !important;
}

.die-story_row-button {
  position: absolute;
  left: 7.3vw;
  display: inline-block;
  height: 159px;
  background: var(--color-white);
  z-index: 5;
  cursor: pointer;
}

.die-story_row-button::after {
  content: "" !important;
  width: 100%;
  height: 104px;
  background-color: var(--color-white);
  position: absolute;
  bottom: -103px;
  left: 0;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  backface-visibility: hidden;
}

.die-story_row-button>div {
  display: flex;
  height: 100%;
}

.die-story_row-button>div *:not(.die-story_button *) {
  height: 100%;
}

.die-story_button {
  display: flex;
  align-items: center;
  padding-left: 157px;
  padding-right: 157px;
  margin-bottom: 0 !important;
  position: relative;
}

.die-story_row-button .die-story_button::after {
  content: '';
  position: absolute;
  left: 102px;
  top: 66px;
  width: 28px;
  height: 28px;
  background-image: url('/wp-content/uploads/2023/03/Gruppe-443@2x.png');
  background-repeat: no-repeat;
  background-size: contain;
  transition: var(--transition-longer);
}

.die-story_row-button.active .die-story_button::after {
  transform: rotate(90deg);
}

.die-story_button * {
  color: var(--color-red);
  font-weight: 400;
}

.die-story_button h1 {
  margin-top: 0px !important;
}

/*--------------------
  red section
--------------------*/
.red_section>div {
  padding: calc(13.917vw - 35px) 7.11vw calc(7.52vw - 35px) 7.11vw;
  background-color: var(--color-red);
  clip-path: polygon(26.03vw 0, 100% 0, 100% 100%, 0 100%, 0 8.66vw);
  backface-visibility: hidden;
}

.red_section * {
  color: var(--color-white);
  font-weight: 300 !important;
}

.red-section_text {
  margin-top: 65px !important;
}

.red-section_text * {
  font-weight: 400;
}

/*--------------------
  conversely
--------------------*/
.two-images_section.conversely {
  margin-top: 8.24vw;
}

/*--------------------
  left image & content
--------------------*/
.left-image_section {
  margin-top: 23px !important;
}

.left-image_section>div {
  display: flex;
  justify-content: space-between;
}

.left-image_section>div::after,
.left-image_section>div::before {
  display: none !important;
}

.left-image_section>div>div:first-child {
  width: 33%;
}

.left-image_section>div>div:last-child {
  width: calc(67% - 8.17vw);
  padding-top: 11.38vh;
}

.left-image_section img {
  object-fit: cover;
}

/*--------------------
  left text & content
--------------------*/
.left-text_section {
  margin-top: 11.45vw;
  margin-bottom: 23.43vw;
}

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

.left-text_row::after,
.left-text_row::before {
  display: none !important;
}

.left-text_row>div:first-child {
  width: 33%;
}

.left-text_row>div:last-child {
  width: calc(67% - 45px);
}

.left-text_section .altefco-standard_content-row {
  position: relative;
}

.left-text_section .altefco-standard_content-row .ansprechpartner-redSticker_block {
  position: absolute;
  left: 30%;
  bottom: 0px;
  transform: translate(0, 20%);
}

.left-text_section .altefco-standard_content-row .ansprechpartner-redSticker_block p {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  font-weight: 500;
}

.left-text_section .ansprechpartner-redSticker_block>div::after {
  transform: translate(-57%, -50%) rotate(45deg);
}

/*--------------------
  above footer section
--------------------*/
.above-footer_section {
  height: 59vw;
}

.above-footer_section *:not(.above-footer_content, .above-footer_content *) {
  height: 100% !important;
}

.above-footer_image {
  margin-bottom: 0 !important;
}

.above-footer_image * {
  height: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

.above-footer_image img {
  object-fit: cover;
}

.above-footer_block>div>div {
  position: relative;
}

.above-footer_content {
    position: absolute;
    top: 5.5vw;
    left: 7.32vw;
    right: 7.32vw;
    margin-bottom: 0;
}

.above-footer_content * {
  margin-top: 0;
}

.above-footer_map {
  height: 43.02vw !important;
  min-height: 700px;
  max-height: 900px;
  margin-top: 11vw;
}

.above-footer_map * {
  height: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

.above-footer_map img {
  object-fit: cover;
}

.above-footer_unternehmen-section {
  position: relative;
  margin-top: 300px;
  height: auto !important;
}

.above-footer_unternehmen-section::after {
  content: '';
  position: absolute;
  right: -16.3vw;
  top: -39.5vw;
  width: 28.82vw;
  height: 27.1vw;
  background-image: url(/wp-content/uploads/2023/04/Group-633.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.above-footer_unternehmen-section::before {
  content: '';
  position: absolute;
  right: 10.7vw;
  top: -32.5vw;
  width: 28.82vw;
  height: 27.1vw;
  background-image: url(/wp-content/uploads/2023/04/Group-633.svg);
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(-180deg);
}

/*--------------------
  testimonial
--------------------*/
.testimonial-losungen_section {
  margin-top: 70px;
  margin-bottom: 29.16vw !important;
  position: relative;
}

.testimonial-losungen_section::after {
  content: '';
  position: absolute;
  right: 12.86vw;
  top: 4vw;
  width: 4.63vw;
  height: 4.63vw;
  min-width: 55px;
  min-height: 55px;
  background-image: url(/wp-content/uploads/2023/03/Gruppe-347.svg);
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(-35deg);
}

.testimonial-losungen_section::before {
  content: '';
  position: absolute;
  right: 7.55vw;
  top: 1vw;
  width: 4.63vw;
  height: 4.63vw;
  min-width: 55px;
  min-height: 55px;
  background-image: url(/wp-content/uploads/2023/03/Gruppe-347.svg);
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(-125deg);
}

.testimonial-losungen_btn-row {
  padding-left: 5.25vw;
  margin-top: 50px;
}

.testimonial-losungen_text p {
  font-family: 'PT Mono', monospace;
  font-size: 1.25vw;
  line-height: 1.1;
}

.testimonial-losungen_text,
.testimonial-losungen_text p {
  margin: 0 !important;
}

.testimonial-losungen_text {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16.78vw;
}

.testimonial-losungen_content-text p:not(.testimonial-losungen_image-block .testimonial-losungen_content-text p) {
  font-size: var(--font-size-24) !important;
}

.testimonial-losungen_image-block .testimonial-losungen_text p {
  font-size: .95vw !important;
}

.testimonial-losungen_text>div {
  position: relative;
}

.testimonial-losungen_text>div::after,
.testimonial-losungen_text>div::before {
  content: "";
  position: absolute;
  left: 48%;
  transform: translate(-50%, 0);
  height: 3px;
  width: 98px;
  background-color: var(--color-red);
}

.testimonial-losungen_text>div::after {
  top: -50px;
}

.testimonial-losungen_text>div::before {
  bottom: -50px;
}

.testimonial-losungen_content-row {
  display: flex;
  justify-content: space-between;
  padding-left: 5.25vw;
  padding-right: 1.55vw;
  margin-top: 45px;
}

.testimonial-losungen_content-row::after,
.testimonial-losungen_content-row::before {
  display: none !important;
}

.testimonial-losungen_content-row>div:first-child {
  width: 27.9vw;
}

/*--------------------
    jobs
--------------------*/
.stellen-top_section {
  margin-top: 10.94vw !important;
}

.stellen-top_content-row {
  display: flex;
  justify-content: space-between;
}

.stellen-top_content-row::after,
.stellen-top_content-row::before {
  display: none !important;
}

.stellen-top_content-left {
  width: 35.8% !important;
  min-width: 400px;
}

.stellen-top_title {
  margin-bottom: 50px !important;
}

.stellen-top_title h1 {
  margin-top: 26px !important;
}

.stellen-top_content-text p {
  margin-top: 0 !important;
}

.stellen-top_content-right .stellen-top_content-image {
  margin-top: 7.5vw !important;
  margin-bottom: 10.2vw !important;
}

.stellen-top_content-left .stellen-top_content-image {
  margin-top: 7.5vw !important;
  width: 92.5% !important;
}

.stellen-top_content-left .stellen-top_content-image * {
  width: 100% !important;
}

.red_check-mark_list {}

.red_check-mark_list li {
  font-size: 1.65vw;
  line-height: 1.375;
  position: relative;
  padding-left: 50px;
  list-style: none;
  margin-bottom: 30px;
}

.red_check-mark_list ul {
  padding-left: 0;
}

.red_check-mark_list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 27px;
  height: 26px;
  background-image: url('/wp-content/uploads/2023/04/Path-226.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

.stellen-accordion_row .vc_tta-controls-icon {
  display: none !important;
}

.stellen-accordion_row .vc_tta-icon {
  position: absolute;
  left: 0 !important;
  top: 17px;
}

.stellen-accordion_row .vc_tta-icon::before {
  content: "" !important;
  width: 27px;
  height: 27px;
  display: block !important;
  background-image: url('/wp-content/uploads/2023/03/angles-right.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

.stellen-accordion_row a {
  display: flex;
}

.stellen-accordion_row span {
  margin-left: 0 !important;
  color: var(--color-dark-blue) !important;
}

.stellen-accordion_row .vc_tta-panel-heading {
  border: none !important;
}

.stellen-accordion_row .vc_tta-controls-icon-position-left.vc_tta-panel-title>a {
  padding-left: 55px !important;
}

.stellen-accordion_row .vc_tta-panel-body {
  padding-left: 55px !important;
}

/*-
    jobs #aktuell frei
-*/
.aktuell-frei-wrapper {
  width: 80%;
}

.aktuell_frei a {
  display: block;
  font-size: var(--font-size-24) !important;
  line-height: 1.375;
  color: var(--color-dark-blue);
  text-decoration: none;
  margin-bottom: 60px;
  font-weight: bold;
  padding-left: 2.86vw;
  background-image: url('/wp-content/uploads/2023/03/angles-right.svg');
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0.4vw;
  background-size: 1.4vw;
  transition: var(--transition);
}

.aktuell_frei a:hover {
  transform: translate(5%, 0) scale(1.1);
}

/*-
    jobs #Bewerbungsformular
-*/
.stellen-form_row {
  margin-top: 10vw !important;
  margin-bottom: 250px !important;
}

.stellen_wrapper {
  background-color: var(--color-red);
}

.stellen-form_row>div:first-child>div {
  width: 75%;
}

.form_element *,
.form_element textarea::placeholder {
  color: var(--color-red);
}

.stellen_wrapper input,
.form_element textarea,
.form_element select {
  border: none;
  font-size: 22px;
  height: auto;
  line-height: 1;
  padding: 23px 14px 30px 14px;
  resize: none;
}

.stellen_wrapper input {}

.stellen_wrapper>.form_element:first-child,
.stellen_wrapper>.form_element:nth-child(2) {
  margin-bottom: 30px !important;
}

.form_element select {
  margin-bottom: 52px !important;
  word-wrap: break-word;
  min-height: 135px;
  white-space: break-spaces;
}

.stellen_wrapper .wpcf7-not-valid-tip {
  color: var(--color-white);
  font-size: 18px;
  padding-left: 14px;
  margin-top: 7px;
  margin-bottom: 10px !important;
}

.stellen_wrapper input:active,
.stellen_wrapper input:focus,
.form_element select:focus,
.form_element select:active,
.form_element textarea:active,
.form_element textarea:focus,
.form_element textarea {
  border: none;
  outline: none;
}

.stellen_wrapper input::placeholder {
  color: var(--color-red);
  font-size: 22px;
}

.form_element,
.form_element label,
.form_element input,
.form_element select,
.form_element textarea {
  width: 100%;
}

.form_element p {
  margin: 0;
}

.form_element span {
  display: block;
}

.stellen_wrapper {
  padding: 66px 51px 0;
}

.bewerbungen_send {
  transform: translate(0px, 35px);
}

.bewerbungen_send p {
  font-size: 22px;
  line-height: 1.25;
  color: var(--color-white);
  text-align: center;
}

.stellen-form_block {
  margin-bottom: 0 !important;
  position: relative;
}

.stellen-form_block::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: var(--color-red);
  left: 0;
  bottom: -1px;
  z-index: -1;
}

.stellen-form_block::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 157px;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background-color: var(--color-red);
  left: 0;
  bottom: -157px;
  backface-visibility: hidden;
}

.stellen-submit_wrapper {
  display: flex;
  justify-content: center;
  margin-top: 62px;
}

.stellen-submit_wrapper p {
  margin-top: 0 !important;
}

.stellen-submit_wrapper .wpcf7-spinner {
  display: none;
}

.stellen-submit_wrapper input {
  padding: 20px 46px 20px 99px;
  background-color: var(--color-white);
  background-image: url('/wp-content/uploads/2023/03/Gruppe-443@2x.png');
  background-repeat: no-repeat;
  background-position-x: 66px;
  background-position-y: 50%;
  background-size: 22px;
  font-size: 36px;
  font-weight: bold;
  color: var(--color-red);
  line-height: 1;
  margin-bottom: 0 !important;
  cursor: pointer;
}

.stellen-form_block .wpcf7-response-output {
  position: absolute;
  bottom: 50px;
  margin-top: 0;
  width: 70%;
  left: 50%;
  transform: translate(-50%, 0px);
  color: var(--color-white);
  border-color: var(--color-white) !important;
}

.stellen-form_block .wpcf7-form.invalid .stellen_wrapper {
  padding: 66px 51px 62px !important;
}

.stellen-form_block .wpcf7-form.invalid .bewerbungen_send {
  transform: translate(0px, 92px);
}

/*-
  single  jobs #Bewerbungsformular
-*/
.stellen-form_row .team_persons-wrapper {
  justify-content: space-between;
  width: 100%;
}

.stellen-form_row .team_persons-wrapper .team_persons-single {
  width: 41.8%;
}

.stellen-form_row .team_persons-wrapper .team_persons-photo * {
  width: 100%;
}

.stellen-form_row-title * {
  font-size: var(--font-size-36);
  color: var(--color-red);
}

.stellen-form_team-title * {
  font-size: var(--font-size-36);
}

.job-vacancy * {
  color: var(--color-white);
  font-size: 22px;
}

.job-vacancy {
  margin-bottom: 30px !important;
}

.codedropz-upload-container {
  padding-left: 0 !important;
}

.codedropz-upload-inner span,
.codedropz-upload-inner h3 {
  display: none;
}

/* .codedropz-upload-inner h3 {
	display:none; ???????????????????
} */
.codedropz-btn-wrap {
  text-align: left;
}

.codedropz-upload-handler {
  border: none !important;
}

.dnd-upload-counter {
  display: none;
}

.dnd-upload-image {
  display: none;
}

.wpcf7-response-output {
  margin-bottom: -20px;
}

/*-
  single  jobs #next_marken
-*/
.next-marken_wrapper {
  display: flex;
}
.next-marken_single-wrapper a {
  display: block;
}
.next-marken_single-wrapper img {
  height: 2.7vw !important;
  width: auto !important;
  max-width: 100%;
  padding-left: 1.3vw !important;
  object-fit: contain;
  background-image: url('/wp-content/uploads/2023/03/Gruppe-443@2x.png');
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 0;
  background-size: 0.83vw;
}

.next-marken_single-wrapper img {
  transition: var(--transition);
}

.next-marken_single-wrapper a:hover img {
  transform: translate(5%, 0) scale(1.1);
}

.next-marken_single-wrapper {
  margin-right: 5.15vw;
}

.next-marken_text p {
  font-size: 2.08vw !important;
}

.form_upload * {
  color: var(--color-white);
}

.dnd-upload-details * {
  font-size: var(--font-size-24) !important;
  font-style: normal !important;
  color: var(--color-white) !important;
}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
  background-color: var(--color-white) !important;
  color: var(--color-red) !important;
  font-size: var(--font-size-22) !important;
}

/*--------------------
  top header video
--------------------*/
.top-video_section {
  position: relative;
  padding-bottom: 36.1vw;
  padding-top: 100px !important;
  background-repeat: no-repeat;
  background-size: cover;
}

.top-video_home-section .top-video_content-text {
  padding-left: 14.22vw;
}

.top-video_section.top-video_home-section .top-video_content-row {
  display: flex;
  justify-content: space-between;
}

.home .top-video_content-row {
  min-height: 22vw;
}

.top-video_section.top-video_home-section .top-video_content-row::after,
.top-video_section.top-video_home-section .top-video_content-row::before {
  display: none !important;
}

.top-video_row {
  clip-path: polygon(0 69.85%, 100% 0, 100% 100%, 0% 100%);
  height: 47.76vw;
  position: absolute;
  left: 7.3vw;
  right: 7.3vw;
  bottom: -1px;
  backface-visibility: hidden;
}

.home-top_icons-block {
  width: auto !important;
}

.top-video_row video {
  width: 100%;
  object-fit: cover;
}

/* .home .local_navigation {
	display: none;
} */
.home-top_icons-lang a,
.home-top_icons-lang {
  text-decoration: none;
  font-size: 22px;
  color: var(--color-dark-blue) !important;
}

.home-top_icons-search,
.home-top_icons-map {
  display: flex;
  justify-content: center;
}

.home-top_icons-lang p {
  margin-top: 0 !important;
  margin-bottom: 20px;
}

.home-top_icons-lang {
  margin-bottom: 15px !important;
}

.home-top_icons-lang ul {
  list-style: none;
  display: flex;
}
.home-top_icons-lang ul li {
  padding: 10px;
}
.home-top_icons-lang ul li:not(:last-child) {
  margin-right: 5px;
}
.home-top_icons-lang * {
  line-height: 1;
  font-weight: inherit;
}
.home-top_icons-lang li {
  cursor: pointer;
}
.home-top_icons-lang ul li:not(:last-child) {
  position: relative;
}
.home-top_icons-lang ul li:not(:last-child)::after {
    content: "/";
    font-size: inherit;
    position: absolute;
    right: -9px;
    top: 50%;
    transform: translate(0px, -50%);
    font-weight: inherit;
}

.home-top_icons-lang .wpml-language-switcher {
  padding: 0;
}



.home-top_icons-search {
  margin-bottom: 20px !important;
}

.home-top_icons-search img,
.home-top_icons-map img {
  width: 30px;
  height: 30px!important;
}

.top-image_section {
  padding-bottom: calc(47.1vw - 85px) !important;
}

.top-video_row>div>div>div>div:not(.top-video_row.top-image_row>div>div>div>div) {
  display: none;
}

.top-video_row.top-image_row * {
  width: 100% !important;
}

.top-video_row.top-image_row img {
  object-fit: cover;
}

.top-video_row.top-image_row {
height: 47.76vw;
  /* clip-path: polygon(0 57%, 100% 0, 100% 100%, 0% 100%); */
}

.home-top_icons-block>div>div {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}

.top-video_row * {
  height: 100% !important;
}

.top-video_logo {
  width: 30.2vw;
  height: 15.46vw;
  transform: translate(-1.3vw, 0);
  margin-bottom: 55px !important;
}

.top-video_logo * {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
}

.top-video_home-section .top-video_content-block {
  width: 49.9vw !important;
}

.top-video_section .top-video_content-block {
  width: 49.17vw !important;
}

/*--------------------
  losungen testimonial
--------------------*/
.losungen-testimonial_section:not(.losungen-testimonial_section-reverse, .losungen-testimonial_section-left-side) {
  padding-left: 14.89vw !important;
  padding-right: 10.26vw !important;
  margin-top: 120px;
}

.losungen-testimonial_row {
  margin-top: 120px;
  padding-left: 6.875vw;
  display: flex;
}

.losungen-testimonial_section.losungen-testimonial_section-reverse {
  padding-right: 7.3vw !important;
  padding-left: 14.89vw !important;
}

.losungen-testimonial_section-reverse .losungen-testimonial_left-block {
  transform: translate(0, -10vw);
}

.losungen-testimonial_row-reverse {
  padding-left: 9.52vw;
}

.losungen-testimonial_row-reverse .losungen-testimonial_right-block {
  padding-right: 5.15vw !important;
  padding-left: 0 !important;
}

.losungen-testimonial_row-reverse .losungen-testimonial_right-block::after {
  content: '';
  position: absolute;
  top: -113px;
  right: 5.15vw;
  width: 136px;
  height: 123px;
  background-image: url('/wp-content/uploads/2023/05/Quote-1.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

.losungen-testimonial_section-left-side>div>div>div>div>div:not(.losungen-testimonial_row) {
  padding-left: 14.89vw !important;
  padding-right: 10.26vw !important;
}

.losungen-testimonial_section-left-side .losungen-testimonial_right-block {
  width: 35.73% !important;
}

.losungen-testimonial_section-left-side .losungen-testimonial_right-block::after {
  top: -155px;
}

.losungen-testimonial_section-left-side .losungen-testimonial_row {
  padding-left: 7.3vw !important;
}

.losungen-testimonial_section-left-side .losungen-testimonial_row {
  padding-left: 0vw;
}

.losungen-testimonial_left-block {
  width: 34.94vw !important;
  height: 37.08 !important;
}

.losungen-testimonial_left-block * {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
}

.losungen-testimonial_left-block img {
  object-fit: cover;
}

.losungen-testimonial_right-block {
  width: 49.1% !important;
}

.losungen-testimonial_right-block {
  padding-top: 59px !important;
  padding-left: 5.15vw !important;
  position: relative;
}

.losungen-testimonial_right-block::after {
  content: '';
  position: absolute;
  top: -183px;
  right: -10px;
  width: 136px;
  height: 123px;
  background-image: url("/wp-content/uploads/2023/05/Quote-1.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.losungen-testimonial_right-block p {
  margin-top: 0 !important;
}

/*--------------------
  marke template
--------------------*/
.marke-template-default .entry-header {
  position: relative;
}

.marke-template-default .post-thumbnail {
    height: calc(50vh - 98px);
    margin-bottom: 0 !important;
    min-height: 230px;
}

.marke-template-default .post-thumbnail *,
.single-logo_header img {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
}

.marke-template-default .post-thumbnail img {
  object-fit: cover;
}
.single-logo_header {
    position: absolute;
    top: 50%;
    left: 10.875vw;
    width: auto;
    height: 7vw;
    transform: translate(0px, -50%);
}
/* .marke-template-default .rating_conteiner {
  position: relative;
}
.marke-template-default  .rating_elements-wrapper {
  position: absolute;
      bottom: 0px;
      right: 0px;
} */




.single-logo_header img {
  object-fit: contain;
}

.marken-gallery {
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
}

.marken-gallery .marken-image {
  width: calc(33.33% - 13.33px);
  height: 23.95vw;
  object-fit: cover;
}

.marken-gallery_description-row>div {
  width: calc(33.33% - 13.33px);
  height: auto;
  object-fit: cover;
}

.marken-gallery .marken-image:nth-child(2),
.marken-gallery_description-row>div:nth-child(2) {
  margin: 0 20px;
}

.marken-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  transition: var(--transition);
}

.marken-image:hover img:not(.beschichtungen_element .marken-image img) {
  transform: scale(1.25);
}

.marken-image {
  overflow: hidden;
}

.marken-gallery_images-row>div>div>div>div:not(.marken-gallery) {
  display: none !important;
}

.marken-gallery_section {
    margin-top: 70px;
    margin-bottom: 120px;
}

.marken-gallery_left-subBlock {
  width: 70px !important;
}

.dimension_text,
.dimension_image {
  margin-bottom: 0 !important;
}
.dimension_image img {
  min-height: 1.77vw;
  width: 100%;

}
.dimension_text p {
  margin-top: 0 !important;
  font-size: 18px !important;
}

.marken-gallery_description-block>div>div>div {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
}

.rating_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 33.33%;
}

/* .rating_item:not(:nth-last-child(-n+3)) {
  margin-bottom: 55px;
} */
.marke-template-default .rating_item {
  padding-bottom: 55px;
}
.marke-template-default .rating_elements-wrapper {
  padding-bottom: 55px;
}


.rating_item>img:first-child {
  order: 1;
  width: 5.2vw;
  height: 5.2vw;
}

.rating_item>img:last-child {
  order: 2;
  width: 3.49vw;
  height: 3.28vw;
  margin-top: 22px;
  margin-right: 2.08vw;
}

.rating_item>span {
  width: 70%;
  order: 3;
}

.homepage_rating_conteiner {
  display: flex;
  flex-wrap: wrap;
  margin-top: 150px !important;
}

.rating_label {
  color: var(--color-red);
  font-size: 16px !important;
  margin-top: 15px;
}

.marken_settings h1, .marken_settings .like_h1, .like_h1 * {
  margin: 0 !important;
  margin-block-start: 0 !important;
  font-size: 2.5vw;
}

.marken_settings * {
  color: var(--color-dark-blue);
}

.marken-content_logo-settings {
  margin-bottom: 77px !important;
}

.marken-content_logo-settings>div:last-child {
  padding-left: 7.3vw !important;
}

.marken-content_text-row {
  display: flex;
  justify-content: space-between;
}

.marken-content_text-row::after,
.marken-content_text-row::before {
  display: none !important;
}

/* .marken-content_left-block {
    width: 44.8%!important;
} */
.marken-content_right-block {
  padding-left: 7.3vw !important;
}

.rating_elements-wrapper {
  width: 33%;
  display: flex;
  justify-content: center;
  align-items: flex-end;


}

.rating_elements {
  width: 120px;
}

.rating-elements_element img {
  width: 25px;
  height: 24px;
}

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

.rating-elements_element span {
  font-size: 11px;
  color: var(--color-red);
}

.red-banner_section {
  padding: 0 8.125vw !important;
  margin: 150px 0 !important;
}

.red-banner_section * {
  color: var(--color-white) !important;
  font-weight: 400 !important;
}

.red-banner_section>div {
  padding-left: 60px;
  padding-right: 60px;
  clip-path: polygon(0 0, 100% 0, calc(100% - 60px) 50%, 100% 100%, 0 100%, 60px 50%);
  background-color: var(--color-red);
  display: flex;
  justify-content: center;
  backface-visibility: hidden;
}

.red-banner_section>div>div {
  width: 80% !important;
  min-width: 900px;
}

.red-banner_block>div>div {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.red-banner_several-btns .red-banner_block>div>div {
  padding-bottom: 20px !important;
}

.red-banner_block {
  padding-top: 60px;
}

.red-banner_several-btns .custom_btn {
  margin-bottom: 0 !important;
}

.red-banner_several-btns .custom_btn a {
  padding-bottom: 7px !important;
  padding-top: 7px !important;
}

/*--------------------
  background elements on pages
--------------------*/
/*-
  home
-*/
.konfigurator-home_section,
.angebot_slider-content {
  position: relative;
}

.konfigurator-home_section::before {
  content: '';
  position: absolute;
  right: 1.5vw;
  bottom: -10vw;
  width: 26.82vw;
  height: 24.74vw;
  transform: rotate(-29deg) translate(50%, 50%);
  background-image: url('/wp-content/uploads/2023/04/Group-633.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.altefco-standard_section .ansprechpartner-redSticker::before {
  content: '';
  position: absolute;
  top: -31vw;
  left: -13vw;
  transform: translate(0%, 0%) rotate(4deg);
  width: 26vw !important;
  height: 26vw;
  background-image: url('/wp-content/uploads/2023/04/Group-634.svg');
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}

.angebot_slider-content::before {
  content: '';
  position: absolute;
  left: -9.3vw;
  top: -2vw;
  width: 31.82vw;
  height: 30.1vw;
  background-image: url('/wp-content/uploads/2023/04/Group-633.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.angebot_slider-content::after {
  content: '';
  position: absolute;
  left: 11.02vw;
  top: 10vw;
  width: 4.63vw;
  height: 4.63vw;
  min-width: 55px;
  min-height: 55px;
  background-image: url('/wp-content/uploads/2023/03/Gruppe-347.svg');
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(-75deg);
}

/*-
  unernehmen
-*/
.gelebter-team_section {
  position: relative;
}

.gelebter-team_section::after {
  content: '';
  position: absolute;
  left: -8vw;
  top: 0;
  width: 21.3vw;
  height: 21.3vw;
  background-image: url('/wp-content/uploads/2023/03/Gruppe-220.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

.gelebter-team_section::before {
  content: '';
  position: absolute;
  left: 29.06vw;
  top: 19.7vw;
  width: 4.63vw;
  height: 4.63vw;
  min-width: 55px;
  min-height: 55px;
  background-image: url('/wp-content/uploads/2023/03/Gruppe-347.svg');
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(-35deg);
}

/*-
  angebot

-*/
.left-image_section {
  position: relative;
}

.left-image_section::after {
  content: '';
  position: absolute;
  left: -17.3vw;
  bottom: -3vw;
  width: 31.82vw;
  height: 30.1vw;
  background-image: url('/wp-content/uploads/2023/04/Group-633.svg');
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  z-index: -1;
}

/*--------------------
  #angebot page
--------------------*/
.wrapper-images_titles {
  display: flex;
  flex-wrap: wrap;
  padding-left: 17.08vw;
  margin-bottom: 77px;
}

.rating-image_title {}

.rating-image_title {
  width: 12.5%;
}

.rating-title p {
  font-size: 0.78vw;
  text-align: center;
  color: var(--color-red);
}

.rating-image {
  display: flex;
  justify-content: center;
}

.rating-image img {
  width: 4.58vw;
  height: 4.84vw;
  object-fit: contain;
}

.angebot_single-rating-img a {
  display: block;
  width: auto;
  height: 32px;
}

.angebot_single-rating {
  display: flex;
  height: 40px;
  margin-bottom: 60px !important;
}

.angebot_single-rating-img img {
  object-fit: contain;
  object-position: 0% 50%;
  height: 2.08vw;
  width: 100%;
}

.angebot_rating_conteiner {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  width: calc(100% - 17.08vw);
}

.angebot_rating_conteiner .angebot_rating_item {
  width: 12.5%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}

.angebot_rating_conteiner .angebot_rating_item img {
  width: 1.66vw;
  object-fit: contain;
}

.angebot_single-rating-img {
  width: 17.08vw;
}

.angebot-rating_elements-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-right: 3vw;
}

.angebot-contact_section {
  margin: 9.11vw 0;
}

.angebot-contact_block * {
  color: var(--color-dark-blue) !important;
  font-size: var(--font-size-24) !important;
}

.angebot-contact_block .angebot-contact_text {
  margin-bottom: 7px;
}

.angebot-contact_block .custom_btn a {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.angebot-contact_block .custom_btn {
  margin-bottom: 0;
}

.marken-comparison_section {
  margin-top: 90px;
}

/*--------------------
  #angebot slider 4 elements
--------------------*/
.beschichtungsarten-redElements {
  display: flex;
  position: relative;
  z-index: 2;
}

.beschichtungsarten-red_block {
  width: 25%;
}

.beschichtungsarten-red_block:hover {
  transform: scale(1.05);
}

.beschichtungsarten-red_block.active:hover {
  transform: scale(1);
}

/*--------------------
  angebot slider
--------------------*/
.necessarily-row {
  display: none;
}

.beschichtungsarten-wrapper {
  margin-top: 60px !important;
}

.four-blocks_slider {
  margin-top: 100px;
  margin-bottom: 100px;
}

.four-blocks_slider-mobile.vc_section.vc_section-flex{
  display: none;
}

.four-blocks_slider>div:not(.four-blocks_row),
.four-blocks_row-title,
.beschichtungsarten-underRed {
  padding: 0 7.3vw !important;
}

.four-blocks_slider>div:first-child {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.four-blocks_title-row {
  margin-bottom: 40px;
}

.four-blocks_single,
.beschichtungsarten-red_block {
  background-color: var(--color-red);
  width: 20.41vw !important;
  padding: 50px 40px 40px 60px !important;
  min-height: 522px !important;
  transition: var(--transition);
  cursor: pointer;
  position: relative;
}

.beschichtungsarten-red_block::before {
  content: '';
  position: absolute;
  bottom: 0vw;
  left: 0;
  transform: translate(0, -10.15vw);
  background-color: var(--color-dark-blue);
  clip-path: polygon(100% 0, 100% 50%, 50% 100%, 0 50%, 0 0);
  height: 10.15vw;
  width: 100%;
  transition: var(--transition-longer);
  z-index: -1;
  opacity: 0;
  backface-visibility: hidden;
}

.beschichtungsarten-red_block.active::before {
  opacity: 1;
  transform: translate(0, calc(10.14vw - 1px));
  transition: var(--transition);
}

.four-blocks_single.active,
.beschichtungsarten-red_block.active {
  width: 27.81vw !important;
  background-color: var(--color-dark-blue);
}

.four-blocks_single>div,
.four-blocks_single>div>div {
  height: 100%;
}

.four-blocks_single *,
.beschichtungsarten-red_block * {
  color: var(--color-white);
}

.four-blocks_row,
.beschichtungsarten-redElements {
  display: flex;
  justify-content: center;
}

.four-blocks_row>div:not(:last-child),
.beschichtungsarten-redElements>.beschichtungsarten-red_block:not(:last-child) {
  margin-right: 20px;
}

.four-blocks_single-text {
  margin-bottom: 0 !important;
}

.four-blocks_single-text * {
  font-size: 28px;
}

.four-blocks_single>div>div {
  position: relative;
}

.four-blocks_single-text {
  position: absolute;
  top: calc(8.33vw - 60px);
  opacity: 0;
  visibility: hidden;
}

.four-blocks_single-title {
  margin-bottom: 0 !important;
  position: absolute;
  top: 95px;
  transition: var(--transition);
}

.four-blocks_single-title::after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 65%;
  height: 2px;
  background-color: var(--color-white);
  transition: var(--transition);
  opacity: 0;
}

.four-blocks_single-title p {
  margin-top: 0 !important;
  text-align: center;
}

.four-blocks_single-btn {
  position: absolute;
  bottom: calc(164px - 50px);
  margin-bottom: 0 !important;
}

.four-blocks_single-btn a {
  font-size: 28px !important;
}

.four-blocks_single-title * {
  font-size: 46px;
  transition: var(--transition);
}

.four-blocks_single.active .four-blocks_single-title * {
  font-size: 22px;
}

.four-blocks_single.active .four-blocks_single-title {
  top: 0px;
}

.four-blocks_single.active .four-blocks_single-title::after {
  opacity: 1;
}

.beschichtungsarten-red_block .art_description {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition: var(--transition-longer);
  font-size: 0.75vw;
  font-weight: 300 !important;
}

.beschichtungsarten-red_block.active .art_description {
  opacity: 1;
  visibility: visible;
  position: relative;
  font-size: var(--font-size-24) !important;
  transition: var(--transition);
}

.beschichtungsarten-underRed_block {
  display: flex;
  flex-direction: column;
  padding: 19.25vh 2.6vw 10.27vh;
  display: none;
  color: var(--color-red) !important;
  position: relative;
}

.beschichtungsarten-underRed_block::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(83, 104, 194, 0.15);
  z-index: -4;
}

.beschichtungsarten-underRed_block::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  z-index: -5;
}

.beschichtungsarten-underRed {
  /* padding: 0 7.39vw!important; */
  margin-top: 35px;
}

.underRed_brand-bottom {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.beschichtungsarten_two-blocks {
  display: flex;
  margin-top: 58px !important;
}

.beschichtungsarten_two-blocks>div:first-child {
  margin-right: 30px;
}

.beschichtungsarten-underRed_image {
  display: flex;
  align-items: center;
  font-size: var(--font-size-24);
  margin-bottom: 30px;
}
.add_desc_term {
  font-size: var(--font-size-24);
  max-width: 50%;
}
.beschichtungsarten-underRed_image img {
  width: 3.13vw;
  height: 3.13vw;
  margin-right: 23px;
}

.beschichtungsarten-underRed_title {
  margin-top: 0 !important;
  margin-bottom: 7.87vh;
  font-size: 2.91vw;
}

.beschichtungsarten-underRed_vorteile {
  margin-top: 0;
  font-size: 1.145vw;
  font-weight: 500;
  position: relative;
  display: inline;
}

.beschichtungsarten-underRed_vorteile::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 5.1vw;
  height: 3px;
  background-color: var(--color-red);
}

.underRed_brand-logos {
  margin-top: 42px;
  margin-left: 10.41vw;
}

.underRed_brand-logo {
  margin-bottom: 68px !important;
}

.underRed_brand-logo a {
  display: block;
}

.underRed_brand-logo img {
  height: 3.7vw;
  width: auto;
}

.beschichtungsarten-mehr_btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: var(--font-size-24);
  padding: 10px 10px 10px 41px;
  background-image: url('/wp-content/uploads/2023/03/angles-left-white.svg');
  background-size: 28px;
  background-position-x: 0;
  background-position-y: 50%;
  background-repeat: no-repeat;
  transition: var(--transition);
  position: absolute;
  bottom: 8.54vw;
  left: 50%;
  transform: translate(-50%, 0);
  white-space: nowrap;
}

.art_top-title {
  margin-top: 0 !important;
  font-size: 1.145vw;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}

.beschichtungsarten-red_block.active .art_top-title {
  opacity: 1;
  visibility: visible;
  margin-bottom: 4.32vw !important;
}

.art_top-title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 5.1vw;
  height: 3px;
  background-color: var(--color-white);
}

.art_main-title-wrapper {
    position: absolute;
    top: calc(4.32vw + 50px);
    left: 50%;
    transform: translate(-50%, 0px);
    right: 40px;
    display: flex;
    justify-content: center;
    width: 80%;
}

.art_main-title {
  display: inline-block;
  word-wrap: break-word;
  text-align: center;
  transition: var(--transition);
  font-weight: 500;

}
.art_star {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.beschichtungsarten-red_block.active .art_main-title {
  opacity: 0;
  visibility: hidden;
}

.beschichtungsarten-red_block.active .beschichtungsarten-mehr_btn {
  opacity: 0;
  visibility: hidden;
}

.changed-slider_section .underRed_brand-bottom_neu {

  display: grid;
    /* first column 60% - 25px, second 40% - 25px */
    grid-template-columns: calc(60% - 25px) calc(40% - 25px);
    gap: 50px; /* spacing between elements */

}

.passiv_image_with_sticker_neu {
  position: relative;
}
.passiv_image_with_sticker_neu .ansprechpartner-redSticker_row {
    position: absolute;
    bottom: auto;
    top: 17%;
    width: 30% !important;
    height: 20% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 10%;
    z-index: 10;
}
.ansprechpartner-redSticker p {
    min-width: 50px!important;
}
.passiv_image_with_sticker_neu p {
  font-size: 1vw!important;
}

.passiv_image_with_sticker_neu .ansprechpartner-redSticker_block>div::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-57%, -49%) rotate(45deg);
    width: 13.26vw !important;
    height: 12.96vw;
    z-index: 1;
    backface-visibility: hidden;
    transform-origin: 40% 51%;
    background-image: url('/wp-content/uploads/2023/05/Path-156-2.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.passiv_image_with_sticker_neu img {
  width: 100%;
    object-fit: cover;
}
.changed-slider_section .icon-white-mobile {
  display: none;
}

/*--------------------
    #team
--------------------*/
.team_persons-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1%;
  width: 75%;
}

.team_persons-single {
  width: 25%;
  padding: 0 1%;
}

.team_persons-photo {
  height: 17.44vw;
  /* overflow: hidden; */
  position: relative;
  z-index: 2;
}

.team_persons-photo img {
  height: 100%;
  transition: var(--transition);
  object-fit: cover;
  width: 100%;
}

.team_persons-single:hover .team_persons-photo img {
  transform: scale(1.15);
  object-fit: cover;
}

.employee_description {
  transition: var(--transition);
  transform: translate(0, -150px);
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  position: relative;
  padding-top: 20px;
}

.employee_description p {
    font-size: 0.95vw;
}

.team_persons-single:hover .employee_description {
  transform: translate(0, 0px);
  opacity: 1;
  visibility: visible;
}

.ansprechpartner_section>.section-title_row {
  display: flex;
}
.ansprechpartner_section .textwrapper {
  z-index: 10;
}
.ansprechpartner_section .section-title_row>div {
  width: calc(100% - 20vw) !important;
}

/*--------------------
	home search
--------------------*/
.search-home-wrapper.home-el {
  position: absolute;
  width: 50%;
  right: 0;
  top: 380px;
  z-index: 30;
  min-width: 550px;
  transform: translate(100vw, 0);
  transition: var(--transition);
}

.search-home-wrapper.home-el.active {
  transform: translate(0vw, 0);
}

.home-page_close-btn {
  width: 28px;
  height: 28px;
  position: relative;
  display: block;
  cursor: pointer;
  margin-left: 19px;
}

.home-page_close-btn:before,
.home-page_close-btn:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 28px;
  background-color: var(--color-white);
}

.home-page_close-btn:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.home-page_close-btn:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.home-search_input-wrapper {
  padding: 35px 40px 35px 70px;
  background: var(--color-black);
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 30px 50%);
  backface-visibility: hidden;
}

.home-search_input-wrapper form {
  display: flex;
  align-items: center;
}

.home-search_input-wrapper form label {
  color: var(--color-white);
  font-size: 24px;
}

.home-search_input-wrapper input[type=search] {
  height: 34px;
  margin: 0 25px;
  width: 60%;
  border-radius: 20px;
  background: transparent;
  border: 1px solid var(--color-white);
  padding-left: 20px;
  font-size: 18px;
  color: var(--color-white);
  font-weight: 300;
}

.home-search_input-wrapper input[type=submit] {
  width: 36px;
  height: 36px;
  background: transparent;
  border: 1px solid var(--color-white);
  border-radius: 50%;
  background-image: url('/wp-content/uploads/2023/04/magnifying-glass-2.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  cursor: pointer;
}

.search #content {
  min-height: calc(100vh - 198px);
  padding-top: 220px;
}

.search-results #main {
  padding: 0 7.3vw;
}

.search-results .post-thumbnail {
  height: 20vw;
  width: 20vw;
}

.search-results .post-thumbnail * {
  width: 100% !important;
  height: 100% !important;
}

.search-results article {
  display: flex;
  align-items: center;
  min-height: 12vw;
  border-bottom: 2px solid var(--color-black);
  padding: 35px 0;
}

.search-results article .entry-header {
  min-width: 20vw;
}

.search-results article .entry-content {
  padding: 0 4vw;
  font-size: var(--font-size-22);
}

.search-results article .entry-content p {
  font-size: var(--font-size-22);
}

.search-results article .entry-content .more-link {
  color: var(--color-black);
  text-decoration: underline;
  text-decoration-color: var(--color-red);
}

.search-results article .entry-title a {
  text-decoration: none;
  color: var(--color-red);
  font-size: var(--font-size-24);
}

.search-results article .entry-title a:visited {
  color: var(--color-red);
}

.search-results article .entry-title {
  line-height: 1;
}

.search-results .search-result-count {
  font-size: 2.125vw;
}

.search-results article .entry-title {
  margin-top: 0;
}

.search a {
  text-decoration: none;
}

.search-no-results #content {
  padding: 13.02vw 7.3vw 0;
}

.search-no-results #page {
  overflow-y: auto;
}

.search-no-results {
  overflow: auto;
}

.page-numbers:not(.page-numbers.current) {
  padding-left: 1.5vw !important;
  line-height: 47px !important;
  font-weight: 500 !important;
  position: relative !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: var(--transition) !important;
  display: inline-block !important;
  background-size: 1vw !important;
  background-position-x: left !important;
  background-position-y: center !important;
  color: var(--color-dark-blue) !important;
  background-image: url(/wp-content/uploads/2023/04/angles-right.svg) !important;
  margin-right: 30px;
  margin-top: 30px;
}

.page-numbers.current {
  padding-left: 1.5vw !important;
  line-height: 47px !important;
  font-weight: 500 !important;
  display: inline-block !important;
  background-size: 1vw !important;
  margin-right: 30px;
  margin-top: 30px;
  color: var(--color-dark-blue) !important;
  text-decoration: underline;
  text-decoration-color: var(--color-dark-blue) !important;
}

.page-numbers svg {
  display: none;
}

/*--------------------
	menu search
--------------------*/
.search-home-wrapper:not(.home .search-home-wrapper) {
  display: none;
}

.suche_wrapper .wp-block-search__inside-wrapper {
  display: none;
  width: 75%;
  margin-top: 15px;
  padding: 5px;
}

.suche_wrapper .wp-block-search__inside-wrapper input {
  height: 34px;
  margin: 0 25px 0 0;
  width: 60%;
  border-radius: 20px;
  background: transparent;
  border: 2px solid var(--color-white);
  padding-left: 20px;
  font-size: 18px;
  color: var(--color-white);
  font-weight: 300;
}

.suche_wrapper .wp-block-search__inside-wrapper button {
  width: 34px;
  height: 34px;
  background: transparent;
  border: 1px solid var(--color-white);
  border-radius: 50%;
  background-image: url(/wp-content/uploads/2023/04/magnifying-glass-2.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  cursor: pointer;
  font-size: 0;
  transform: translate(0, -5px);
}
.suche_wrapper ul li:not(:last-child) span  {
  position: relative;
}
.suche_wrapper ul li:not(:last-child) span::after {
    content: "/";
    font-size: inherit;
    position: absolute;
    right: -18px;
    top: 50%;
    transform: translate(0px, -50%);
    font-weight: inherit;
}
/*--------------------
404
--------------------*/
.error404 #content {
  min-height: calc(100vh - 98px - 120px);
}
.error404 #content #main {
  padding: 200px 7.3vw 100px;
}

.error404  #page {
  overflow: auto;
}



/*--------------------
Cookies
--------------------*/
.detail-powered {
  display: none!important;
}
.cky-consent-container:lang(fr-FR) {
      width: 570px!important;
}
.cky-consent-container:lang(de-DE) {
      width: 500px!important;
}
.cky-consent-container {
  left: auto!important;
  right: 50px!important;
}

.cky-btn-accept {
  background-color: var(--color-red) !important;

}

.cky-notice-btn-wrapper > button, .cky-prefrence-btn-wrapper > button {
  border-color: transparent !important;
}
.cky-show-desc-btn, .cky-always-active {
  color: var(--color-red) !important;
}
.cky-btn-customize, .cky-btn-reject, .cky-btn-preferences {
  color: var(--color-red) !important;
  /* background-image: url(/wp-content/uploads/2023/04/angles-right.svg) !important; */
  background-repeat: no-repeat!important;
  background-size: 13px!important;
  background-position-x: 10px!important;
  background-position-y: 50%!important;
  transition: var(--transition);
}
.cky-btn-customize:hover, .cky-btn-reject:hover {
  opacity: 1!important;
}
.cky-btn-accept {
  /* background-image: url("/wp-content/uploads/2023/03/angles-left-white.svg") !important; */
  background-repeat: no-repeat!important;
  background-size: 13px!important;
  background-position-x: 10px!important;
  background-position-y: 50%!important;
  transition: var(--transition);
}
.cky-btn-revisit-wrapper {
  background-color: var(--color-black);
}
.cky-overlay *{
  font-family: var(--font-family-graphit)!important;
}

.cky-btn-revisit-wrapper {
  background-color: var(--color-black)!important;
}
.cky-cookie-des-table p {
  font-size: inherit;
}


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

    45 years

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

.anniversary {
    position: absolute;
    top: 50px;
    right: 18vw;
/*     width: 160px;
    height: 160px; */
	width: 280px;
	height: 280px;
}

.anniversary * {
  width: 100%;
  height: 100%;
}

.anniversary img{
  max-width: 100%!important;
	height: auto!important;
}


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

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

.open-popup-marke .vc_btn3{
	background-position-x: 0!important;
}

.custom_btn.red_btn.open-popup-marke a{
	padding-left: 35px!important;
}

/* ==========================================================================
   Site popup – card fixed to the bottom of the screen
   ========================================================================== */

.site-popup {
  /* Tweak here */
  --popup-bg: #000;
  --popup-color: #fff;
  --popup-width: 353px;
  --popup-left: 21.52vw;
  --popup-radius: 6px;
  --popup-padding: 32px;
  --popup-z: 980;

  position: fixed;
  left: var(--popup-left);
  bottom: 0;
  z-index: var(--popup-z);
  box-sizing: border-box;
  width: var(--popup-width);
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 80px);
  overflow-y: auto;
  padding: var(--popup-padding);
  border-radius: var(--popup-radius) var(--popup-radius) 0 0;
  background: var(--popup-bg);
  color: var(--popup-color);
  font-family: inherit; /* uses the theme font */
  -webkit-font-smoothing: antialiased;
  animation: site-popup-in 0.4s ease-out both;
}

.site-popup[hidden] {
  display: none;
}

@keyframes site-popup-in {
  from { transform: translateY(100%); }
  to   { transform: none; }
}

/* Content ----------------------------------------------------------------- */
.site-popup__title {
  margin: 0 0 20px;
  font-size: 25px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0;
  color: inherit;
  text-wrap: balance; /* even line lengths, keeps the date range together */
}
.site-popup__text {
  margin: 0 0 43px;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: inherit;
}
.site-popup__icon {
  display: block;
  width: 76px;
  height: auto;
  overflow: visible;
}
/* Close button ------------------------------------------------------------ */
.site-popup__close {
  position: absolute;
  top: 6px;
  right: 6px;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
  transition: background-color 0.2s;
}
.site-popup__close:hover {
  background: rgba(255, 255, 255, 0.15);
}
.site-popup__close:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.site-popup__close svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
}
.cky-btn-revisit-wrapper{
  z-index: 900!important;
}

/* Reopen button – shown after the popup is closed --------------------------
   Sits next to the cookie button. Uses the ID so the theme's global
   button styles can't recolour it.                                          */
#site-popup-toggle {
  --toggle-size: 45px;     /* same size as the cookie button */
  --toggle-bottom: 15px;   /* same bottom offset as the cookie button */
  --toggle-left: 68px;     /* cookie left + cookie size + gap (10 + 60 + 10) */
  --toggle-bg: #CC4A43;
  --toggle-bg-hover: #b33c36;

  position: fixed;
  left: var(--toggle-left);
  bottom: var(--toggle-bottom);
  z-index: 800;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: var(--toggle-size);
  height: var(--toggle-size);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--toggle-bg);
  color: #fff;
  cursor: pointer;
  transition: background-color 0.2s;
  animation: site-popup-toggle-in 0.25s ease-out both;
}
#site-popup-toggle[hidden] {
  display: none;
}
#site-popup-toggle:hover {
  background: var(--toggle-bg-hover);
  color: #fff;
}
#site-popup-toggle:focus {
  outline: none;
}
#site-popup-toggle:focus-visible {
  outline: 2px solid var(--toggle-bg);
  outline-offset: 3px;
}
.site-popup-toggle__icon {
  display: block;
  width: 60%;
  height: auto;
  overflow: visible;
}
@keyframes site-popup-toggle-in {
  from { opacity: 0; transform: scale(0.6); }
  to   { opacity: 1; transform: none; }
}

@media screen and (min-width: 768px) and (max-width: 1480px){
  .site-popup__title {
    font-size: 24px;
  }
  .site-popup__text {
    margin: 0 0 32px;
    font-size: 18px;
  }
  .site-popup__icon {
    width: 56px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px){
  .site-popup {
    --popup-left: 10vw;
  }
}
/* Small screens: full width minus a small gap ------------------------------ */
@media (max-width: 600px) {
  .site-popup {
    --popup-padding: 24px 24px 20px;
    left: 16px;
    right: 16px;
    width: auto;
    max-width: none;
  }
  .site-popup__title { font-size: 20px;  margin-bottom: 16px; }
  .site-popup__text  { font-size: 16px;  margin-bottom: 24px; }
  .site-popup__icon  { width: 56px; }
  .site-popup__close {
    top: 2px;
    right: 2px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-popup,
  #site-popup-toggle { animation: none; }
}