/*
Theme Name: BARKE
Description: A child theme for BARKE by cambium.digitial
Version: 1.0
Author: cambium.digital
Author URI: https://cambium.digital
Template: enfold
*/

/*Konturlinien allgemein entfernen:*/
.main_color, .alternate_color {
    border-width: 0;
}


/*Schriften:*/

html {
    /* font-size: clamp(16px, 0.9vw + 13px, 18px); */
    font-size:18px;
    line-height: 1.5;
}

#top p,
#top .avia_textblock li {
    font-size: clamp(0.9rem, 0.85rem + 0.2vw, 1rem);
    line-height: 1.5;
}

#top h1 {
    font-size: clamp(2.3rem, 1.2rem + 2.5vw, 3rem);
    font-weight: 600;
    line-height: 1.1;
    color: #ffffff;
	margin:0;
	text-transform: none;
}

#top h2 {
    font-size: clamp(2rem, 1.1rem + 2vw, 2.5rem);
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 30px 0;
    color: #004687;
	text-transform: none;

}

#top h3 {
    font-size: clamp(1.3rem, 1rem + 1vw, 1.8rem);
    font-weight: 700;
    line-height: 1.1;
    color: #004687;
	text-transform: none;

}

#top h4 {
    font-size: clamp(1rem, 0.9rem + 0.4vw, 1.1rem);
    font-weight: 600;
    line-height: 1.3;
    color: #004687;
	text-transform: none;

}

#top h5 {
    font-size: clamp(0.9rem, 0.8rem + 0.3vw, 1rem);
    font-weight: 600;
    line-height: 1.3;
    color: #ffffff;
    text-transform: uppercase;
}

#top h6 {
    font-size: clamp(1rem, 0.9rem + 0.5vw, 1.2rem);
    font-weight: 600;
    line-height: 1.3;
    color: #004687;
	text-transform: none;

}

#top h1,
#top h2,
#top h3 {
    text-wrap: balance;
    hyphens:auto;
    white-space: normal;
    letter-spacing: 0;
}

#main p a:hover{
    text-decoration: underline;
}


/*Hauptmenü:*/

.avia-menu.av-main-nav-wrap .menu-item .avia-menu-fx{
	height: 7px;
	width: 80%;
    margin-left: 15%;
	clip-path: polygon(
        0 0,
        calc(100% - 10px) 0,
        100% 100%,
        0 100%
    );
}
.av-main-nav .sub-menu, #top #header .avia_mega_div>.sub-menu{
    border-top-width: 0px;
}

.av-main-nav .mega_menu_title .menu-icon{
	width: 40px;
	float: left;
	margin-right: 8px;
}

#top #header .mega_menu_title {
	vertical-align: middle;
}

#top #header .mega_menu_title a{
	display: flex;
	padding-bottom: 4px;
	align-items: center;
	border-bottom: 1px solid #84a3bf;
	margin-bottom: 8px;
}

#header .avia_mega_div .sub-menu .avia-bullet {
	border-color: var(--enfold-header-color-color);
}
#header .avia_mega_div .sub-menu .menu-item:hover > .avia-bullet {
	border-color: var(--enfold-header-color-secondary);
}
/*Hauptmenü Schrift:*/
.av-main-nav>li>a,
.av-main-nav>ul>li>a {
    font-size: clamp(0.9rem, 0.85rem + 0.2vw, 1.1rem);
}

#top .av-main-nav ul a {
    font-size: 1rem;
	color:#000;
}


/*Footer und Socket Linie entfernen:*/
.container_wrap.footer_color#footer, #socket {
	border-top-width: 0px;
}

/*Footer Schriftfarbe Links:*/

#footer ul li a {
    color: #ffffff !important;
}

#footer ul li a:hover {
    color: #ec6707 !important;
}

/*Footer Button:*/
#top #footer .avia-button-wrap {    
	margin: 0 0 0 8px;
}

/*Rasterbreite:*/
#top .grid-center{
	max-width: 1400px;
	margin: 0 auto;
    padding-inline: 20px;
}

@media only screen and (max-width: 767px) {
    #top .grid-center{
        padding-inline: 0;    
    }
}

/*Buttons:*/
#top .avia-button.avia-size-small {
font-size: 0.9rem; border-radius: 0px;}
#top .avia-button.avia-size-medium {
font-size: 1rem; border-radius: 0px;}
#top .avia-button.avia-size-large{
font-size: 1.2rem; border-radius: 0px;}
#top .avia-button.avia-size-x-large{
font-size: 1.5rem; border-radius: 0px;}

#top .avia-button:hover {
	opacity: 1;
}

#top .avia-button {
    border: 1.5px solid #ffffff !important;
}


/*Buttons Hover:*/

.avia-button {
  overflow: hidden;
  position: relative;
  
  transition: transform 0.3s ease;
 
}

.avia-button:after {
    background: #f1f6fa;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
  }

.avia-button:hover{
  
  transform: scale(1.04);
}

.avia-button:hover:after{
    left: 120%;
    transition: all 1500ms cubic-bezier(0.19, 1, 0.22, 1);
  }


/*Buttons Icon-Box:*/
.button-box a,
.button-box a:hover,
.button-box .avia-button-text {
    text-decoration: none !important;
}

/*Aufzählungszeichen:*/
#top .avia_textblock ul li {
    list-style-type: none;
	margin: 5px 5px 5px 15px;
    position: relative;
}

#top .avia_textblock ul li:before {
    content: "■";
    position: absolute;
	left: -1rem;
    top: 1px;
    color: #EC6707;
}

/* SVG */

#top .avia-image-container img[src$=".svg"] { 
      width: 100% !important; 
      height: auto !important; 
    }


/* Skip to Top*/

#av-cookie-consent-badge.avia_pop_class, #scroll-top-link.avia_pop_class{
	opacity: 1;
	border: 2px solid;
}

#scroll-top-link.avia-svg-icon svg:first-child {
    height: 23px;
    width: auto;
    margin-top: 10px;
}

#scroll-top-link:hover, #av-cookie-consent-badge:hover {
    color: #fff;
}
#scroll-top-link.avia-svg-icon:hover svg:first-child, #av-cookie-consent-badge.avia-svg-icon:hover svg:first-child {
    fill: #fff; 
}

/* Breadcrumbs*/

.breadcrumb {
    display: inline-block;
		max-width:80%;
}

.breadcrumb-trail > span {
    font-weight: 600;
	letter-spacing:0.05em;
    color: #fff;
}

.breadcrumb-trail > span.trail-end {
    color: #84A3BF;
}

.header_color .breadcrumb-trail > span.trail-end {
    color: #fff;
}
.breadcrumb-trail a {
    color: #fff !important;
}

.breadcrumb-trail .trail-before {
    display: none;
}

.breadcrumb-trail > .sep {
    width: 1em;
}

/* Garantie-Störer*/
.garantie-stoerer {
    background-size: auto 220px !important;
}


/* Boldtext schwarz*/
.main_color strong {
  color: #000000;
}



/*benefits iconbox:*/
.benefits .iconbox_icon {
    border-radius: 0;
	text-align: center;
    position: relative;
    top: 0px;
    left: 0px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin: 0 15px 0 0;
	display: flex;
    align-items: center;
    justify-content: center;
}

.benefits .entry-content-header {
    height: 50px;
	margin-right: 15%;
	background-image: url('../../uploads/2026/05/Barke-Headline-HG.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
	    /* Zentrierung Inhalt */
 	display: flex;
    align-items: center;
}

#top .benefits.iconbox .iconbox_content .iconbox_content_title {
	padding: 0;
	margin: 0 20% 0 0;
	font-size: 1.2rem;
	line-height:1em;
	font-weight: 600;
}

.benefits .iconbox_content_container {
	background-color: #F1F6FA;
}
.benefits .iconbox_content_container p {
    margin: 0 0 0 0;
	padding: 25px 35px;
}

.benefits .iconbox_icon.avia-svg-icon svg:first-child {
    height: 1.4em;
    width: 1.4em;
	margin: 0;
}

/*tools iconbox:*/



.icon-box-tools .iconbox_icon {
	height: clamp(60px, 10vw, 80px);
    width: clamp(60px, 10vw, 80px);
	display:flex;
	align-items: center;
    justify-content: center;

}

.icon-box-tools.iconbox_top .iconbox_icon {
	left: 45%;
	top: clamp(-50px, -5vw, -40px);	
	font-size: clamp(40px, 7vw, 50px);
	line-height: 85px;
	border: 3px solid #004687!important;
}

#top .icon-box-tools .iconbox_content{
	background-color: var(--enfold-alternate-color-bg2);
}

.icon-box-tools.iconbox_top .iconbox_content {
    padding: 80px 30px 40px 30px;
    border-radius: 0px;
	min-height: 350px;
}


.icon-box-tools .iconbox_icon.avia-svg-icon svg:first-child {
    height: 1.2em;
    width: 1.2em;
}

/* Vertrauenssection */

.avia-icongrid-tooltip .av-icon-cell-item .avia-icongrid-front,
.avia-icongrid-tooltip .av-icon-cell-item:hover .avia-icongrid-front{
	transform: translateY(0) scale(1);
	top:0;
	bottom: unset;
}

@media only screen and (min-width: 990px){

	.avia-icongrid-tooltip .av-icon-cell-item .avia-icongrid-front {
	/*position: absolute;
    width: 100%;
    height: auto;
	bottom: 0;*/
    top: 0;
    transition: all .5s ease-in-out;
	}	
	
	.avia-icongrid-tooltip .av-icon-cell-item:hover .avia-icongrid-front {
		transform: translateY(-5px) scale(1.05);
	}
}

@media only screen and (min-width: 990px) and (max-width: 1200px){
	.avia-icongrid-tooltip .av-icon-cell-item .avia-icongrid-front {
		padding-top: 5px;
	}
}


.avia-icongrid-icon .icongrid-char.avia-svg-icon svg:first-child {
    height: 2em;
    width: 2em;
}

.grid-vertrauen p {
    margin: 0 0;
}

.grid-vertrauen .avia-icongrid-icon {
    margin-bottom: 0;
}

#top .grid-vertrauen h4.icongrid_title {
	font-size: clamp(1rem, 0.8rem + 0.2vw, 1.1rem);
}


/*  Testimonial Icon */
#top .avia-testimonial-image img {
	width:100%;
	margin-top: -2px;
}



/* Überschrift mit dekorativer Grafik */
.headline-deko {
	    line-height: 1.2;
}

.headline-deko h1,
.headline-deko h2,
.headline-deko h3{
	display:inline;
}

.headline-deko::after {
    content: "";
    display: inline-block;
    height: 2em;
    width: 3.4em;
    margin-left: 0.2em;
    vertical-align: baseline;
    background: url(https://barke.cambium.digital/wp-content/uploads/2026/05/Deko-Headline.svg) no-repeat;
    background-size: 35px;
    background-position: bottom left;
}

/* Produkte-Titel zentrieren*/
.products .avia_textblock {
	min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
	padding-top: 5px;
}

/* Produktseite */

#top .header-produkte .avia-image-container{
	margin-top: 20px;
}

@media screen and (max-width:989px){
	#top .template-page.content {
		padding-bottom: 10px;
		vertical-align:top;
	}
}


/* Produktseiten - Produktauswahl*/
.product-box .avia_textblock h5 {
	font-size: clamp(1rem, 0.9rem + 0.4vw, 1.1rem);
    padding: 15px;
	letter-spacing: 0.05em;
}

.avia-image-container.avia-align-center {
    margin: 0 auto;
}

/*Weitere-Produkte-Masonry*/
#top .masonry-produkte h3.av-masonry-entry-title {
    color: #ffffff !important;
	  font-size: clamp(16px, 0.4vw + 13px, 18px);
    line-height: 1.2;
    text-transform: uppercase;
	  text-align: center;
}

.main_color .masonry-produkte .av-inner-masonry-content {
	background-color: var(--enfold-main-color-secondary);
}

@media screen and (min-width:990px){
  .main_color .masonry-produkte .av-inner-masonry-content {
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.masonry-produkte .avia-arrow{
	display:none;
}


/* Textbox Zitat-Style*/
.main_color blockquote {
    border-color: #84A3C0;
    color: #004687;
}

#top .main_color blockquote p {
	font-weight: 600;
	font-size: clamp(1rem, 0.9rem + 0.5vw, 1.2rem);
	line-height: 1.2em;
}

/* Kunden-Zitat*/
.avia-testimonial-subtitle.av_opacity_variation
{
	text-transform:uppercase;
}

#top .av-large-testimonial-slider .avia-testimonial-name {
    margin-top: 0.5em;
}

/* Footer Beratungssection*/
.beratung-footer {
    background-size: 45% auto !important;
}

/* Footer Navigation */
/* Footer Menü */
#nav_menu-3 .menu,
#nav_menu-4 .menu  {
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav_menu-3 .menu li,
#nav_menu-4 .menu li {
    position: relative;
    margin: 0;
    padding: 0;
}

#nav_menu-3 .menu li:last-child,
#nav_menu-4 .menu li:last-child {
    margin-bottom: 0;
}

#nav_menu-3 .menu li a,
#nav_menu-4 .menu li a {
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 400;
    transition: opacity .2s ease;
}

/* Icon vor dem Link */
#nav_menu-3 .menu li a:before, 
#nav_menu-4 .menu li a:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 12px;
    flex-shrink: 0;
    margin-right: 12px;

    background-image: url('/wp-content/uploads/2026/05/Deko-Headline.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#footer .image-overlay {
display: none !important;
opacity: 0 !important;
}


/* Widget-Titel ausblenden */
#footer h3.widgettitle {
    margin-top:10px;
}

/* Separator entfernen */
#nav_menu-3 .seperator {
    display: none;
}

/* Dekobilder-rechts*/
.avia-section.deko-rand-rechts {
    background-size: 30% auto !important;
}

/*Datenblatt-Section*/

.datenblatt-download .iconbox_content_container {
	text-align:left;
}

.datenblatt-download .avia-button-wrap {
    display: block;
	margin-top: 30px;
}

.datenblatt-download .avia-button {
	margin-top: 15px;
}

#top .datenblatt-download.iconbox_right_content.av-icon-style-no-border .iconbox_icon{
	width: 150px;
	height: 150px;
    font-size: 150px;
}


#top .datenblatt-download .iconbox_icon {
    margin-top: -10px;
}

@media screen and (max-width:989px){
	.datenblatt-download {
		display:flex;
		flex-direction: column;
	}
	#top .datenblatt-download.iconbox_right_content.av-icon-style-no-border .iconbox_icon{
		width:150px;
		height:150px;
		margin-top: 0px;
		margin-bottom:15px;
	}
}


/*h2 Startseite*/
.av-jwzeyf-0eef5e94b1d0b0df5007cf3b9ab6fd66 .avia_textblock h2 {
	margin-bottom: 10px;
}

/*Header HG-BILD Effekt*/

#av_section_1, .av_section_4.beratung-footer {
    animation: headerBgSlide 2s ease forwards;
}

@keyframes headerBgSlide {
    from {
        background-position: 200% 0%;
    }

    to {
        background-position: 100% 0%;
    }
}


/* =========================================================
   BARKE Quick-CSS Integration
   Ergänzt am Ende, damit bestehende Styles nicht entfernt oder überschrieben werden müssen.
   Hinweis: ungültige Platzhalter aus der Quick-CSS wurden auf sichere Theme-Werte gesetzt.
========================================================= */

.logo,
.logo a {
  padding: 8px 0;
  height: 95%;
}

.products h5 {
  padding: 0 10px;
}

.avia_textblock li {
  margin: 5px;
}

/* =========================================================
   BARKE Forms — Gemeinsame Design-Tokens (EINE Quelle)
   Gelten für beide Welten:
     · Ninja Forms     → .barke-beratung-form
     · Tools-Plugin     → .barke-roi-form / .barke-tracker-form
   Hier zentral ändern = überall wirksam.
========================================================= */

#top {
  --barke-blue: #004687;
  --barke-orange: #EC6707;
  --barke-light: #eef4fa;          /* Feld-/Formularfläche */
  --barke-border: #c8daec;         /* Feld-Rahmen */
  --barke-field-text: #8CAAD8;     /* Platzhalter */
  --barke-muted: #5A6B7B;          /* Hilfetexte */
  --barke-white: #ffffff;
  --barke-text-size: clamp(0.9rem, 0.85rem + 0.2vw, 1rem);
  --barke-line-height: 1.5em;

  /* Vereinheitlichte Feld-Maße (Entscheidung 06/2026) */
  --barke-field-height: 52px;      /* Feldhöhe */
  --barke-field-fontsize: 18px;    /* Feldschrift */
  --barke-field-radius: 0px;       /* kantig, wie Enfold-Buttons */
  --barke-field-gap: 20px;         /* vertikaler Abstand zwischen Feldern */
}

/* =========================================================
   BARKE Ninja Forms Styling
   Wrapper-Klasse am Formularbereich: .barke-beratung-form
========================================================= */

#top .barke-beratung-form {
  /* Tokens werden von #top geerbt; hier nur Kompatibilität falls Wrapper isoliert genutzt wird */
  --barke-light: var(--barke-light, #eef4fa);
}

#top .barke-beratung-form .nf-form-cont {
  padding: 7%;
  background: var(--barke-light);
  box-sizing: border-box;
}

#top .barke-beratung-form .nf-form-content {
  padding: 0 !important;
  max-width: none !important;
}

#top .barke-beratung-form .nf-row,
#top .barke-beratung-form .field-wrap {
  margin-bottom: 0;
}

#top .barke-beratung-form,
#top .barke-beratung-form p,
#top .barke-beratung-form .html-wrap,
#top .barke-beratung-form .nf-field-description,
#top .barke-beratung-form .nf-form-fields-required {
  font-family: inherit;
  font-size: var(--barke-text-size);
  line-height: var(--barke-line-height);
  font-weight: 400;
  color: inherit;
}

#top .barke-beratung-form .ninja-forms-req-symbol {
  color: var(--barke-orange) !important;
}

#top .barke-beratung-form h3,
#top .barke-beratung-form .html-wrap h3,
#top .barke-beratung-form .barke-h3 {
  font-family: inherit;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.15;
  font-weight: 700;
  color: var(--barke-blue);
  margin: 0;
}

#top .barke-beratung-form .html-wrap {
  margin-top: 0;
}

#top .barke-beratung-form .nf-form-content > nf-fields-wrap > nf-field:first-child .html-wrap,
#top .barke-beratung-form .nf-form-content > .nf-field:first-child .html-wrap {
  margin-top: 0;
}

#top .barke-beratung-form .nf-field-label {
  margin-bottom: 5px;
}

#top .barke-beratung-form .nf-field-label label {
  font-family: inherit !important;
  font-size: 18px !important;
  line-height: 1.5em !important;
  font-weight: 700 !important;
  color: var(--barke-blue) !important;
}

#top .barke-beratung-form .nf-form-content input:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
#top .barke-beratung-form .nf-form-content textarea,
#top .barke-beratung-form .nf-form-content select {
  width: 100% !important;
  min-height: var(--barke-field-height) !important;
  background-color: var(--barke-white) !important;
  border: 2px solid var(--barke-border) !important;
  border-radius: var(--barke-field-radius) !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 9px 18px !important;
  font-family: inherit !important;
  font-size: var(--barke-field-fontsize) !important;
  line-height: 1.5em !important;
  font-weight: 500 !important;
  color: #000000 !important;
}

#top .barke-beratung-form input::placeholder,
#top .barke-beratung-form textarea::placeholder {
  color: var(--barke-field-text) !important;
  opacity: 1 !important;
}

#top .barke-beratung-form .nf-form-content input:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]):focus,
#top .barke-beratung-form .nf-form-content textarea:focus,
#top .barke-beratung-form .nf-form-content select:focus {
  background-color: var(--barke-white) !important;
  color: #000000 !important;
  border: 2px solid var(--barke-orange) !important;
  box-shadow: 0 0 0 3px rgba(236, 103, 7, 0.30) !important;
  outline: none !important;
}

#top .barke-beratung-form .nf-form-content textarea {
  min-height: 190px !important;
  resize: vertical;
}

#top .barke-beratung-form .listselect-wrap .nf-field-element,
#top .barke-beratung-form .list-select-wrap .nf-field-element {
  position: relative;
}

#top .barke-beratung-form .listselect-wrap .nf-field-element:after,
#top .barke-beratung-form .list-select-wrap .nf-field-element:after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  width: 18px;
  height: 12px;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 3;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L9 9L16 2' stroke='%23004687' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 18px 12px;
  background-position: center;
}

#top .barke-beratung-form .hr-wrap,
#top .barke-beratung-form .hr-wrap .nf-field-element {
  height: 10px !important;
  min-height: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#top .barke-beratung-form .hr-wrap hr,
#top .barke-beratung-form hr {
  display: none !important;
  border: 0 !important;
}

#top .barke-beratung-form .list-radio-wrap > .nf-field-label {
  display: none !important;
}

#top .barke-beratung-form .list-radio-wrap .nf-field-element ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

#top .barke-beratung-form .list-radio-wrap .nf-field-element li {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#top .barke-beratung-form .list-radio-wrap label:before,
#top .barke-beratung-form .list-radio-wrap label:after,
#top .barke-beratung-form .list-radio-wrap li:before,
#top .barke-beratung-form .list-radio-wrap li:after,
#top .barke-beratung-form .list-radio-wrap input[type="radio"]:before,
#top .barke-beratung-form .list-radio-wrap input[type="radio"]:after {
  content: none !important;
  display: none !important;
}

#top .barke-beratung-form .list-radio-wrap input[type="radio"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: var(--barke-white) !important;
  background-image: none !important;
  border: 2px solid var(--barke-blue) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: pointer !important;
  position: relative !important;
}

#top .barke-beratung-form .list-radio-wrap input[type="radio"]:checked {
  background-color: var(--barke-white) !important;
  background-image: radial-gradient(circle, var(--barke-orange) 0 4px, var(--barke-white) 4.5px) !important;
}

#top .barke-beratung-form .list-radio-wrap label {
  margin: 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: var(--barke-text-size) !important;
  line-height: var(--barke-line-height) !important;
  font-weight: 400 !important;
  color: var(--barke-blue) !important;
  cursor: pointer !important;
}

#top .barke-beratung-form .checkbox-wrap,
#top .barke-roi-form .checkbox-wrap {
  display: grid !important;
  grid-template-columns: 20px 1fr !important;
  grid-template-rows: auto auto !important;
  column-gap: 12px !important;
  row-gap: 2px !important;
  align-items: start !important;
  margin-top: 20px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

#top .barke-beratung-form .checkbox-wrap .nf-field-element,
#top .barke-roi-form .checkbox-wrap .nf-field-element {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  margin: 3px 0 0 0 !important;
  padding: 0 !important;
  display: block !important;
  line-height: 1 !important;
}

#top .barke-beratung-form .checkbox-wrap input[type="checkbox"],
#top .barke-roi-form .checkbox-wrap input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 2px solid #004687 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: pointer !important;
  position: relative !important;
  transform: none !important;
}

#top .barke-beratung-form .checkbox-wrap input[type="checkbox"]:hover,
#top .barke-roi-form .checkbox-wrap input[type="checkbox"]:hover {
  border-color: #EC6707 !important;
}

#top .barke-beratung-form .checkbox-wrap input[type="checkbox"]:checked,
#top .barke-roi-form .checkbox-wrap input[type="checkbox"]:checked {
  background-color: #EC6707 !important;
  border-color: #EC6707 !important;
}

#top .barke-beratung-form .checkbox-wrap input[type="checkbox"]:checked:after,
#top .barke-roi-form .checkbox-wrap input[type="checkbox"]:checked:after {
  content: "" !important;
  display: block !important;
  width: 5px !important;
  height: 10px !important;
  border: solid #ffffff !important;
  border-width: 0 2px 2px 0 !important;
  position: absolute !important;
  left: 6px !important;
  top: 2px !important;
  transform: rotate(45deg) !important;
}

#top .barke-beratung-form .checkbox-wrap .nf-field-label,
#top .barke-roi-form .checkbox-wrap .nf-field-label {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#top .barke-beratung-form .checkbox-wrap .nf-field-label label,
#top .barke-roi-form .checkbox-wrap .nf-field-label label {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.65em !important;
  font-weight: 700 !important;
  color: #004687 !important;
  cursor: pointer !important;
}

#top .barke-beratung-form .checkbox-wrap .nf-field-description,
#top .barke-beratung-form .checkbox-wrap .nf-field-description *,
#top .barke-beratung-form .checkbox-wrap .nf-field-description p {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.65em !important;
  font-weight: 400 !important;
  color: #004687 !important;
}

#top .barke-beratung-form .checkbox-wrap .nf-field-description a,
#top .barke-roi-form .checkbox-wrap .nf-field-description a {
  color: #EC6707 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

#top .barke-beratung-form .checkbox-wrap .nf-field-description a:hover,
#top .barke-roi-form .checkbox-wrap .nf-field-description a:hover {
  text-decoration: underline !important;
}

#top .barke-beratung-form .checkbox-wrap label:before,
#top .barke-beratung-form .checkbox-wrap label:after,
#top .barke-roi-form .checkbox-wrap label:before,
#top .barke-roi-form .checkbox-wrap label:after {
  content: none !important;
  display: none !important;
}

#top .barke-beratung-form .nf-error-msg,
#top .barke-beratung-form .nf-error .nf-field-label label,
#top .barke-roi-form .nf-error-msg,
#top .barke-roi-form .nf-error .nf-field-label label {
  color: var(--barke-orange) !important;
}

#top .barke-beratung-form .nf-error.field-wrap .nf-field-element:after,
#top .barke-roi-form .nf-error.field-wrap .nf-field-element:after {
  background: var(--barke-orange) !important;
}

#top .barke-beratung-form .submit-wrap .nf-field-element,
#top .barke-roi-form .submit-wrap .nf-field-element {
  display: inline-block;
  position: relative;
  overflow: hidden;
  line-height: 0;
}

#top .barke-beratung-form .submit-wrap input[type="button"],
#top .barke-beratung-form .submit-wrap input[type="submit"],
#top .barke-roi-form .submit-wrap input[type="button"],
#top .barke-roi-form .submit-wrap input[type="submit"] {
  display: inline-block;
  width: auto !important;
  min-height: auto !important;
  padding: 12px 28px !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  border-radius: 0 !important;
  border: 1.5px solid var(--barke-white) !important;
  background-color: var(--barke-orange) !important;
  color: var(--barke-white) !important;
  cursor: pointer;
  opacity: 1;
  box-shadow: none;
  position: relative;
  z-index: 1;
  transition: transform 0.3s ease;
}

#top .barke-beratung-form .submit-wrap input[type="button"]:hover,
#top .barke-beratung-form .submit-wrap input[type="submit"]:hover,
#top .barke-roi-form .submit-wrap input[type="button"]:hover,
#top .barke-roi-form .submit-wrap input[type="submit"]:hover {
  opacity: 1;
  transform: scale(1.04);
}

#top .barke-beratung-form .submit-wrap .nf-field-element:after,
#top .barke-roi-form .submit-wrap .nf-field-element:after,
#top .barke-product-finder .barke-request-product::after {
  background: #f1f6fa;
  content: "";
  height: 155px;
  left: -75px;
  opacity: .2;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: 2;
  pointer-events: none;
}

#top .barke-beratung-form .submit-wrap .nf-field-element:hover:after,
#top .barke-roi-form .submit-wrap .nf-field-element:hover:after,
#top .barke-product-finder .barke-request-product:hover::after {
  left: 120%;
  transition: all 1500ms cubic-bezier(0.19, 1, 0.22, 1);
}

@media (max-width: 767px) {
  #top .barke-beratung-form .nf-form-cont { padding: 8%; }
  #top .barke-beratung-form h3,
  #top .barke-beratung-form .html-wrap h3,
  #top .barke-beratung-form .barke-h3 { font-size: 28px; margin-bottom: 18px; }
  #top .barke-beratung-form .html-wrap { margin-top: 23px; }
  #top .barke-beratung-form .nf-row { margin-bottom: 18px; }
  #top .barke-beratung-form .nf-form-content input:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
  #top .barke-beratung-form .nf-form-content textarea,
  #top .barke-beratung-form .nf-form-content select {
    min-height: 48px !important;
    padding: 9px 18px !important;
    font-size: var(--barke-text-size) !important;
    line-height: var(--barke-line-height) !important;
  }
  #top .barke-beratung-form .nf-form-content textarea { min-height: 160px !important; }
  #top .barke-beratung-form .list-radio-wrap .nf-field-element ul { grid-template-columns: 1fr !important; gap: 10px !important; }
  #top .barke-beratung-form .submit-wrap input[type="button"],
  #top .barke-beratung-form .submit-wrap input[type="submit"] { font-size: 1rem !important; padding: 12px 26px !important; }
}

/* =========================================================
   BARKE Formular Box / Headline-Element
========================================================= */

#top .formular_Box.iconbox,
#top .formular_Box .iconbox_content {
  margin: 0 !important;
  padding: 0 !important;
}

#top .formular_Box .iconbox_content { overflow: visible !important; }

#top .formular_Box .entry-content-header {
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 15% 0 0 !important;
  padding: 0 !important;
  background-image: url("https://barke.cambium.digital/wp-content/uploads/2026/05/Barke-Headline-HG.svg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: right center !important;
  display: flex !important;
  align-items: center !important;
  border: 0 !important;
}

#top .formular_Box .iconbox_icon {
  border-radius: 0 !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  height: 50px !important;
  width: 50px !important;
  min-width: 50px !important;
  line-height: 50px !important;
  margin: 0 15px 0 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

#top .formular_Box .iconbox_icon.avia-svg-icon svg:first-child {
  height: 1.4em !important;
  width: 1.4em !important;
  margin: 0 !important;
}

#top .formular_Box.iconbox .iconbox_content .iconbox_content_title {
  margin: 0 20% 0 0 !important;
  padding: 0 !important;
  font-size: 1.5em !important;
  line-height: 1em !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

#top .formular_Box .iconbox_content_container,
#top .formular_Box .iconbox_content_container p {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  overflow: hidden !important;
}

#top .formular_Box .iconbox_content,
#top .formular_Box .iconbox_content_title,
#top .formular_Box .entry-content-header,
#top .formular_Box .iconbox_content_container {
  box-sizing: border-box !important;
}

#top .formular_Box.iconbox:before,
#top .formular_Box.iconbox:after,
#top .formular_Box .iconbox_content:before,
#top .formular_Box .iconbox_content:after,
#top .formular_Box .entry-content-header:before,
#top .formular_Box .entry-content-header:after {
  content: none !important;
  display: none !important;
}

@media (max-width: 767px) {
  #top .formular_Box .entry-content-header { height: 46px !important; min-height: 46px !important; margin-right: 0 !important; }
  #top .formular_Box .iconbox_icon { height: 46px !important; width: 46px !important; min-width: 46px !important; line-height: 46px !important; margin-right: 12px !important; }
  #top .formular_Box.iconbox .iconbox_content .iconbox_content_title { font-size: 1.25em !important; line-height: 1.1em !important; margin-right: 12% !important; }
  #top .formular_Box .iconbox_icon.avia-svg-icon svg:first-child { height: 1.25em !important; width: 1.25em !important; }
}

.raster-85,
.raster-85.av-layout-grid-container {
  max-width: 1400px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* =========================================================
   BARKE Tabellen
========================================================= */

#top .koernung-tabelle,
#top .koernung-tabelle *,
#top .koernung-tabelle .avia-data-table,
#top .koernung-tabelle .avia-table,
#top .koernung-tabelle table,
#top .koernung-tabelle thead,
#top .koernung-tabelle tbody,
#top .koernung-tabelle tr,
#top .koernung-tabelle th,
#top .koernung-tabelle td,
#top .tabelle,
#top .tabelle *,
#top .tabelle .avia-data-table,
#top .tabelle .avia-table,
#top .tabelle table,
#top .tabelle thead,
#top .tabelle tbody,
#top .tabelle tr,
#top .tabelle th,
#top .tabelle td {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

#top .koernung-tabelle .avia-data-table,
#top .koernung-tabelle .avia-data-table-wrap,
#top .koernung-tabelle .avia-table-wrap,
#top .tabelle .avia-data-table,
#top .tabelle .avia-data-table-wrap,
#top .tabelle .avia-table-wrap {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

#top .koernung-tabelle table,
#top .koernung-tabelle .avia-data-table,
#top .tabelle table,
#top .tabelle .avia-data-table {
  width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  border: none !important;
  table-layout: fixed !important;
}

#top .koernung-tabelle th,
#top .koernung-tabelle .avia-heading-row td,
#top .tabelle th,
#top .tabelle .avia-heading-row td {
  color: #000000 !important;
  font-weight: 600 !important;
  border-color: #f1f6fa !important;
  border-top: 2px solid #f1f6fa !important;
  border-right: 2px solid #f1f6fa !important;
  border-bottom: 2px solid #f1f6fa !important;
}

#top .koernung-tabelle td,
#top .tabelle td {
  color: #000000 !important;
  border-color: #f1f6fa !important;
  border-top: 2px solid #f1f6fa !important;
  border-right: 2px solid #f1f6fa !important;
}

#top .koernung-tabelle tr td:first-child,
#top .koernung-tabelle tr th:first-child,
#top .tabelle tr td:first-child,
#top .tabelle tr th:first-child { border-left: 0 !important; }

#top .koernung-tabelle tr td:last-child,
#top .koernung-tabelle tr th:last-child,
#top .tabelle tr td:last-child,
#top .tabelle tr th:last-child { border-right: 0 !important; }

#top .koernung-tabelle td:first-child,
#top .tabelle td:first-child { font-weight: 600 !important; }

#top .koernung-tabelle tr:nth-child(2) td:first-child,
#top .koernung-tabelle tbody tr:nth-child(1) td:first-child,
#top .tabelle tr:nth-child(2) td:first-child,
#top .tabelle tbody tr:nth-child(1) td:first-child { color: #000000 !important; }

#top .koernung-tabelle tr:nth-child(3) td:first-child,
#top .koernung-tabelle tbody tr:nth-child(2) td:first-child,
#top .tabelle tr:nth-child(n+3) td:first-child,
#top .tabelle tbody tr:nth-child(n+2) td:first-child { color: #004687 !important; }

#top .koernung-tabelle tr:nth-child(4) td:first-child,
#top .koernung-tabelle tbody tr:nth-child(3) td:first-child { color: #e51b23 !important; }

#top .koernung-tabelle tr:nth-child(5) td:first-child,
#top .koernung-tabelle tbody tr:nth-child(4) td:first-child { color: #35b7a0 !important; }

@media only screen and (max-width: 989px) {
  #top .koernung-tabelle,
  #top .tabelle,
  #top .koernung-tabelle .avia-table-wrap,
  #top .koernung-tabelle .avia-data-table-wrap,
  #top .tabelle .avia-table-wrap,
  #top .tabelle .avia-data-table-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }
  #top .koernung-tabelle table,
  #top .koernung-tabelle .avia-data-table,
  #top .tabelle table,
  #top .tabelle .avia-data-table {
    display: table !important;
    width: max-content !important;
    min-width: 760px !important;
    max-width: none !important;
    table-layout: auto !important;
    border-collapse: collapse !important;
  }
  #top .koernung-tabelle thead,
  #top .tabelle thead { display: table-header-group !important; }
  #top .koernung-tabelle tbody,
  #top .tabelle tbody { display: table-row-group !important; }
  #top .koernung-tabelle tr,
  #top .tabelle tr { display: table-row !important; }
  #top .koernung-tabelle th,
  #top .koernung-tabelle td,
  #top .tabelle th,
  #top .tabelle td {
    display: table-cell !important;
    width: auto !important;
    min-width: 130px !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    padding: 14px 16px !important;
    text-align: center !important;
  }
  #top .koernung-tabelle th:first-child,
  #top .koernung-tabelle td:first-child,
  #top .tabelle th:first-child,
  #top .tabelle td:first-child {
    min-width: 160px !important;
    width: 160px !important;
    text-align: left !important;
  }
  #top .koernung-tabelle td:before,
  #top .koernung-tabelle td::before,
  #top .tabelle td:before,
  #top .tabelle td::before {
    display: none !important;
    content: none !important;
  }
}
/* =========================================================
   Vereinheitlichung Ninja Forms ↔ Tools-Plugin
   Gleicht die Ninja-Forms-Welt an das Plugin-Design an.
========================================================= */

/* Feld-Abstand: kompakter, wie im Plugin (Token --barke-field-gap) */
#top .barke-beratung-form .nf-field-container {
  margin-bottom: var(--barke-field-gap) !important;
}
#top .barke-beratung-form .nf-form-fields .nf-field-container:last-child {
  margin-bottom: 0 !important;
}

/* Pflichtfeld-Sternchen einheitlich in Orange */
#top .barke-beratung-form .nf-field-label .ninja-forms-req-symbol,
#top .barke-beratung-form .nf-field-label label .ninja-forms-req-symbol {
  color: var(--barke-orange) !important;
}

/* Schieberegler in Ninja Forms im Plugin-Look
   (4px Track, 20px runder blauer Thumb, Orange bei Hover/Aktiv) */
#top .barke-beratung-form input[type="range"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  height: 4px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: var(--barke-border) !important;
  border-radius: 2px !important;
  outline: none !important;
  box-shadow: none !important;
  margin: 8px 0 !important;
}
#top .barke-beratung-form input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 50%;
  background: var(--barke-blue);
  cursor: pointer;
  transition: background 0.15s, transform 0.1s;
}
#top .barke-beratung-form input[type="range"]::-webkit-slider-thumb:hover {
  background: var(--barke-orange);
  transform: scale(1.1);
}
#top .barke-beratung-form input[type="range"]:active::-webkit-slider-thumb {
  background: var(--barke-orange);
}
#top .barke-beratung-form input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 50%;
  background: var(--barke-blue);
  cursor: pointer;
}
#top .barke-beratung-form input[type="range"]::-moz-range-thumb:hover {
  background: var(--barke-orange);
}

/* =========================================================
   Multi-Part Forms: Fortschrittsbalken, Breadcrumb, Navigation
   (Mehrschritt-Formulare wie Messerberatung / Maschinenberater)
   Klassen ggf. je NF-Version leicht abweichend – Zustände unten dokumentiert.
========================================================= */

/* Enfold-Listen-Bullets (orange Quadrate) im GESAMTEN Formular entfernen.
   Greift sowohl an den Breadcrumbs als auch an den in <li> gewrappten
   Navigations-Buttons (Zurück/Weiter), unabhängig vom Container-Namen. */
#top .barke-beratung-form li::before,
#top .barke-beratung-form li::after {
  content: none !important;
  display: none !important;
}
#top .barke-beratung-form ul,
#top .barke-beratung-form ol,
#top .barke-beratung-form li {
  list-style: none !important;
}
#top .barke-beratung-form li {
  padding-left: 0 !important;
  margin-left: 0 !important;
  background-image: none !important;
}

/* 1) Fortschrittsbalken --------------------------------- */
#top .barke-beratung-form .nf-progress-bar,
#top .barke-beratung-form .nf-progress-container {
  background-color: var(--barke-white) !important;
  border: 1px solid var(--barke-border) !important;
  border-radius: 0 !important;
  height: 14px !important;
  padding: 0 !important;
  margin: 8px 0 18px !important;
  overflow: hidden !important;
}
#top .barke-beratung-form .nf-progress {
  display: block !important;
  height: 100% !important;
  background-color: var(--barke-blue) !important;
  border-radius: 0 !important;
  transition: width 0.3s ease !important;
}

/* 2) Breadcrumb ----------------------------------------- */
#top .barke-beratung-form .nf-breadcrumbs {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
}
#top .barke-beratung-form .nf-breadcrumbs .nf-breadcrumb {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--barke-blue) !important;
}
#top .barke-beratung-form .nf-breadcrumbs .nf-breadcrumb a {
  color: inherit !important;
  text-decoration: none !important;
  cursor: pointer;
}
/* Trenner entfällt: Verteilung über justify-content: space-between */
/* Aktueller Schritt: Orange, fett. (NF nutzt je nach Version .current oder .active) */
#top .barke-beratung-form .nf-breadcrumbs .nf-breadcrumb.current,
#top .barke-beratung-form .nf-breadcrumbs .nf-breadcrumb.nf-breadcrumb-current,
#top .barke-beratung-form .nf-breadcrumbs .nf-breadcrumb.active {
  color: var(--barke-orange) !important;
  font-weight: 700 !important;
}
/* abgeschlossene Schritte bleiben Blau (Klasse .complete, falls vorhanden) */
#top .barke-beratung-form .nf-breadcrumbs .nf-breadcrumb.complete {
  color: var(--barke-blue) !important;
  font-weight: 600 !important;
}

/* 3) Navigation Zurück / Weiter ------------------------- */
#top .barke-beratung-form .nf-next,
#top .barke-beratung-form .nf-previous {
  display: inline-block !important;
  width: auto !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 12px 28px !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease !important;
}
/* Weiter = primär, orange (wie avia-button) */
#top .barke-beratung-form .nf-next {
  background-color: var(--barke-orange) !important;
  color: var(--barke-white) !important;
  border: 1.5px solid var(--barke-white) !important;
}
#top .barke-beratung-form .nf-next:hover {
  transform: scale(1.04) !important;
  background-color: var(--barke-orange) !important;
  color: var(--barke-white) !important;
}
/* Zurück = sekundär, Blau-Outline auf hellem Grund */
#top .barke-beratung-form .nf-previous {
  background-color: transparent !important;
  color: var(--barke-blue) !important;
  border: 1.5px solid var(--barke-blue) !important;
}
#top .barke-beratung-form .nf-previous:hover {
  background-color: var(--barke-blue) !important;
  color: var(--barke-white) !important;
}
/* Container der Navigation: Zurück links, Weiter rechts */
#top .barke-beratung-form .nf-prevnext,
#top .barke-beratung-form .nf-prevnext-buttons,
#top .barke-beratung-form .nf-mp-nav-list {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 8px !important;
  padding: 0 !important;
}
#top .barke-beratung-form .nf-mp-nav-list li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* =========================================================
   BARKE Produktfinder
========================================================= */

#top .barke-product-finder {
  --barke-blue: #004687;
  --barke-orange: #EC6707;
  --barke-light: #eef4fa;
  --barke-field-text: #8CAAD8;
  --barke-white: #ffffff;
  background: var(--barke-blue) !important;
  padding: 5% !important;
  color: var(--barke-white) !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

#top .barke-product-finder h3 {
  color: var(--barke-white) !important;
  font-family: inherit !important;
  font-size: 40px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  margin: 0 0 40px 0 !important;
}

#top .barke-product-finder .barke-finder-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(280px, 460px)) !important;
  gap: 70px !important;
  align-items: center !important;
  justify-content: start !important;
  margin-bottom: 25px !important;
}

#top .barke-product-finder .barke-select-wrap {
  position: relative !important;
  width: 100% !important;
  height: 60px !important;
  background: var(--barke-white) !important;
  overflow: visible !important;
  z-index: 10 !important;
}

#top .barke-product-finder .barke-select-wrap::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 64px !important;
  height: 60px !important;
  background: var(--barke-light) !important;
  z-index: 20 !important;
  pointer-events: none !important;
}

#top .barke-product-finder .barke-select-wrap::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  right: 26px !important;
  top: 50% !important;
  width: 10px !important;
  height: 10px !important;
  border-right: 3px solid var(--barke-blue) !important;
  border-bottom: 3px solid var(--barke-blue) !important;
  transform: translateY(-65%) rotate(45deg) !important;
  z-index: 30 !important;
  pointer-events: none !important;
  background: transparent !important;
}

#top .barke-product-finder .barke-select-wrap select {
  position: relative !important;
  z-index: 5 !important;
  width: 100% !important;
  height: 60px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--barke-field-text) !important;
  font-family: inherit !important;
  font-size: 20px !important;
  line-height: 1.5em !important;
  font-weight: 600 !important;
  padding: 10px 68px 10px 24px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  cursor: pointer !important;
}

#top .barke-product-finder .barke-select-wrap select::-ms-expand { display: none !important; }
#top .barke-product-finder .barke-select-wrap:focus-within { outline: 2px solid rgba(255,255,255,0.25) !important; outline-offset: 2px !important; }

#top .barke-product-finder .barke-product-number-row {
  display: grid !important;
  grid-template-columns: auto minmax(420px, 1fr) !important;
  align-items: center !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 1160px !important;
  margin-bottom: 40px !important;
}

#top .barke-product-finder .barke-product-number-row label {
  color: var(--barke-white) !important;
  font-family: inherit !important;
  font-size: 29px !important;
  line-height: 56px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

#top .barke-product-finder .barke-product-number-row input,
#top .barke-product-finder .barke-product-number {
  position: relative !important;
  top: 5px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 56px !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 2px solid rgba(255,255,255,.55) !important;
  background: transparent !important;
  color: var(--barke-white) !important;
  font-family: inherit !important;
  font-size: 29px !important;
  line-height: 56px !important;
  font-weight: 500 !important;
  padding: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#top .barke-product-finder .barke-product-number-row input::placeholder,
#top .barke-product-finder .barke-product-number::placeholder {
  color: var(--barke-field-text) !important;
  opacity: 1 !important;
  font-weight: 600 !important;
}

#top .barke-product-finder .barke-product-number-row input:focus,
#top .barke-product-finder .barke-product-number:focus { border-bottom-color: var(--barke-white) !important; }

#top .barke-product-finder .barke-request-product,
#top .barke-product-finder button.barke-request-product,
#top .barke-product-finder input.barke-request-product {
  display: inline-block !important;
  width: auto !important;
  min-height: auto !important;
  padding: 16px 34px !important;
  font-family: inherit !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  border: 1.5px solid var(--barke-white) !important;
  background-color: var(--barke-orange) !important;
  color: var(--barke-white) !important;
  cursor: pointer !important;
  opacity: 1 !important;
  box-shadow: none !important;
  position: relative !important;
  overflow: hidden !important;
  z-index: 1 !important;
  transition: transform 0.3s ease, background-color 0.3s ease !important;
}

#top .barke-product-finder .barke-request-product:hover,
#top .barke-product-finder button.barke-request-product:hover,
#top .barke-product-finder input.barke-request-product:hover {
  opacity: 1 !important;
  transform: scale(1.04) !important;
  background-color: var(--barke-orange) !important;
  color: var(--barke-white) !important;
}

#top .barke-product-finder .barke-product-result {
  background: rgba(255,255,255,.09) !important;
  border-left: 4px solid var(--barke-orange) !important;
  padding: 18px 22px !important;
  margin: 0 0 35px !important;
  color: var(--barke-white) !important;
  max-width: 760px !important;
}

#top .barke-product-finder .barke-product-card {
  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.25) !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
}

#top .barke-product-finder .barke-product-card:last-child { border-bottom: 0 !important; }
#top .barke-product-finder .barke-product-card-title { font-size: 22px !important; font-weight: 800 !important; margin-bottom: 8px !important; }
#top .barke-product-finder + .nf-form-cont { margin-top: 35px !important; }

@media only screen and (max-width: 1100px) {
  #top .barke-product-finder .barke-finder-row { grid-template-columns: 1fr !important; gap: 20px !important; margin-bottom: 40px !important; }
  #top .barke-product-finder .barke-product-number-row { grid-template-columns: 1fr !important; gap: 12px !important; margin-bottom: 42px !important; }
  #top .barke-product-finder .barke-product-number-row label { white-space: normal !important; font-size: 28px !important; line-height: 1.2 !important; }
  #top .barke-product-finder .barke-product-number-row input,
  #top .barke-product-finder .barke-product-number { top: 0 !important; font-size: 24px !important; line-height: 48px !important; height: 48px !important; }
}

@media only screen and (max-width: 767px) {
  #top .barke-product-finder { padding: 8% !important; }
  #top .barke-product-finder h3 { font-size: 34px !important; margin-bottom: 35px !important; }
  #top .barke-product-finder .barke-select-wrap,
  #top .barke-product-finder .barke-select-wrap select { height: 52px !important; }
  #top .barke-product-finder .barke-select-wrap::before { width: 56px !important; height: 52px !important; }
  #top .barke-product-finder .barke-select-wrap::after { right: 22px !important; width: 9px !important; height: 9px !important; border-right-width: 3px !important; border-bottom-width: 3px !important; }
  #top .barke-product-finder .barke-select-wrap select { font-size: 18px !important; padding: 9px 60px 9px 18px !important; }
  #top .barke-product-finder .barke-request-product,
  #top .barke-product-finder button.barke-request-product,
  #top .barke-product-finder input.barke-request-product { font-size: 18px !important; padding: 14px 28px !important; }
}

/* =========================================================
   BARKE Sidebar Accordion Menü und Kontaktbox
========================================================= */

#top .barke-sidebar-menu {
  --barke-blue: #004687;
  --barke-orange: #EC6707;
  --barke-light: #eef4fa;
  --barke-white: #ffffff;
  --barke-black: #000000;
  width: 100%;
  background: transparent;
  font-family: inherit;
}

/* Remove Sidebar
#top .barke-sidebar-group { margin: 0 0 14px 0; background: var(--barke-light); border: 0; }
#top .barke-sidebar-group summary { list-style: none; position: relative; display: flex; align-items: center; min-height: 50px; padding: 15px 62px 14px 20px; background: var(--barke-light); color: var(--barke-blue); font-size: clamp(13px, 1.8vw, 20px); line-height: 1.1; font-weight: 700; cursor: pointer; user-select: none; }
#top .barke-sidebar-group summary::-webkit-details-marker { display: none; }
#top .barke-sidebar-group[open] > summary,
#top .barke-sidebar-group.is-current-group > summary { background: var(--barke-blue) !important; color: var(--barke-white) !important; }
#top .barke-sidebar-group summary::before { content: ""; position: absolute; top: 0; right: 0; width: 72px; height: 100%; background: rgba(255,255,255,0.18); pointer-events: none; }
#top .barke-sidebar-group summary::after { content: ""; position: absolute; right: 30px; top: 50%; width: 10px; height: 10px; border-right: 4px solid currentColor; border-bottom: 4px solid currentColor; transform: translateY(-65%) rotate(45deg); transition: transform 0.2s ease; pointer-events: none; }
#top .barke-sidebar-group[open] > summary::after { transform: translateY(-35%) rotate(225deg); }
#top .barke-sidebar-group ul { margin: 0; padding: 20px 20px 22px 20px; list-style: none; background: var(--barke-light); }
#top .barke-sidebar-group li { margin: 0 0 18px 0; padding: 0; list-style: none; }
#top .barke-sidebar-group li:last-child { margin-bottom: 0; }
#top .barke-sidebar-group a { position: relative; display: block; padding: 0 0 0 26px; color: var(--barke-black); text-decoration: none; font-size: clamp(13px, 1.8vw, 20px); line-height: 1.25; font-weight: 500; transition: color 0.2s ease; }
#top .barke-sidebar-group a::before { content: ""; position: absolute; left: 2px; top: 0.42em; width: 6px; height: 6px; border-right: 3px solid currentColor; border-bottom: 3px solid currentColor; transform: rotate(-45deg); }
#top .barke-sidebar-group a:hover,
#top .barke-sidebar-group a.is-active { color: var(--barke-orange) !important; text-decoration: none; }
#top .barke-sidebar-menu details:last-child { margin-bottom: 0; }

#top .sidebar .barke-sidebar-group summary,
#top aside .barke-sidebar-group summary { min-height: 58px; padding: 18px 58px 18px 22px; font-size: 20px; }
#top .sidebar .barke-sidebar-group summary::before,
#top aside .barke-sidebar-group summary::before { width: 58px; }
#top .sidebar .barke-sidebar-group summary::after,
#top aside .barke-sidebar-group summary::after { right: 24px; width: 10px; height: 10px; border-right-width: 3px; border-bottom-width: 3px; }
#top .sidebar .barke-sidebar-group ul,
#top aside .barke-sidebar-group ul { padding: 22px 22px 24px 22px; }
#top .sidebar .barke-sidebar-group a,
#top aside .barke-sidebar-group a { font-size: 16px; line-height: 1.35; padding-left: 24px; }
#top .sidebar .barke-sidebar-group a::before,
#top aside .barke-sidebar-group a::before { width: 7px; height: 7px; border-right-width: 2.5px; border-bottom-width: 2.5px; }

@media only screen and (max-width: 767px) {
  #top .barke-sidebar-menu { margin-bottom: 35px; }
  #top .barke-sidebar-group summary { min-height: 58px; padding: 18px 58px 18px 20px; font-size: 22px; }
  #top .barke-sidebar-group summary::before { width: 58px; }
  #top .barke-sidebar-group summary::after { right: 24px; width: 10px; height: 10px; border-right-width: 3px; border-bottom-width: 3px; }
  #top .barke-sidebar-group ul { padding: 22px 20px 24px 20px; }
  #top .barke-sidebar-group a { font-size: 18px; padding-left: 25px; }
}
*/

#top .barke-contact-box { width: 100%; margin: 0 0 45px 0; background: transparent; box-sizing: border-box; }
#top .barke-contact-box__image { width: 100%; margin: 0 0 28px 0; }
#top .barke-contact-box__image img { display: block; width: 100%; height: auto; object-fit: cover; }
#top .barke-contact-box h2 { color: #004687 !important; font-family: inherit; font-size: 32px; line-height: 1.12; font-weight: 800; margin: 0 0 34px 0; }
#top .barke-contact-item { margin: 0 0 22px 0; }
#top .barke-contact-label { color: #84a3bf !important; font-family: inherit; font-size: 20px; line-height: 1.2; font-weight: 700; text-transform: uppercase; margin: 30px 0 4px 0; }
#top .barke-contact-value { color: #000000 !important; font-family: inherit; font-size: 21px; line-height: 1.25; font-weight: 600; margin: 0; padding: 0; word-break: normal; overflow-wrap: anywhere; }
#top .barke-contact-value a { color: #000000 !important; text-decoration: none !important; }
#top .barke-contact-value a:hover { color: #EC6707 !important; }

@media only screen and (max-width: 767px) {
  #top .barke-contact-box h2 { font-size: 28px; }
  #top .barke-contact-value { font-size: 19px; }
}


/* =========================================================
   BARKE Sidebar Menü
   Neue WP-Menüstruktur: .menu-produkte-container
========================================================= */

#top .menu-produkte-container,
#top .menu-produkte-en-container {
    --barke-blue: #004687;
    --barke-orange: #EC6707;
    --barke-light: #eef4fa;
    --barke-white: #ffffff;
    --barke-black: #000000;

    width: 100%;
    background: transparent;
    font-family: inherit;
}

/* Reset */
#top .menu-produkte-container ul,
#top .menu-produkte-container li,
#top .menu-produkte-en-container ul,
#top .menu-produkte-en-container li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#top .widget_nav_menu ul ul li:before {
    content: none;
}

/* Hauptpunkte */
#top .menu-produkte-container > ul.menu > li,
#top .menu-produkte-en-container > ul.menu > li {
    margin: 0 0 14px 0;
    background: var(--barke-light);
}

#top .menu-produkte-container > ul.menu > li:last-child,
#top .menu-produkte-en-container > ul.menu > li:last-child  {
    margin-bottom: 0;
}

/* Oberpunkte */
#top .menu-produkte-container > ul.menu > li > a,
#top .menu-produkte-en-container > ul.menu > li > a {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 58px;
    padding: 18px 58px 18px 22px;

    background: var(--barke-light);
    color: var(--barke-blue) !important;

    font-size: 20px;
    line-height: 1.1;
    font-weight: 700;
    text-decoration: none !important;
}

/* Aktiver / offener Oberpunkt */
#top .menu-produkte-container > ul.menu > li.current-menu-parent > a,
#top .menu-produkte-container > ul.menu > li.current-menu-ancestor > a,
#top .menu-produkte-container > ul.menu > li.current-menu-item > a,
#top .menu-produkte-container > ul.menu > li.is-open > a,
#top .menu-produkte-en-container > ul.menu > li.current-menu-parent > a,
#top .menu-produkte-en-container > ul.menu > li.current-menu-ancestor > a,
#top .menu-produkte-en-container > ul.menu > li.current-menu-item > a,
#top .menu-produkte-en-container > ul.menu > li.is-open > a {
    background: var(--barke-blue) !important;
    color: var(--barke-white) !important;
}

/* Manuell geschlossener aktiver Oberpunkt wieder hell */
#top .menu-produkte-container > ul.menu > li.is-closed > a,
#top .menu-produkte-en-container > ul.menu > li.is-closed > a  {
    background: var(--barke-light) !important;
    color: var(--barke-blue) !important;
}

/* Pfeilfläche */
#top .menu-produkte-container > ul.menu > li.menu-item-has-children > a::before,
#top .menu-produkte-en-container > ul.menu > li.menu-item-has-children > a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 58px;
    height: 100%;
    background: rgba(255,255,255,0.18);
    pointer-events: none;
}

/* Pfeil */
#top .menu-produkte-container > ul.menu > li.menu-item-has-children > a::after,
#top .menu-produkte-en-container > ul.menu > li.menu-item-has-children > a::after  {
    content: "";
    position: absolute;
    right: 24px;
    top: 50%;
    width: 10px;
    height: 10px;

    border-right: 3px solid currentColor;
    border-bottom: 3px solid currentColor;

    transform: translateY(-65%) rotate(45deg);
    pointer-events: none;
}

/* Pfeil offen */
#top .menu-produkte-container > ul.menu > li.current-menu-parent > a::after,
#top .menu-produkte-container > ul.menu > li.current-menu-ancestor > a::after,
#top .menu-produkte-container > ul.menu > li.is-open > a::after,
#top .menu-produkte-en-container > ul.menu > li.current-menu-parent > a::after,
#top .menu-produkte-en-container > ul.menu > li.current-menu-ancestor > a::after,
#top .menu-produkte-en-container > ul.menu > li.is-open > a::after {
    transform: translateY(-35%) rotate(225deg);
}

/* Pfeil manuell geschlossen */
#top .menu-produkte-container > ul.menu > li.is-closed > a::after,
#top .menu-produkte-en-container > ul.menu > li.is-closed > a::after {
    transform: translateY(-65%) rotate(45deg);
}

/* Submenüs */
#top .menu-produkte-container > ul.menu > li > .sub-menu,
#top .menu-produkte-en-container > ul.menu > li > .sub-menu  {
    display: none;
    padding: 22px 22px 24px 22px;
    background: var(--barke-light);
}

/* Submenü offen */
#top .menu-produkte-container > ul.menu > li.current-menu-parent > .sub-menu,
#top .menu-produkte-container > ul.menu > li.current-menu-ancestor > .sub-menu,
#top .menu-produkte-container > ul.menu > li.is-open > .sub-menu,
#top .menu-produkte-en-container > ul.menu > li.current-menu-parent > .sub-menu,
#top .menu-produkte-en-container > ul.menu > li.current-menu-ancestor > .sub-menu,
#top .menu-produkte-en-container > ul.menu > li.is-open > .sub-menu {
    display: block;
}

/* Manuell geschlossen */
#top .menu-produkte-container > ul.menu > li.is-closed > .sub-menu,
#top .menu-produkte-en-container > ul.menu > li.is-closed > .sub-menu {
    display: none !important;
}

/* Submenü Einträge */
#top .menu-produkte-container .sub-menu li,
#top .menu-produkte-en-container .sub-menu li {
    margin: 0 0 18px 0;
}

#top .menu-produkte-container .sub-menu li:last-child,
#top .menu-produkte-en-container .sub-menu li:last-child {
    margin-bottom: 0;
}

/* Produktlinks */
#top .menu-produkte-container .sub-menu a,
#top .menu-produkte-en-container .sub-menu a {
    position: relative;
    display: block;
    padding: 0 0 0 24px;

    color: var(--barke-black) !important;
    text-decoration: none !important;

    font-size: 16px;
    line-height: 1.35;
    font-weight: 500;

    transition: color 0.2s ease;
}

/* Kleiner Pfeil vor Produktlinks */
#top .menu-produkte-container .sub-menu a::before,
#top .menu-produkte-en-container .sub-menu a::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 0.42em;
    width: 7px;
    height: 7px;

    border-right: 2.5px solid currentColor;
    border-bottom: 2.5px solid currentColor;

    transform: rotate(-45deg);
}

/* Aktiver Link / Hover */
#top .menu-produkte-container .sub-menu a:hover,
#top .menu-produkte-container .sub-menu .current-menu-item > a,
#top .menu-produkte-container .sub-menu a[aria-current="page"],
#top .menu-produkte-en-container .sub-menu a:hover,
#top .menu-produkte-en-container .sub-menu .current-menu-item > a,
#top .menu-produkte-en-container .sub-menu a[aria-current="page"]  {
    color: var(--barke-orange) !important;
}

/* Mobile */
@media only screen and (max-width: 767px) {
    #top .menu-produkte-container,
	#top .menu-produkte-en-container {
        margin-bottom: 35px;
    }

    #top .menu-produkte-container > ul.menu > li > a,
	#top .menu-produkte-en-container > ul.menu > li > a {
        padding-left: 20px;
        font-size: 22px;
    }

    #top .menu-produkte-container .sub-menu,
	#top .menu-produkte-en-container .sub-menu {
        padding: 22px 20px 24px 20px;
    }

    #top .menu-produkte-container .sub-menu a,
	#top .menu-produkte-en-container .sub-menu a {
        font-size: 18px;
        padding-left: 25px;
    }
}

/* =========================================================
   BARKE Hero Divider
========================================================= */

@media only screen and (max-width: 989px) {
  #top .barke-hero-divider .flex_cell.avia-builder-el-first .flex_cell_inner {
    background-color: #004687 !important;
    padding: 5% !important;
    overflow: hidden;
    clip-path: polygon(0 0, calc(100% - 95px) 0, 100% 95px, 100% 100%, 0 100%);
  }
  #top .barke-hero-divider .flex_cell.avia-builder-el-first + .avia-builder-el-last { display: none !important; }
}

@media only screen and (min-width: 990px) {
  #top .barke-hero-divider .flex_cell.avia-builder-el-first {
    background-image: none !important;
    padding: 70px 50px 140px 50px;
    padding-left: max(50px, calc((100vw - 1400px) / 2 + 50px));
  }
}

#top .barke-hero-divider {
  --barke-left-col: 72%;
  --barke-divider-height: 60px;
  --barke-divider-slant: 78px;
  position: relative;
  overflow: hidden;
}

#top .barke-hero-divider::before { content: none !important; display: none !important; }
#top .barke-hero-divider::after {
  content: "";
  position: absolute;
  left: 0;
  right: auto;
  bottom: -1px;
  width: var(--barke-left-col);
  height: var(--barke-divider-height);
  background: #ffffff;
  z-index: 30;
  pointer-events: none;
  clip-path: polygon(0 0, calc(100% - var(--barke-divider-slant)) 0, 100% 100%, 0 100%);
}

.flex_cell_inner{
	margin: 0 auto 35px 0!important;
}


/* =========================================================
   BARKE ROI-Rechner
========================================================= */

#top .barke-roi-form,
#top .barke-roi-section {
  --barke-blue: #004687;
  --barke-orange: #EC6707;
  --barke-light: #eef4fa;
  --barke-field-text: #8CAAD8;
  --barke-white: #ffffff;
  --barke-dark: #000000;
  --barke-text-size: 18px;
  --barke-small-text-size: 13px;
  --barke-line-height: 1.2em;
}

#top .barke-roi-form .nf-form-cont { padding: 7%; background: var(--barke-blue); box-sizing: border-box; }
#top .barke-roi-form .nf-form-content { padding: 0 !important; max-width: none !important; }
#top .barke-roi-form .nf-row,
#top .barke-roi-form .field-wrap { margin-bottom: 0 !important; }
#top .barke-roi-form .barke-roi-hidden-field,
#top .barke-roi-form .barke-roi-hidden-field .field-wrap,
#top .barke-roi-form .barke-roi-hidden-field .nf-field-container,
#top .barke-roi-form .nf-field-container.barke-roi-hidden-field { display: none !important; }

#top .barke-roi-form,
#top .barke-roi-form p,
#top .barke-roi-form .html-wrap,
#top .barke-roi-form .nf-field-description,
#top .barke-roi-form .nf-form-fields-required {
  font-family: inherit;
  font-size: var(--barke-text-size);
  line-height: var(--barke-line-height);
  font-weight: 400;
  color: var(--barke-white);
}

#top .barke-roi-form .ninja-forms-req-symbol { color: var(--barke-orange) !important; }

#top .barke-roi-form h1,
#top .barke-roi-form h2,
#top .barke-roi-form h3,
#top .barke-roi-form h4,
#top .barke-roi-form .html-wrap h1,
#top .barke-roi-form .html-wrap h2,
#top .barke-roi-form .html-wrap h3,
#top .barke-roi-form .html-wrap h4,
#top .barke-roi-form .barke-h1,
#top .barke-roi-form .barke-h2,
#top .barke-roi-form .barke-h3,
#top .barke-roi-form .barke-h4,
#top .barke-roi-form .barke-roi-headline {
  font-family: inherit;
  font-size: clamp(30px, 4vw, 50px);
  line-height: 1.15;
  font-weight: 600;
  color: #ffffff !important;
  margin: 0 0 15px 0;
}

#top .barke-roi-form h1 *,
#top .barke-roi-form h2 *,
#top .barke-roi-form h3 *,
#top .barke-roi-form h4 *,
#top .barke-roi-form .barke-roi-headline *,
#top .barke-roi-section h1,
#top .barke-roi-section h2,
#top .barke-roi-section h3,
#top .barke-roi-section h4,
#top .barke-roi-section .av-special-heading,
#top .barke-roi-section .av-special-heading *,
#top .barke-roi-section .av-special-heading-tag,
#top .barke-roi-section .av-subheading,
#top .barke-roi-section .av-subheading *,
#top .barke-roi-section .avia_textblock,
#top .barke-roi-section .avia_textblock * { color: #ffffff !important; }

#top .barke-roi-form .html-wrap { margin-top: 0; }
#top .barke-roi-form .html-wrap p { margin-top: 0; color: #ffffff !important; }
#top .barke-roi-form .nf-field-label { margin-bottom: 5px; }
#top .barke-roi-form .nf-field-label label { font-family: inherit !important; font-size: 18px !important; line-height: 1.5em !important; font-weight: 700 !important; color: var(--barke-white) !important; }

#top .barke-roi-form .nf-form-content input:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
#top .barke-roi-form .nf-form-content textarea,
#top .barke-roi-form .nf-form-content select {
  width: 100% !important;
  min-height: 52px !important;
  background-color: var(--barke-white) !important;
  border: 0 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 10px 22px !important;
  font-family: inherit !important;
  font-size: 18px !important;
  line-height: 1.5em !important;
  font-weight: 500 !important;
  color: var(--barke-dark) !important;
}

#top .barke-roi-form input::placeholder,
#top .barke-roi-form textarea::placeholder { color: var(--barke-field-text) !important; opacity: 1 !important; }
#top .barke-roi-form .nf-form-content input:focus,
#top .barke-roi-form .nf-form-content textarea:focus,
#top .barke-roi-form .nf-form-content select:focus { background-color: var(--barke-white) !important; color: var(--barke-dark) !important; box-shadow: none !important; outline: 2px solid rgba(255, 255, 255, 0.35) !important; outline-offset: 0; }

#top .barke-roi-form .nf-form-content nf-fields-wrap {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 28px !important;
  row-gap: 18px !important;
  align-items: start !important;
}

#top .barke-roi-form .nf-form-content nf-field { display: contents !important; }
#top .barke-roi-form .nf-field-container { min-width: 0 !important; margin-bottom: 0 !important; }
#top .barke-roi-form .nf-field-container.barke-roi-wide-field,
#top .barke-roi-form .nf-field-container.barke-roi-result-field,
#top .barke-roi-form .nf-field-container.submit-container,
#top .barke-roi-form .nf-field-container.checkbox-container,
#top .barke-roi-form .nf-field-container.html-container { grid-column: 1 / -1 !important; }

#top .barke-roi-form .barke-roi-result { margin: 0 !important; padding: 0 !important; background: var(--barke-blue); color: var(--barke-white); box-sizing: border-box; }
#top .barke-roi-form .barke-roi-result * { color: inherit; }
#top .barke-roi-form .barke-roi-result-kicker { margin-bottom: 18px; font-size: 20px; line-height: 1.4; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; color: var(--barke-orange) !important; }
#top .barke-roi-form .barke-roi-result-main { margin-bottom: 25px; }
#top .barke-roi-form .barke-roi-result-main > span,
#top .barke-roi-form .barke-roi-result-grid > div > span { display: block; margin-bottom: 10px; font-size: 14px; line-height: 1.35; font-weight: 600; color: #8CAAD8 !important; }
#top .barke-roi-form .nf-field-container.barke-roi-result-field,
#top .barke-roi-form .nf-field-container.barke-roi-result-field .field-wrap,
#top .barke-roi-form .nf-field-container.barke-roi-result-field .nf-field,
#top .barke-roi-form .nf-field-container.barke-roi-result-field .nf-field-element,
#top .barke-roi-form .nf-field-container.barke-roi-result-field .html-wrap { margin: 0 !important; padding: 0 !important; }

#top .barke-roi-form .barke-roi-price { display: inline-flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 12px !important; white-space: nowrap !important; font-size: clamp(35px, 5vw, 75px) !important; line-height: 1 !important; font-weight: 800 !important; color: var(--barke-white) !important; }
#top .barke-roi-form .barke-roi-price-value,
#top .barke-roi-form .barke-roi-price-currency { display: inline-block !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; color: inherit !important; }
#top .barke-roi-form .barke-roi-price-small { font-size: clamp(28px, 3vw, 42px) !important; line-height: 1.05 !important; gap: 8px !important; }
#top .barke-roi-form .barke-roi-result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin-bottom: 28px; }
#top .barke-roi-form .barke-roi-result-grid > div { padding-top: 26px; border-top: 1px solid rgba(255, 255, 255, 0.25); }
#top .barke-roi-form .barke-roi-number { display: block !important; font-size: clamp(28px, 3vw, 42px) !important; line-height: 1.05 !important; font-weight: 800 !important; color: var(--barke-white) !important; }
#top .barke-roi-form .barke-roi-result p { margin: 0; font-size: 18px; line-height: 1.65em; font-weight: 700; color: rgba(255, 255, 255, 0.9) !important; }

#top .barke-roi-form .checkbox-wrap input[type="checkbox"] { border-color: var(--barke-white) !important; }
#top .barke-roi-form .checkbox-wrap .nf-field-label label,
#top .barke-roi-form .checkbox-wrap .nf-field-description,
#top .barke-roi-form .checkbox-wrap .nf-field-description *,
#top .barke-roi-form .checkbox-wrap .nf-field-description p { color: var(--barke-white) !important; }

@media (max-width: 767px) {
  #top .barke-roi-form .nf-form-cont { padding: 8%; }
  #top .barke-roi-form h1,
  #top .barke-roi-form h2,
  #top .barke-roi-form h3,
  #top .barke-roi-form h4,
  #top .barke-roi-form .html-wrap h1,
  #top .barke-roi-form .html-wrap h2,
  #top .barke-roi-form .html-wrap h3,
  #top .barke-roi-form .html-wrap h4,
  #top .barke-roi-form .barke-h1,
  #top .barke-roi-form .barke-h2,
  #top .barke-roi-form .barke-h3,
  #top .barke-roi-form .barke-h4,
  #top .barke-roi-form .barke-roi-headline { font-size: 28px; margin-bottom: 18px; color: #ffffff !important; }
  #top .barke-roi-form .html-wrap { margin-top: 20px; }
  #top .barke-roi-form .nf-form-content nf-fields-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 14px !important; row-gap: 16px !important; }
  #top .barke-roi-form .nf-form-content input:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
  #top .barke-roi-form .nf-form-content textarea,
  #top .barke-roi-form .nf-form-content select { min-height: 48px !important; padding: 9px 14px !important; font-size: 16px !important; line-height: 1.5em !important; }
  #top .barke-roi-form .nf-field-label label { font-size: 15px !important; line-height: 1.35em !important; }
  #top .barke-roi-form .barke-roi-result { margin: 0 !important; padding: 0 !important; }
  #top .barke-roi-form .barke-roi-result-main > span,
  #top .barke-roi-form .barke-roi-result-grid > div > span { font-size: 16px; }
  #top .barke-roi-form .barke-roi-price { font-size: clamp(34px, 10vw, 58px) !important; gap: 8px !important; }
  #top .barke-roi-form .barke-roi-price-small,
  #top .barke-roi-form .barke-roi-number { font-size: 28px !important; }
  #top .barke-roi-form .barke-roi-result-grid { grid-template-columns: 1fr; gap: 20px; }
  #top .barke-roi-form .barke-roi-result p { font-size: 16px; }
  #top .barke-roi-form .submit-wrap input[type="button"],
  #top .barke-roi-form .submit-wrap input[type="submit"] { font-size: 1rem !important; padding: 12px 26px !important; }
}

/* =========================================================
   BARKE Timeline
========================================================= */

.barke-timeline {
  --barke-blue: #004687;
  --barke-orange: #e6782e;
  --barke-circle: 82px;
  --barke-icon-col: 110px;
  --barke-line-width: 4px;
  background: transparent !important;
  padding: 35px 0 20px 0;
  overflow: visible !important;
}

.barke-timeline,
.barke-timeline * { box-sizing: border-box; }
.barke-timeline .avia-timeline,
.barke-timeline .avia-timeline-container { position: relative !important; width: 100% !important; max-width: 100% !important; overflow: visible !important; background: transparent !important; }
.barke-timeline .avia-timeline:before,
.barke-timeline .avia-timeline-container:before,
.barke-timeline .av-milestone:before,
.barke-timeline .av-milestone:after,
.barke-timeline .av-milestone-date,
.barke-timeline .av-milestone-date:before,
.barke-timeline .av-milestone-date:after,
.barke-timeline .av-milestone-icon-wrap:before,
.barke-timeline .av-milestone-indicator:before,
.barke-timeline .av-milestone-indicator:after { display: none !important; }

.barke-timeline .av-milestone { position: relative !important; display: grid !important; grid-template-columns: var(--barke-icon-col) minmax(0, 1fr) !important; column-gap: 55px !important; align-items: stretch !important; width: 100% !important; min-height: 260px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; clear: both !important; isolation: isolate !important; }
.barke-timeline .av-milestone:last-child { min-height: auto !important; }
.barke-timeline .av-milestone-icon-wrap { position: relative !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; float: none !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; width: var(--barke-icon-col) !important; min-width: var(--barke-icon-col) !important; height: auto !important; min-height: inherit !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; z-index: 2 !important; }
.barke-timeline .av-milestone-indicator,
.barke-timeline .av-milestone-icon { position: relative !important; z-index: 5 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: var(--barke-circle) !important; height: var(--barke-circle) !important; min-width: var(--barke-circle) !important; min-height: var(--barke-circle) !important; max-width: var(--barke-circle) !important; max-height: var(--barke-circle) !important; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; background: var(--barke-orange) !important; color: #ffffff !important; border: none !important; box-shadow: none !important; overflow: hidden !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1 !important; text-align: center !important; opacity: 0; transform: scale(0.7); }
.barke-timeline .av-milestone-indicator span,
.barke-timeline .av-milestone-icon span,
.barke-timeline .av-milestone-indicator strong,
.barke-timeline .av-milestone-icon strong,
.barke-timeline .av-milestone-indicator i,
.barke-timeline .av-milestone-icon i { position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1 !important; text-align: center !important; transform: none !important; }
.barke-timeline .av-milestone-content-wrap,
.barke-timeline .av-milestone-content { position: relative !important; z-index: 4 !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; float: none !important; display: block !important; width: 100% !important; max-width: 920px !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; overflow: visible !important; text-align: left !important; }
.barke-timeline h3,
.barke-timeline .av-milestone-content h3,
.barke-timeline .av-milestone-content-wrap h3,
.barke-timeline .av-milestone-title { color: var(--barke-blue) !important; font-size: 30px !important; line-height: 1.12 !important; font-weight: 700 !important; margin: 0 0 20px 0 !important; padding: 0 !important; text-align: left !important; opacity: 0; transform: translateY(18px); }
.barke-timeline p,
.barke-timeline .av-milestone-content p,
.barke-timeline .av-milestone-content-wrap p,
.barke-timeline .av-milestone-description { color: #000000 !important; font-size: 18px !important; line-height: 1.5em !important; font-weight: 400 !important; margin: 0 !important; padding: 0 !important; max-width: 920px !important; text-align: left !important; opacity: 0; transform: translateY(15px); }
.barke-timeline .av-milestone-placement-left,
.barke-timeline .av-milestone-placement-right,
.barke-timeline .av-milestone-placement-alternate { text-align: left !important; }
.barke-timeline .av-milestone-placement-left .av-milestone-content-wrap,
.barke-timeline .av-milestone-placement-right .av-milestone-content-wrap,
.barke-timeline .av-milestone-placement-alternate .av-milestone-content-wrap { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }

@keyframes barkeDotGrow { 0% { opacity: 0; transform: scale(0.7); } 70% { opacity: 1; transform: scale(1.06); } 100% { opacity: 1; transform: scale(1); } }
@keyframes barkeTextGrow { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@keyframes barkeLineGrowClean { from { transform: scaleY(0); } to { transform: scaleY(1); } }

.barke-timeline .av-milestone:nth-child(1) .av-milestone-indicator,
.barke-timeline .av-milestone:nth-child(1) .av-milestone-icon { animation: barkeDotGrow 0.35s ease-out forwards; animation-delay: 0.05s; }
.barke-timeline .av-milestone:nth-child(1) h3,
.barke-timeline .av-milestone:nth-child(1) .av-milestone-title,
.barke-timeline .av-milestone:nth-child(1) p,
.barke-timeline .av-milestone:nth-child(1) .av-milestone-description { animation: barkeTextGrow 0.45s ease-out forwards; animation-delay: 0.12s; }
.barke-timeline .av-milestone:nth-child(2) .av-milestone-indicator,
.barke-timeline .av-milestone:nth-child(2) .av-milestone-icon { animation: barkeDotGrow 0.35s ease-out forwards; animation-delay: 0.95s; }
.barke-timeline .av-milestone:nth-child(2) h3,
.barke-timeline .av-milestone:nth-child(2) .av-milestone-title,
.barke-timeline .av-milestone:nth-child(2) p,
.barke-timeline .av-milestone:nth-child(2) .av-milestone-description { animation: barkeTextGrow 0.45s ease-out forwards; animation-delay: 1.02s; }
.barke-timeline .av-milestone:nth-child(3) .av-milestone-indicator,
.barke-timeline .av-milestone:nth-child(3) .av-milestone-icon { animation: barkeDotGrow 0.35s ease-out forwards; animation-delay: 1.85s; }
.barke-timeline .av-milestone:nth-child(3) h3,
.barke-timeline .av-milestone:nth-child(3) .av-milestone-title,
.barke-timeline .av-milestone:nth-child(3) p,
.barke-timeline .av-milestone:nth-child(3) .av-milestone-description { animation: barkeTextGrow 0.45s ease-out forwards; animation-delay: 1.92s; }

.barke-timeline .av-milestone-icon-wrap:after { display: none !important; content: none !important; }
.barke-timeline .av-milestone:not(:last-child)::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: calc((var(--barke-icon-col, 110px) / 2) - (var(--barke-line-width, 4px) / 2)) !important;
  top: calc(var(--barke-circle, 82px) / 2) !important;
  width: var(--barke-line-width, 4px) !important;
  height: 100% !important;
  background: #004687 !important;
  border: none !important;
  border-radius: 999px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  transform: scaleY(0);
  transform-origin: top center;
}
.barke-timeline .av-milestone:nth-child(1)::after { animation: barkeLineGrowClean 0.85s ease-out forwards !important; animation-delay: 0.18s !important; }
.barke-timeline .av-milestone:nth-child(2)::after { animation: barkeLineGrowClean 0.85s ease-out forwards !important; animation-delay: 1.08s !important; }
.barke-timeline .av-milestone:nth-child(3)::after,
.barke-timeline .av-milestone:last-child::after { display: none !important; content: none !important; }

@media (max-width: 989px) {
  .barke-timeline { --barke-circle: 74px; --barke-icon-col: 96px; --barke-line-width: 4px; }
  .barke-timeline .av-milestone { column-gap: 36px !important; min-height: 245px !important; }
  .barke-timeline h3,
  .barke-timeline .av-milestone-content h3,
  .barke-timeline .av-milestone-content-wrap h3,
  .barke-timeline .av-milestone-title { font-size: 30px !important; margin-bottom: 18px !important; }
  .barke-timeline p,
  .barke-timeline .av-milestone-content p,
  .barke-timeline .av-milestone-content-wrap p,
  .barke-timeline .av-milestone-description { font-size: 18px !important; }
  .barke-timeline .av-milestone-indicator,
  .barke-timeline .av-milestone-icon,
  .barke-timeline .av-milestone-indicator span,
  .barke-timeline .av-milestone-icon span,
  .barke-timeline .av-milestone-indicator strong,
  .barke-timeline .av-milestone-icon strong,
  .barke-timeline .av-milestone-indicator i,
  .barke-timeline .av-milestone-icon i { font-size: 32px !important; }
}

@media (max-width: 767px) {
  .barke-timeline { --barke-circle: 62px; --barke-icon-col: 76px; --barke-line-width: 3px; padding: 20px 0 0 0; }
  .barke-timeline .av-milestone { column-gap: 18px !important; min-height: 220px !important; }
  .barke-timeline h3,
  .barke-timeline .av-milestone-content h3,
  .barke-timeline .av-milestone-content-wrap h3,
  .barke-timeline .av-milestone-title { font-size: 23px !important; line-height: 1.18 !important; margin-bottom: 12px !important; }
  .barke-timeline p,
  .barke-timeline .av-milestone-content p,
  .barke-timeline .av-milestone-content-wrap p,
  .barke-timeline .av-milestone-description { font-size: 15px !important; line-height: 1.5 !important; }
  .barke-timeline .av-milestone-indicator,
  .barke-timeline .av-milestone-icon,
  .barke-timeline .av-milestone-indicator span,
  .barke-timeline .av-milestone-icon span,
  .barke-timeline .av-milestone-indicator strong,
  .barke-timeline .av-milestone-icon strong,
  .barke-timeline .av-milestone-indicator i,
  .barke-timeline .av-milestone-icon i { font-size: 26px !important; }
}

@media (max-width: 480px) {
  .barke-timeline .av-milestone { 
	  padding-bottom:15px !important;
	}
}

/*Responive Einstellungen Navbar*/

@media only screen and (max-width: 767px) {
	.responsive .logo img, .responsive .logo svg {
        max-height: 50px;
	}
}
	
@media only screen and (max-width: 480px) {
    .responsive .logo img, .responsive .logo svg {
        max-height: 35px;
	}
}



/*Responive Einstellungen Startseite*/

@media only screen and (max-width: 1400px) {
    .header-image, {
        background-size: auto 70% !important;
        background-repeat: no-repeat;
    }
}

@media only screen and (max-width: 980px) {
    .header-image {
        background-size: auto 60% !important;
        background-repeat: no-repeat;
    }
}

@media only screen and (max-width: 767px) {
    .header-image {
        background-size: auto 35% !important;
        background-repeat: no-repeat;
    }
}

@media only screen and (max-width: 767px) {
	#top #main .avia-section.header-image .template-page {
    padding-top: 50%;
	}
}

@media only screen and (max-width: 480px) {
    .header-image {
        background-size: auto 20% !important;
        background-repeat: no-repeat;
    }
}

@media only screen and (max-width: 480px) {
	#top #main .avia-section.header-image .template-page {
    padding-top: 45%;
	}
}

/*------*/

@media only screen and (max-width: 767px) {
   #top #main .avia-section.anwendungen .flex_column {
	   margin-bottom: 50px;
    }
}

@media only screen and (max-width: 767px) {
    #top #main .avia-section.anwendungen .template-page {
	   padding-top: 10%;
    }
}

/*------*/

@media only screen and (max-width: 767px) {
	 #top .benefits .entry-content-header {
	margin-right: 0;
	}
}

/*------*/

@media only screen and (max-width: 767px) {
	#top #wrap_all .flex_column.products,
	#top #wrap_all .flex_column.product-box {
		 margin-bottom: 50px;
    }
}

/*------*/

@media only screen and (max-width: 767px) {
    .beratung-footer {
        background-size: 65% auto !important;
		background-position: right bottom!important;
        background-repeat: no-repeat;
    }
}

@media only screen and (max-width: 767px) {
    .beratung-footer .content {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
}

/*Responive Einstellungen Schreinerei*/

@media only screen and (max-width: 767px) {
    .deko-rand-rechts {
		background-image: none !important; 
	}
}


@media only screen and (max-width: 767px) {
    .bild-mobil {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
    }
}


/*–––Testimonial–––*/

@media only screen and (max-width: 480px) {
	#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
    width: 60px;
    height: 60px;
	}
}
@media only screen and (max-width: 989px) {
	#top #wrap_all .flex_column.av-mpuyvh9s-9dc5ca9592e700067279da7a052dcc19, 
	#top #wrap_all .flex_column.av-ocun-06dbe9396ee3feebcf78ca17a9904d75 {
		display:none;
	}
}

@media only screen and (max-width: 989px) {
	#top .flex_column.av-1mi9xb-24b3a71f53de2b9382862dd2d3336246{
	    width: 100%;
	}
}


/*–––Icon-Grid Vertrauen–––*/


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

	.grid-vertrauen .av-icon-cell-item{
        max-height: 200px;
	}
}
@media only screen and (max-width: 989px) {

    .avia-icongrid-front,
    .avia-icongrid-inner,
    .article-icon-entry {
        transition: none !important;
        transform: none !important;
    }

}

/* Gilt nur, wenn das Icon-Grid auf 2 Spalten eingestellt ist */
#top .av-row-with-2-cells .avia-icongrid-wrapper  .article-icon-entry::before {
    padding-top: 40% !important;
}
#top .av-row-with-2-cells .avia-icongrid-wrapper  .article-icon-entry {
    min-height: 0 !important;
}