/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.2
Text Domain: Avada
*/


/* ============================================================
   INHALTSVERZEICHNIS
   ============================================================

   Universelle Styles (jede Seite)
   ─────────────────────────────────────────────────────────
    §1   CSS Variables
    §2   Base
    §3   Gradients & Colors
    §4   Border Radius & Flags
    §5   Buttons
    §6   Header
    §7   Sticky Anchor Bar
    §8   Footer

   Seiten-Struktur (fast jede Seite)
   ─────────────────────────────────────────────────────────
    §8   Sub-Header
    §9   Area / Global Container
    §10  Download Cards / Related Content
    §11  Headings with Addition

   Komponenten (seitenspezifisch)
   ─────────────────────────────────────────────────────────
    §12  Horizontal Tabs
    §13  Image Tabs (vertikal)
    §14  Forms – wpcf7 & Newsletter
    §15  Image Carousels
    §16  Flow Chart
    §17  Avada Overrides (Toggles, Content Boxes etc.)

   Seitentypen
   ─────────────────────────────────────────────────────────
    §18  News Archive & Single News
    §19  Applications Filter & Search
    §20  WPTB Tables

   Sonstiges
   ─────────────────────────────────────────────────────────
    §22  Third Party Plugins
    §23  Helpers & Utilities
    §24  Media Queries

   Zu Abschnitt springen: Ctrl+F → §1, §2, §3 …

   ============================================================

   Hinweise zu !important:
   Wird nur dort eingesetzt, wo Avada inline-Styles überschrieben
   werden müssen (column-wrapper margins/padding, backgrounds).
   CSS-Custom-Properties benötigen kein !important.

   ============================================================ */


/* ============================================================
   §1  CSS VARIABLES
   ============================================================ */

.search-filter-component-combobox__clear-selection,
.search-filter-component-combobox__selection-item{
    display:none!important;
}
:root {
  /* Typography */
  --body_typography-font-size: 18px !important;
  --wp--preset--font-size--normal: 1rem !important;


  /* Negative Spacing */
  --n50:  -1rem;   /* -20px */
  --n100: -2rem;   /* -40px */
  --n150: -3rem;   /* -60px */
  --n200: -4rem;   /* -80px */

  /* Positive Spacing */
  --p25:  0.5rem;  /*  10px */
  --p50:  1rem;    /*  20px */
  --p75:  1.5rem;  /*  30px */
  --p100: 2rem;    /*  40px */
  --p125: 2.5rem;  /*  50px */
  --p150: 3rem;    /*  60px */
  --p200: 4rem;    /*  80px */
  --p250: 5rem;    /* 100px */
  --p300: 6rem;    /* 120px */
  --p350: 7rem;    /* 140px */
  --p400: 8rem;    /* 160px */
  --p450: 9rem;    /* 180px */
  --p500: 10rem;   /* 200px */

  /* Typography Additions */
  --h2-addition-font-size: var(--h2_typography-font-size);

  /* Gradients */

  /* Darkgray: #313736 → #707e85 → #96a9b3 */
  --gradient-darkgray: linear-gradient(to right top,
    var(--awb-color7)         0%,
    var(--awb-color8)         60%,
    var(--awb-custom_color_1) 90%
  );

  /* Gray: #707e85 → #96a9b3 → #dfe9f0 */
  --gradient-gray: linear-gradient(to right top,
    var(--awb-color8)         0%,
    var(--awb-custom_color_1) 60%,
    var(--awb-custom_color_2) 90%
  );

  /* Lightgray: #96a9b3 → #dfe9f0 → #eef3f7 */
  --gradient-lightgray: linear-gradient(to right top,
    var(--awb-custom_color_1) 0%,
    var(--awb-custom_color_2) 40%,
    var(--awb-custom_color_3) 95%
  );

  /* Busslist: #cc0000 → #f18700 → #ffc780 */
  --gradient-busslist: linear-gradient(to right top,
    var(--awb-color4)         0%,
    var(--awb-color3)         60%,
    var(--awb-custom_color_6) 90%
  );

  /* HR-Blue: #004874 → #009ae7 → #74c1e8 */
  --gradient-hrblue: linear-gradient(to right top,
    var(--awb-custom_color_5) 0%,
    var(--awb-color6)         65%,
    var(--awb-color5)         90%
  );

  /* Dark Blue: #002b45 → #004874 → #0067a6 */
  --gradient-darkblue: linear-gradient(to right top,
    var(--awb-custom_color_8) 0%,
    var(--awb-custom_color_5) 60%,
    var(--awb-custom_color_7) 90%
  );

  /* Cooling: #0067a6 → #74c1e8 → #eef3f7 */
  --gradient-cooling: linear-gradient(to right top,
    var(--awb-custom_color_7) 0%,
    var(--awb-color5)         60%,
    var(--awb-custom_color_3) 90%
  );

  /* Co-Kneader: #d97a00 → #f18700 → #ffc780 */
  --gradient-cokneader: linear-gradient(to right top,
    var(--awb-custom_color_9) 0%,
    var(--awb-color3)         60%,
    var(--awb-custom_color_6) 90%
  );

  /* Kneader-Reactor: #520f1a → #cc0000 → #ffc780 */
  --gradient-kneaderreactor: linear-gradient(to right top,
    var(--awb-custom_color_10) 0%,
    var(--awb-color4)          60%,
    var(--awb-custom_color_6)  90%
  );

  /* TODO: --gradient-blue2 wird in Forms und Blog verwendet – noch nicht definiert */

  /* Border Radius */
  --radius75:   1.5rem;
  --radius100:  2rem;
  --radius200:  3.5rem;
  --radiusmenu: 4rem;

  /* Sticky Mail */
  --sticky-mail-width:     3rem;
  --sticky-mail-font-size: 2rem;
  --awb-testimonial-text-font-style: normal !important;
}


/* ============================================================
   §2  BASE
   ============================================================ */

html {
  font-size: var(--body_typography-font-size);
  scroll-behavior: smooth;
  max-width: 2560px;
  margin-left: auto;
  margin-right: auto;
}

body {
  font-size: var(--body_typography-font-size);
  word-wrap: normal;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-chars: 8 4 4;
}

h1, h2, h3, h4, h5, h6 {
  word-wrap: normal;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-chars: 10 5 5;
}



#wrapper p {
  margin-block-start: 0;
  margin-block-end: var(--p50);
}

#wrapper .fusion-button,
#wrapper .fusion-imageframe,
#wrapper .fusion-image-carousel,
#wrapper .video-shortcode {
  margin-bottom: var(--p50);
}

#main .fusion-imageframe,
#main img {
  width: 100%;
}

#main .fusion-checklist .fusion-li-item-content > p,
#main .fusion-checklist .fusion-li-item-content {
  margin-block-end: 0 !important; /* Avada setzt inline margin */
	font-size: calc( var(--body_typography-font-size) * 1.2);
}

#main .fusion-checklist.small-checklist .fusion-li-item-content > p,
#main .fusion-checklist.small-checklist .fusion-li-item-content {
	font-size: var(--body_typography-font-size);
}

#wrapper .awb-quote-content p {
  font-size: var(--body_typography-font-size) !important; /* Avada inline override */
}

.fusion-text li {
  margin-bottom: 0.5rem;
}

.nowrap {
  hyphens: none;
  white-space: nowrap;
}

.no-hyphens {
  hyphens: none;
}

.noradius {
  border-radius: 0 !important;
}

/*--- Einblend-Animation */

.fusion-layout-column:not(.exclude-anim .fusion-layout-column):not(.main-rev-slider .fusion-layout-column):not(.fusion-animated) {
  opacity: 0;
  transform: translateY(100px);
}

.fusion-layout-column.show:not(.fusion-animated) {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: all 550ms ease-out;
}

#wrapper #content .fusion-fullwidth:first-of-type .fusion-layout-column,
#wrapper .fusion-page-title-bar.fusion-tb-page-title-bar .fusion-layout-column {
  opacity: 1;
  transform: translateY(0) !important;
  transition: all 550ms ease-out;
}


/* ============================================================
   §3  GRADIENTS & COLORS
   ============================================================ */

/*--- Utility-Klassen für Hintergründe (Area, CTA, RevSlider) */

#wrapper .area.darkblue,
#wrapper .cta-area.darkblue,
sr7-txt.darkblue {
  background: var(--gradient-darkblue);
}

#wrapper .area.lightgray,
#wrapper .cta-area.lightgray,
sr7-txt.lightgray {
  background: var(--gradient-lightgray);
}

#wrapper .area.gray,
#wrapper .cta-area.gray,
sr7-txt.gray {
  background: var(--gradient-gray);
}

#wrapper .area.darkgray,
#wrapper .cta-area.darkgray,
sr7-txt.darkgray {
  background: var(--gradient-darkgray);
}

#wrapper .area.busslist,
#wrapper .cta-area.busslist,
#wrapper .fusion-title.small-flag-tr.busslist,
sr7-txt.busslist {
  background: var(--gradient-busslist);
}

#wrapper .area.cokneader,
#wrapper .cta-area.cokneader,
#wrapper .fusion-title.small-flag-tr.cokneader,
sr7-txt.cokneader {
  background: var(--gradient-cokneader);
}

#wrapper .area.kneaderreactor,
#wrapper .cta-area.kneaderreactor,
#wrapper .fusion-title.small-flag-tr.kneaderreactor,
sr7-txt.kneaderreactor {
  background: var(--gradient-kneaderreactor);
}

#wrapper .area.cooling,
#wrapper .cta-area.cooling,
#wrapper .fusion-title.small-flag-tr.cooling,
sr7-txt.cooling {
  background: var(--gradient-cooling);
}

#wrapper .area.hrblue,
#wrapper .cta-area.hrblue,
#wrapper .fusion-title.small-flag-tr.hrblue,
sr7-txt.hrblue {
  background: var(--gradient-hrblue);
}

/*--- Glass: Blur-Hintergrund (Header/Button-Stil, auch über Bildern) */

.glass,
sr7-txt.glass {
  background: linear-gradient(to left top,
    rgba(150, 169, 179, 0.35) 0%,
    rgba(223, 233, 240, 0.55) 40%,
    rgba(255, 255, 255, 0.75) 80%
  ) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 4px 24px rgba(0, 0, 0, 0.08);
}

/*--- Gradient: kein background-attachment: fixed auf CSS-Gradienten */
#wrapper .area.busslist,
#wrapper .area.lightgray,
#wrapper .area.gray,
#wrapper .area.darkgray,
#wrapper .area.cokneader,
#wrapper .area.kneaderreactor,
#wrapper .area.cooling,
#wrapper .area.darkblue,
#wrapper .area.hrblue,
#wrapper .cta-area.busslist,
#wrapper .cta-area.lightgray,
#wrapper .cta-area.gray,
#wrapper .cta-area.darkgray,
#wrapper .cta-area.cokneader,
#wrapper .cta-area.kneaderreactor,
#wrapper .cta-area.cooling,
#wrapper .cta-area.darkblue,
#wrapper .cta-area.hrblue {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: scroll !important; /* fixed würde Gradient relativ zum Viewport rendern */
}


/* ============================================================
   §4  BORDER RADIUS & FLAGS
   ============================================================ */

#wrapper .flag-bl,
#wrapper .flag-bl .fusion-builder-row,
#wrapper .flag-bl .fusion-imageframe,
sr7-txt.flag-bl,
#wrapper .fusion-video.flag-bl > .video-wrapper {
  border-bottom-left-radius: var(--radius200);
}

#wrapper .flag-br,
#wrapper .flag-br .fusion-imageframe,
#wrapper .flag-br .fusion-image-carousel img,
sr7-txt.flag-br {
  border-bottom-right-radius: var(--radius200);
}

#wrapper .flag-tl,
#wrapper .flag-tl .fusion-imageframe,
#wrapper .flag-tl .fusion-image-carousel img,
sr7-txt.flag-tl {
  border-top-left-radius: var(--radius200);
}

#wrapper .flag-tr,
#wrapper .flag-tr .fusion-column-wrapper,
#wrapper .flag-tr .fusion-imageframe,
#wrapper .flag-tr .fusion-image-carousel img,
sr7-txt.flag-tr {
  border-top-right-radius: var(--radius200);
}

#wrapper .small-flag-br .fusion-column-wrapper,
#wrapper .small-flag-br .fusion-column-anchor > .fusion-column-inner-bg-image {
  border-bottom-right-radius: var(--radius100);
}

#wrapper .small-flag-tr {
  border-top-right-radius: var(--radius100);
}

#wrapper .small-flag-tl {
  border-top-left-radius: var(--radius100);
}


/* ============================================================
   §5  BUTTONS
   ============================================================ */

/*--- Default: Glas-Effekt */

#wrapper .fusion-button.button-default {
  background: rgba(255, 255, 255, 0.52);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 4px 24px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
	hyphens: none;
}

#wrapper .fusion-button.button-default span {
  color: #000;
}

#wrapper .fusion-button.button-default:hover {
  background: linear-gradient(to right top,
    rgba(150, 169, 179, 1) 0%,
    rgba(223, 233, 240, 1) 40%,
    rgba(238, 243, 247, 1) 95%
  );
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(180, 180, 180, 0.75);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 4px 24px rgba(0, 0, 0, 0.12);
}

#wrapper .fusion-button.button-default:hover span,
#wrapper .fusion-button.hover-lightgray:hover span {
  color: #000;
}

#wrapper .fusion-button.hover-lightgray:hover {
  background: var(--gradient-lightgray);
}

/*--- Farbige Buttons: Gradient-Hintergründe (nach button-default, um zu überschreiben) */

#wrapper .fusion-button.lightgray  { background: var(--gradient-lightgray); }
#wrapper .fusion-button.gray       { background: var(--gradient-gray); }
#wrapper .fusion-button.darkgray   { background: var(--gradient-darkgray); }
#wrapper .fusion-button.darkblue   { background: var(--gradient-darkblue); }
#wrapper .fusion-button.busslist   { background: var(--gradient-busslist); }
#wrapper .fusion-button.cokneader  { background: var(--gradient-cokneader); }
#wrapper .fusion-button.kneaderreactor { background: var(--gradient-kneaderreactor); }
#wrapper .fusion-button.cooling    { background: var(--gradient-cooling); }
#wrapper .fusion-button.hrblue     { background: var(--gradient-hrblue); }

/*--- Hover-Varianten: überschreiben button-default:hover */

#wrapper .fusion-button.hover-busslist:hover      { background: var(--gradient-busslist); }
#wrapper .fusion-button.hover-cokneader:hover     { background: var(--gradient-cokneader); }
#wrapper .fusion-button.hover-kneaderreactor:hover { background: var(--gradient-kneaderreactor); }
#wrapper .fusion-button.hover-cooling:hover       { background: var(--gradient-cooling); }

#wrapper .fusion-button.hover-busslist:hover span,
#wrapper .fusion-button.hover-cokneader:hover span,
#wrapper .fusion-button.hover-kneaderreactor:hover span {
  color: #fff;
}

#wrapper .fusion-button.hover-cooling:hover span {
  color: #000;
}

/*--- Farbige Buttons: Text-Farbe */

#wrapper .fusion-button.cokneader span,
#wrapper .fusion-button.busslist span,
#wrapper .fusion-button.kneaderreactor span {
  color: #fff;
}

#wrapper .fusion-button.cokneader:hover {
  color: #000;
}

/*--- To Top Button */

#toTop::before {
  font-size: 35px;
}

a#toTop {
  background: var(--gradient-busslist);
}


/* ============================================================
   §6  HEADER
   ============================================================ */

#header-glass {
  background: linear-gradient(to left top,
    rgba(150, 169, 179, 0.3) 0%,
    rgba(223, 233, 240, 0.5) 40%,
    rgba(255, 255, 255, 1) 80%
  );
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 4px 24px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  margin-top: -2px;
}

#wrapper .fusion-tb-header .fusion-builder-row .noflag {
  border-radius: 0;
}

#technologybrandcontainer  {
    pointer-events: none;
}



#technologylogo .fusion-imageframe {
  background: linear-gradient(to right top,
    rgba(150, 169, 179, 0.55) 0%,
    rgba(223, 233, 240, 0.8) 40%,
    rgba(255, 255, 255, 1) 80%
  );
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom-right-radius: 40px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 4px 24px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  padding: 16px;
}

#technologylogo .fusion-imageframe img {
  height: 85px;
  width: auto;
}

#mainlogo img {
  width: 160px;
}

/*--- Search */
.fusion-tb-header input[type="search"]::placeholder,
.fusion-tb-header input[type="search"] {
  color: black !important;
}



/*--- Off-Canvas Navigation */

.busslist-main-menu .awb-off-canvas,
.busslist-second-menu .awb-off-canvas {
  background: linear-gradient(to right top,
    rgba(150, 169, 179, 1) 0%,
    rgba(223, 233, 240, 1) 40%,
    rgba(255, 255, 255, 1) 80%
  ) !important; /* Avada setzt Background inline */
  background-size: 1200px 100% !important;
  background-repeat: no-repeat !important;
}

.busslist-main-menu .awb-off-canvas {
  background-position: 0 0 !important;
}

.busslist-second-menu .awb-off-canvas {
  background-position: -480px 0 !important;
}

.busslist-open-button,
.busslist-close-button {
  --button_font_size: 20px;
}

/*--- Sticky Mail Button */

#wrapper .sticky-mail {
  position: fixed;
  right: 0;
  width: var(--sticky-mail-width);
  top: 35vh;
}

#wrapper .sticky-mail .fusion-column-wrapper {
  margin: 0;
  background: var(--gradient-lightgray);
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

#wrapper .sticky-mail .mail {
  width: fit-content;
  margin: 0.5rem auto;
}

#wrapper .sticky-mail .mail i {
  margin: 0;
  color: var(--awb-color2);
  font-size: var(--sticky-mail-font-size);
}

/*--- Language Toggle sticky */

#wrapper .buss-lang-toggle {
  position: fixed;
  right: 0;
  width: fit-content;
  top: 43vh;
  transition: right 0.35s ease;
  opacity: 0; /* ← verhindert Flicker vor JS-Initialisierung */
}

#wrapper .buss-lang-toggle .fusion-column-wrapper {
  background: var(--gradient-lightgray);
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  margin: 0;
}

#wrapper .buss-lang-toggle .fusion-menu {
  flex-direction: row-reverse;
  margin-left: 0.75rem;
  min-height: 3rem;
}

#wrapper .buss-lang-toggle .fusion-menu .wpml-ls-current-language {
  order: 1;
}


/* ============================================================
   §7  ANCHOR BAR & ANCHOR LINKS
   ============================================================ */

/*--- Sticky Anchor Bar */
.sticky-anchors {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 20 !important;
}

.sticky-anchors .scroll-arrow {
  display: none;
}

/*--- Desktop: wrappen erlaubt, zentriert */
.sticky-anchors .fusion-builder-row {
  flex-wrap: wrap !important;
  justify-content: center !important;
  overflow-x: visible;
  overflow-y: visible;
  scrollbar-width: none;
}



/*--- Ab 992px: horizontal scrollen, kein wrap */
@media screen and (max-width: 992px) {

.sticky-anchors .fusion-layout-column {
  width: auto !important;
  flex-shrink: 0;
}	
	
  .sticky-anchors .fusion-content-nowrap div {
    width: auto;
  }

  .sticky-anchors .fusion-builder-row {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    min-height: 44px;
    align-items: center;
  }

  .sticky-anchors .fusion-builder-row::-webkit-scrollbar {
    display: none;
  }

  .sticky-anchors .fusion-layout-column {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  #wrapper .anchor-links .fusion-button:hover {
    background-color: transparent !important;
  }
}

/* ============================================================
   §8  FOOTER
   ============================================================ */

#wrapper .buss-footer.darkgray {
  background: var(--gradient-darkgray);
}

#wrapper .buss-footer {
  padding-top: var(--p300);
  padding-bottom: var(--p150);
}

#wrapper .buss-footer .fusion-social-networks-wrapper {
  margin-bottom: var(--p50);
}

#wrapper .buss-footer .fusion_builder_column_1_2.bottom250 .fusion-text {
  font-size: var(--p200);
  line-height: 4.5rem;
}

#wrapper .buss-footer .fusion-builder-nested-column-0 .fusion-menu li {
  margin-bottom: var(--p50);
}

#wrapper .buss-footer .fusion_builder_column_1_1 .awb-menu {
  width: 100%;
}

#wrapper .buss-footer .fusion_builder_column_1_1 .fusion-menu {
  min-height: fit-content;
  margin-top: var(--p50);
}


/* ============================================================
   §8  SUB-HEADER
   ============================================================ */

#wrapper .sub-header {
  min-height: 700px;
}

/*--- Ken Burns Effekt */

@keyframes kenburns-sub {
  0%   { transform: scale(1.08) translate(-1.5%, 0.8%); }
  100% { transform: scale(1)    translate(0, 0); }
}

#wrapper .sub-header .awb-background-slider {
  overflow: hidden;
}

#wrapper .sub-header .awb-background-slider__image {
  animation: kenburns-sub 20s ease-out;
  transform-origin: center center;
  will-change: transform;
}

/*--- 2-Spalten Sub-Header */
#wrapper .h1-besides-text {
	
}


/*--- 2-Spalten Sub-Header */

#wrapper .sub-header-2-columns {
  position: relative;
  transition: 100ms;
  margin-bottom: var(--p200);
}

#wrapper .sub-header-2-columns .fusion-image,
#wrapper .sub-header-2-columns video,
#wrapper .sub-header-2-columns .fusion-image-carousel {
  margin-bottom: 1rem;
}

#wrapper .sub-header-2-columns .awb-swiper:not(.swiper-fade) .swiper-wrapper {
  padding: 0;
}

#wrapper .sub-header-2-columns .fusion-imageframe,
#wrapper .sub-header-2-columns video,
#wrapper .sub-header-2-columns .fusion-layout-column:has(.fusion-image-carousel),
#wrapper .fusion-image-carousel img {
  border-top-right-radius: var(--radius200);
}


/* ============================================================
   §9  AREA / GLOBAL CONTAINER
   ============================================================ */

#wrapper .area {
  margin-bottom: var(--p300);
  padding-bottom: var(--p100);
  padding-top: var(--p150);
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

#wrapper .area .fusion-title.small-flag-tr {
  width: fit-content;
  margin-bottom: var(--p100) !important; /* Avada margin override */
}

#wrapper .area .fusion-title.small-flag-tr h2,
#wrapper .area .fusion-title.small-flag-tl h2 {
  font-size: var(--awb-typography2-font-size) !important; /* Avada Typography-System override */
  line-height: var(--awb-typography2-line-height);
  margin-top: var(--p75);
  margin-bottom: var(--p50);
  padding: 0 var(--p100) !important;
  width: fit-content;
}

#wrapper .area h2 {
  margin-top: 0;
}

#wrapper .area.flag-bl .fusion-title.small-flag-tr {
  margin-bottom: var(--p75);
}

#wrapper .area.flag-br:has(.fusion-testimonials) > .fusion-builder-row,
#wrapper .area.flag-bl:has(.fusion-testimonials) > .fusion-builder-row {
  align-content: flex-start !important;
}

/*--- Smart Slider */

.n2-ss-slide-background {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background: var(--gradient-lightgray);
  border-top-right-radius: var(--radius100);
}

/*--- Position Absolute Helper */

#wrapper .position-absolute {
  position: absolute;
  left: 16.667%;
  z-index: 100;
}


/* ============================================================
   §10  DOWNLOAD CARDS / RELATED CONTENT
   ============================================================ */

.busslist-related-posts .fusion-column-wrapper {
	margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
}


/*--- Flex-Kette: outer column-wrapper → irp-wrapper → inner column → inner column-wrapper
     Ziel: Button bleibt unten, unabhängig von Content-Höhe                             */

#wrapper .fusion-layout-column.download-card > .fusion-column-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
  background: var(--gradient-lightgray) !important; /* Avada inline-background override */
}

#wrapper .fusion-layout-column.download-card > .fusion-column-wrapper > .irp-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}

#wrapper .irp-wrapper > .fusion-layout-column {
  flex: 1;
  display: flex;
  flex-direction: column;
}

#wrapper .irp-wrapper > .fusion-layout-column > .fusion-column-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: 0 !important; /* Avada spacing override */
  margin-right: 0 !important;
  padding: var(--p100);
  background: none !important; /* Gradient liegt auf outer wrapper */
}

/*--- Button nach unten */

#wrapper .download-card div:has(> .fusion-button) {
  margin-top: auto;
}

#wrapper .download-card .fusion-button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/*--- Hover-Varianten */

#wrapper .download-card.hover-gray:hover > .fusion-column-wrapper {
  background: var(--gradient-gray) !important;
}

#wrapper .download-card.hover-orange:hover > .fusion-column-wrapper,
#wrapper .download-card.hover-busslist:hover > .fusion-column-wrapper {
  background: var(--gradient-busslist) !important;
}

#wrapper .download-card.hover-darkblue:hover > .fusion-column-wrapper {
  background: var(--gradient-darkblue) !important;
}

#wrapper .download-card.hover-cokneader:hover > .fusion-column-wrapper {
  background: var(--gradient-cokneader) !important;
}

#wrapper .download-card.hover-kneaderreactor:hover > .fusion-column-wrapper {
  background: var(--gradient-kneaderreactor) !important;
}

#wrapper .download-card.hover-cooling:hover > .fusion-column-wrapper {
  background: var(--gradient-cooling) !important;
}

#wrapper .download-card.hover-gray:hover h3,
#wrapper .download-card.hover-gray:hover .fusion-text,
#wrapper .download-card.hover-busslist:hover h3,
#wrapper .download-card.hover-busslist:hover .fusion-text,
#wrapper .download-card.hover-orange:hover h3,
#wrapper .download-card.hover-orange:hover .fusion-text,
#wrapper .download-card.hover-cokneader:hover h3,
#wrapper .download-card.hover-cokneader:hover .fusion-text,
#wrapper .download-card.hover-kneaderreactor:hover h3,
#wrapper .download-card.hover-kneaderreactor:hover .fusion-text {
  color: #ffffff;
}


/* ============================================================
   §11  HEADINGS WITH ADDITION
   ============================================================ */

/*--- indent-title: Addition klein (1st), Haupttitel groß (2nd) */

#wrapper .indent-title .fusion-title:first-of-type h1,
#wrapper .indent-title .fusion-title:first-of-type h2,
#wrapper .indent-title .fusion-title:first-of-type h3 {
  margin-bottom: 0;
  font-size: var(--h2-addition-font-size);
}

#wrapper .indent-title .fusion-title:nth-of-type(2) h1,
#wrapper .indent-title .fusion-title:nth-of-type(2) h2,
#wrapper .indent-title .fusion-title:nth-of-type(2) h3 {
  margin-top: 0 !important;
  font-size: var(--awb-custom_typography_1-font-size);
}

/*--- indent-title2: Haupttitel groß (1st), Addition klein (2nd) */

#wrapper .indent-title2 .fusion-title:first-of-type h1,
#wrapper .indent-title2 .fusion-title:first-of-type h2,
#wrapper .indent-title2 .fusion-title:first-of-type h3 {
  margin-bottom: 0;
  font-size: var(--awb-custom_typography_1-font-size);
}

#wrapper .indent-title2 .fusion-title:nth-of-type(2) h1,
#wrapper .indent-title2 .fusion-title:nth-of-type(2) h2,
#wrapper .indent-title2 .fusion-title:nth-of-type(2) h3 {
  margin-top: 0 !important;
  font-size: var(--h2-addition-font-size);
}

/*--- left100 Modifier */

#wrapper .indent-title .fusion-title.left100 h1,
#wrapper .indent-title .fusion-title.left100 h2,
#wrapper .indent-title .fusion-title.left100 h3 {
  margin-left: 1.5rem;
}

/*--- .heading-addition-inline (via Shortcode) */

.heading-addition-inline {
  display: block;
  font-size: var(--h2-addition-font-size) !important;
  font-weight: 300;
}

/* TOP VERSION */

.fusion-title-heading:has(.heading-addition-inline.is-top){
  padding-left:5vw !important;
}

.fusion-title-heading .heading-addition-inline.is-top{
  margin-left:-5vw;
}

/* BOTTOM VERSION */

.heading-addition-inline.is-bottom {
  margin-left: 5vw;
}

.fusion-title-heading:has(.heading-addition-inline.is-top) > p {
  display: none;
}

/* H1 */

h1:has(.heading-addition-inline) {
  margin-bottom: var(--h2_typography-margin-bottom);
  line-height: var(--h1_typography-line-height) !important;
  letter-spacing: var(--h1_typography-letter-spacing) !important;
}

h1 .heading-addition-inline {
  letter-spacing: var(--h1_typography-letter-spacing) !important;
}

/* H2 */

h2:has(.heading-addition-inline) {
  margin-bottom: var(--h2_typography-margin-bottom);
  line-height: var(--h2_typography-line-height) !important;
  letter-spacing: var(--h2_typography-letter-spacing) !important;
}

h2 .heading-addition-inline {
  font-size: var(--h2-addition-font-size) !important;
}

.fusion-title.small-margin .heading-main {
  margin-left: 2rem;
}

.fusion-title.no-margin-bottom p:has(.heading-addition-inline) {
  margin-bottom: 0 !important;
}

.fusion-title.large-margin .heading-addition-inline.is-bottom {
  margin-left: calc(5vw + 40px);
}


/* ============================================================
   §12  HORIZONTAL TABS
   ============================================================ */

#wrapper .horizontal-tabs .nav-tabs {
  width: 100%;
}

#wrapper .horizontal-tabs .nav-tabs::after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px solid var(--awb-custom_color_2);
}

#wrapper .horizontal-tabs .nav-tabs li {
  margin-bottom: 0;
}

#wrapper .horizontal-tabs .nav-tabs a {
  padding: var(--p50);
}

#wrapper .horizontal-tabs .nav-tabs li:first-of-type {
  z-index: 10;
}

#wrapper .horizontal-tabs .nav-tabs li:nth-of-type(2) {
  z-index: 9;
}

#wrapper .fusion-tabs .nav-tabs li .tab-link:hover a {
  background: transparent !important;
}

#wrapper .horizontal-tabs .tab-link:nth-of-type(2) {
  padding-left: var(--p150) !important;
}

#wrapper .horizontal-tabs.fusion-tabs .nav-tabs .tab-link {
  border-top: 1px solid var(--awb-custom_color_2) !important;
  border-right: 1px solid var(--awb-custom_color_2) !important;
  border-top-right-radius: var(--p100) !important;
  border-bottom: none !important;
  box-shadow: 5px -1px rgba(204, 204, 204, 0.3) !important;
  background: transparent;
}

#wrapper .horizontal-tabs.fusion-tabs .nav-tabs .tab-link:hover {
  background: var(--gradient-lightgray);
}

/*--- Aktiver Tab: 1px tiefer, überdeckt border-bottom der nav-tabs */

#wrapper .horizontal-tabs.fusion-tabs .nav-tabs .active {
  margin-bottom: -1px;
  position: relative;
  z-index: 2;
}

#wrapper .horizontal-tabs.fusion-tabs .nav-tabs .active .tab-link {
  background: var(--gradient-lightgray);
}

#wrapper .horizontal-tabs .tab-content {
  border-bottom: 1px solid var(--awb-custom_color_2);
}

#wrapper .horizontal-tabs .tab-pane {
  padding-top: var(--p50);
  padding-bottom: var(--p50);
}

#wrapper .horizontal-tabs h2 {
  margin-bottom: var(--p75);
}

#wrapper .horizontal-tabs {
  margin-bottom: var(--p200);
}

#wrapper .horizontal-tabs .fusion-tab-heading {
  font-weight: 700;
}


/* ============================================================
   §13  IMAGE TABS (VERTIKAL)
   ============================================================ */

#wrapper .img-tabs .fusion-tabs {
  margin: 0;
  padding: 0;
  border: 0;
}

#wrapper .img-tabs .nav {
  padding-left: var(--p100);
}

#wrapper .img-tabs .fusion-tabs .nav-tabs > li:not(:last-of-type) {
  border-bottom: 1px solid var(--awb-custom_color_2);
}

#wrapper .img-tabs .tab-content {
  width: auto;
}

#wrapper .img-tabs .tab-pane {
  align-content: center;
  padding-left: var(--p150);
}


/* ============================================================
   §14  FORMS – WPCF7 & NEWSLETTER
   ============================================================ */

#wrapper .wpcf7 {
  margin-top: var(--p150);
}

#wrapper .wpcf7 .select-arrow {
  border-left-width: 0;
  font-size: 1.2rem;
  color: var(--awb-color3);
  margin-right: 0.5rem;
}

#wrapper .wpcf7 label {
  font-weight: 700;
}

#wrapper .wpcf7 input:not([type="checkbox"]),
#wrapper .wpcf7 textarea,
#wrapper .wpcf7 select,
#wrapper .wpcf7 .select-arrow {
  margin-top: var(--p50);
}

#wrapper .wpcf7 form > p {
  margin-bottom: var(--p75);
}

#wrapper .wpcf7-submit {
  background: var(--gradient-busslist);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

#wrapper .wpcf7-submit:hover {
  background: var(--gradient-blue2); /* TODO: --gradient-blue2 nicht definiert */
  color: var(--awb-color1);
}

#wrapper .wpcf7 .contact-flexbox {
  display: flex;
  align-items: flex-end;
  column-gap: 2rem;
}

#wrapper .wpcf7 .contact-flexbox > p,
#wrapper .wpcf7 .contact-flexbox > div {
  width: 50%;
  margin-bottom: var(--p75);
}

#wrapper .wpcf7 h3 {
  margin-top: var(--p50);
  margin-bottom: var(--p50);
}

/*--- Newsletter Form */

#wrapper .newsletter-form button[type="submit"] {
  background: var(--gradient-blue2) !important; /* TODO: --gradient-blue2 nicht definiert */
}

#wrapper .newsletter-form button[type="submit"]:hover {
  background: var(--gradient-lightgray) !important;
  color: var(--awb-color3) !important;
}

#wrapper .newsletter-form input,
#wrapper .newsletter-form select {
  border: 1px solid var(--awb-custom_color_2) !important;
  border-radius: 4px !important;
}


/* ============================================================
   §15  IMAGE CAROUSELS
   ============================================================ */

#wrapper .awb-carousel .awb-swiper-button {
  width: 2rem;
  height: 2rem;
}

#wrapper .awb-swiper-button i {
  font-size: 1.5rem;
}

#wrapper .awb-swiper .fusion-carousel-item-wrapper .awb-imageframe-caption > * {
  text-align: left;
}


/* ============================================================
   §16  FLOW CHART
   ============================================================ */

#wrapper .flow-chart,
#wrapper .flow-chart .fusion-column-wrapper .fusion-image-element .awb-imageframe-caption-title {
  margin-bottom: var(--p200);
}


/* ============================================================
   §17  AVADA OVERRIDES
   ============================================================ */

/*--- Toggles */

#wrapper .fusion-accordian .panel-group {
  border-bottom: 1px solid var(--awb-custom_color_2);
}

#wrapper .fusion-accordian .panel-title a {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#wrapper .fusion-accordian .panel-title a .fa-fusion-box:before {
  margin-right: 1rem;
}

#wrapper .panel-title::after {
  content: "";
  width: 100%;
  height: 1.5rem;
  position: absolute;
  top: 0;
  right: 0;
  border-right: 1px solid var(--awb-custom_color_2);
  border-top: 1px solid var(--awb-custom_color_2);
  border-top-right-radius: 30px;
  z-index: -10;
}

#wrapper .fusion-accordian .toggle-content {
  width: 90%;
  margin-bottom: var(--p100);
  font-size: var(--body_typography-font-size) !important; /* Avada inline font-size override */
}

/*--- Toggles with Tables */

.toggles-with-tables table td,
.toggles-with-tables table th {
  width: 32%;
  padding-right: 20px;
  vertical-align: top;
}

/*--- Content Boxes */

#wrapper .fusion-content-boxes .heading,
#wrapper .fusion-content-boxes .fusion-column {
  margin-bottom: 0 !important;
}

.content-box-heading {
  hyphens: auto;
}

/*--- Testimonials */

.fusion-body #wrapper blockquote,
#wrapper .fusion-testimonials blockquote .awb-quote {
  font-style: normal !important;
}

#wrapper .fusion-testimonials blockquote .awb-quote {
  padding: 0;
}

#wrapper .fusion-testimonials.clean blockquote .awb-quote,
#wrapper .fusion-testimonials.clean .author {
  text-align: start !important;
  font-size: 1.1rem !important;
  letter-spacing: 0;
}

/*--- Counter Element */

#wrapper .fusion-counters-box .content-box-counter {
  font-size: var(--h3_typography-font-size) !important;
  font-weight: 300 !important;
} 

/*--- Dropcaps */

 .fusion-body .busslist-dropcaps .fusion-dropcap.dropcap-boxed {
	height: 2rem;
    width: 2rem;
    line-height: 2rem;
    font-size: 1.2rem;
	float: none;
}


/* ============================================================
   §18  NEWS ARCHIVE & SINGLE NEWS
   ============================================================ */

/*--- Archive */

.buss-news-archive .fusion-date-and-formats {
  display: none;
}

.buss-news-archive .fusion-image-wrapper,
.fusion-recent-posts .slides img,
#wrapper .blog-grid-layout .fusion-image-wrapper,
#wrapper .blog-medium-layout .fusion-image-wrapper {
  border-top-right-radius: var(--radius100);
}

.buss-news-archive .fusion-image-wrapper,
#wrapper .blog-grid-layout .fusion-image-wrapper {
    aspect-ratio: 16 / 9;
    width: 100%;
    overflow: hidden;	
}

.buss-news-archive .fusion-image-wrapper img,
#wrapper .blog-grid-layout .fusion-image-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}



.buss-news-archive .fusion-flexslider,
#wrapper .blog-medium-layout .fusion-flexslider {
  width: 30%;
  margin-right: 2rem !important;
}

.buss-news-archive .fusion-meta-info,
 #wrapper .blog-medium-layout .fusion-meta-info{
  border-top: none;
  padding: 0;
}

.buss-news-archive .blog-shortcode-post-title,
 #wrapper .blog-medium-layout .blog-shortcode-post-title {
  margin-bottom: 1rem;
	 margin-top: 0rem;
}

.buss-news-archive .blog-shortcode-post-title > a,
 #wrapper .blog-medium-layout .blog-shortcode-post-title > a {
  color: var(--awb-color3);
}

.buss-news-archive .post,
 #wrapper .blog-medium-layout .post {
  margin-bottom: var(--p350);
}

.buss-news-archive .fusion-meta-info .fusion-alignright:hover > *,
#wrapper .blog-grid-layout .fusion-meta-info .fusion-read-more:hover,
#wrapper .blog-medium-layout .fusion-meta-info .fusion-read-more:hover{
  color: var(--awb-color3);
}

.buss-news-archive .fusion-meta-info > .fusion-alignright > a,
#wrapper .blog-grid-layout .fusion-meta-info .fusion-read-more,
#wrapper .blog-medium-layout .fusion-meta-info .fusion-read-more{
  color: var(--awb-custom_color_5);
  font-size: var(--body_typography-font-size);
}

.buss-news-archive .fusion-meta-info > .fusion-alignright,
#wrapper .blog-medium-layout .fusion-meta-info > .fusion-alignright{
  margin-left: 0;
}

.buss-news-archive .fusion-meta-info > .fusion-alignright > a::after,
#wrapper .blog-grid-layout .fusion-meta-info .fusion-read-more::after,
#wrapper .blog-medium-layout .fusion-meta-info .fusion-read-more::after {
  content: none;
}

.buss-news-archive .news-flex-wrapper,
#wrapper .blog-medium-layout .news-flex-wrapper{
  width: 70%;
}

.buss-news-archive .fusion-post-content-container,
#wrapper .blog-medium-layout .fusion-post-content-container {
  margin-bottom: var(--p100);
}

/*--- Single News Post */

.single-news:has(#main .category-news-cpt-neu) .fusion-page-title-bar .fusion-title-heading,
.single-news:has(#main .category-news-cpt-neu-en) .fusion-page-title-bar .fusion-title-heading,
.single-news:has(#main .category-news-cpt-neu-ja) .fusion-page-title-bar .fusion-title-heading {
  display: none !important;
}

.single-news .fusion-recent-posts .pagination .current {
  background-color: var(--awb-color3);
  border-color: var(--awb-color3);
}

.single-news .fusion-recent-posts .pagination-prev:hover,
.single-news .fusion-recent-posts .pagination-next:hover,
.single-news .fusion-recent-posts .pagination-prev:hover::before,
.single-news .fusion-recent-posts .pagination-next:hover::after,
.single-news .fusion-recent-posts .inactive:hover {
  color: var(--awb-color8);
}

.single-news .fusion-recent-posts .inactive:hover {
  border-color: var(--awb-color8);
}

.single-news .fusion-recent-posts .columns .column .entry-title {
  margin: 1rem 0;
}

.single-news .fusion-content-tb .fusion-fullwidth {
  padding-left: 0;
  padding-right: 0;
}

.single-news #wrapper .fusion-imageframe {
  margin-bottom: var(--p100);
}

.single-news #wrapper .border-bottom-right .fusion-imageframe {
  margin-bottom: var(--p50);
}

/*--- Recent News Grid */

#wrapper .blog-grid-layout .entry-title {
  font-size: var(--h4_typography-font-size) !important;
}

#wrapper .blog-grid-layout .excerpt-link {
  color: var(--awb-color3) !important;
}

#wrapper .blog-grid-layout .fusion-load-more-button {
  background: var(--gradient-blue2); /* TODO: --gradient-blue2 nicht definiert */
  border-radius: 10px;
  width: 50%;
  padding: 11px 23px;
  font-size: 13px;
  line-height: 16px;
  font-weight: var(--button_typography-font-weight);
  height: fit-content;
}

#wrapper .blog-grid-layout .fusion-load-more-button:hover {
  background: var(--gradient-lightgray);
  color: var(--awb-color3);
}

/*--- Search Results Archive */

.search-results .fusion-post-title > a,
.search-results .fusion-read-more {
  color: var(--awb-color2) !important;
}

.search-results .fusion-post-title > a:hover,
.search-results .fusion-read-more:hover  {
  color: var(--awb-color3) !important;
}

.search-results .fusion-post-title{
  font-size: var(--h3_typography-font-size) !important;
  font-weight:  var(--h3_typography-font-weight) !important;
  margin-top: var(--h3_typography-margin-top) !important;
  margin-bottom: var(--h3_typography-margin-bottom) !important;
}

/*--- Events */
/* Events Styling */

.eem-month-header .eem-month-label {
  width: 10%;
  justify-content: start;
}

.eem-event-date {
  width: 10%;
}
.eem-event-content  {
  width: 90%;
}

.eem-event-button i {
    background: none !important;
    background-clip: initial !important;
    color: #000000 !important;
    transition: all 300ms;
}

.eem-event-button:hover i {
background: var(--gradient-busslist) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent;
}

.eem-event-toggle {
  display: none;
}

.eem-event-content-text {
  -webkit-mask-image: none !important;
}

.eem-month-header .eem-month-line {
  border-width: 1px;
  border-style: solid;
  border-image: linear-gradient(to right, var(--awb-color4), var(--awb-color3)) 1;
}

/* ============================================================
   §19  APPLICATIONS FILTER & SEARCH
   ============================================================ */

.applications-results .post-row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.applications-results .post-row img {
  height: 225px;
  object-fit: cover;
}

.applications-single-post .applications-headline,
.applications-single-post .applications-headline a {
  color: #000;
  font-size: var(--awb-custom_typography_2-font-size);
  font-weight: 400 !important;
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.applications-single-post a.applications-text {
  color: #000;
  font-size: var(--awb-typography5-font-size);
}

.applications-single-post {
  margin-bottom: var(--p100);
}


/* ============================================================
   §20  WPTB TABLES
   ============================================================ */

#wrapper .wptb-table-container .wptb-text-container p {
  color: var(--awb-color2) !important;
  line-height: 1.2;
}

#wrapper .wptb-table-container .wptb-text-container em {
  font-style: normal !important;
}

#wrapper .wptb-style-isolation:not(#wptb-style-isolation):not(#wptb-style-isolation) .wptb-text-container * {
  font-size: var(--body_typography-font-size) !important;
}

#wrapper .wptb-table-container .wptb-row > td:first-child .wptb-text-container p {
  font-weight: 400;
}

#wrapper .wptb-table-container td,
#wrapper .wptb-table {
  border: none !important;
}

#wrapper .wptb-table-container .wptb-row:not(:last-child) {
  border-bottom: 1px solid var(--awb-custom_color_2);
}

#wrapper .wptb-table-container td {
  padding: 1rem !important;
}

.wptb-style-isolation:not(#wptb-style-isolation):not(#wptb-style-isolation) table.wptb-table tr:nth-of-type(odd) {
  background: transparent !important;
}

#wrapper .tab-pane:has(.wptb-table-container) {
  padding-bottom: 0;
}



/* ============================================================
   §22  THIRD PARTY PLUGINS
   ============================================================ */

/*--- ID2WP */

.id2wp-pro-navigation-button {
  font-size: 1.8rem;
}

/*--- BUSS Job */

.buss_job_text {
  text-align: start;
  line-height: 1.2 !important;
}

.n2-ss-slider .n2-ss-text p,
.buss_job_text li {
  hyphens: auto;
  -webkit-hyphens: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.buss_job_text li {
  margin-bottom: 0.5rem;
}

/*--- Cookiebot */

#CookiebotWidget-btn-change,
#CookiebotWidget-btn-withdraw,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyButtonDecline {
  background-color: #f18700 !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

#CybotCookiebotDialogBodyEdgeMoreDetailsLink {
  color: #f18700 !important;
}

#CookiebotWidget .CookiebotWidget-consent-details button {
  color: #f18700 !important;
}

.CybotCookiebotDialogBodyLevelButtonLabel:hover {
  color: #f18700 !important;
}

#CybotCookiebotDialogBodyLevelButtonPreferences:checked {
  background: #f18700 !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: #f18700 !important;
}

#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #f18700 !important;
}

/*--- IMG300 */

#img300 img {
  width: 300px !important;
}

/*--- Versuchsanfrage Tab */

div[aria-labelledby="fusion-tab-versuchsanfrage"] {
  margin-bottom: 1rem;
}

/*--- Contact Inquiry Form */

.contact-inquiry-form-submit-button button {
  width: 20%;
  font-size: var(--button_font_size);
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  border-radius: 5px;
  border: none;
  margin-bottom: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  background: var(--gradient-cokneader) !important;
  color: var(--awb-color1);
}


/* ============================================================
   §23  HELPERS & UTILITIES
   ============================================================ */

#wrapper h3 > p {
  margin-bottom: 0;
}

/*--- Margins: No-Margin */

#wrapper .no-margin-top h1,
#wrapper .no-margin-top h2,
#wrapper .no-margin-top h3,
#wrapper .no-margin-top h4,
#wrapper .no-margin-top h5,
#wrapper .no-margin-top h6 {
  margin-top: 0 !important;
}

#wrapper .no-margin-bottom h1,
#wrapper .no-margin-bottom h2,
#wrapper .no-margin-bottom h3,
#wrapper .no-margin-bottom h4,
#wrapper .no-margin-bottom h5,
#wrapper .no-margin-bottom h6,
#wrapper .fusion-button.no-margin-bottom,
#wrapper .fusion-text.no-margin-bottom p {
  margin-bottom: 0 !important;
}

#wrapper .cta-area.no-margin-bottom {
  margin-bottom: var(--p200);
}

#wrapper .fusion-imageframe.no-margin-bottom,
#wrapper .fusion-image-carousel {
  margin-bottom: 0;
}

#wrapper .no-margin-left > .fusion-column-wrapper {
  margin-left: 0 !important;
}

#wrapper .no-margin-right > .fusion-column-wrapper {
  margin-right: 0 !important;
}

/*--- Negative Margins */

#wrapper div.top200n { margin-top: var(--n200); }

/*--- Positive Margins */

#wrapper div.top50     { margin-top: var(--p50); }
#wrapper div.bottom50  { margin-bottom: var(--p50); }
#wrapper div.top75     { margin-top: var(--p75); }
#wrapper div.bottom75  { margin-bottom: var(--p75); }

#wrapper div.top100,    #wrapper span.top100    { margin-top:    var(--p100); }
#wrapper div.bottom100, #wrapper span.bottom100 { margin-bottom: var(--p100); }
#wrapper div.top150,    #wrapper span.top150    { margin-top:    var(--p150); }
#wrapper div.bottom150, #wrapper span.bottom150 { margin-bottom: var(--p150); }
#wrapper div.top200,    #wrapper span.top200    { margin-top:    var(--p200); }
#wrapper div.bottom200, #wrapper span.bottom200 { margin-bottom: var(--p200); }
#wrapper div.top250    { margin-top:    var(--p250); }
#wrapper div.bottom250 { margin-bottom: var(--p250); }
#wrapper div.top300    { margin-top:    var(--p300); }
#wrapper div.bottom300 { margin-bottom: var(--p300); }
#wrapper div.top350    { margin-top:    var(--p350); }
#wrapper div.bottom350 { margin-bottom: var(--p350); }
#wrapper div.top400    { margin-top:    var(--p400); }
#wrapper div.bottom400 { margin-bottom: var(--p400); }
#wrapper div.top450    { margin-top:    var(--p450); }
#wrapper div.bottom450 { margin-bottom: var(--p450); }
#wrapper div.top500    { margin-top:    var(--p500); }
#wrapper div.bottom500 { margin-bottom: var(--p500); }

/*--- Auto Margins */

#wrapper .auto-right { margin-right: auto; }
#wrapper .auto-left  { margin-left:  auto; }
#wrapper .auto-top, #wrapper div:has(>.fusion-button.auto-top)  { margin-top:   auto; }

/*--- Paddings */

#wrapper div.top75p     { padding-top:    var(--p75); }
#wrapper div.top150p    { padding-top:    var(--p150); }
#wrapper div.bottom150p { padding-bottom: var(--p150); }
#wrapper div.top300p    { padding-top:    var(--p300); }
#wrapper div.bottom300p { padding-bottom: var(--p300); }


/* ============================================================
   §24  MEDIA QUERIES
   ============================================================ */


/* --------------------------------
   min-width: 992px (Desktop only)
   -------------------------------- */

@media screen and (min-width: 992px) {
  .busslist-open-button,
  .busslist-close-button {
    --button_font_size: 28px;
  }
}


/* --------------------------------
   max-width: 1400px
   -------------------------------- */

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

  html, body {
    --p500: 8rem;
  }

}


/* --------------------------------
   max-width: 1312px
   -------------------------------- */

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

  #wrapper .area.flag-bl .fusion-column-wrapper:has(.small-flag-tr) {
    margin-left: calc(2 * var(--awb-spacing-left));
  }

  #wrapper .area .fusion-column-wrapper:has(.small-flag-tl) {
    margin-right: var(--awb-spacing-right);
  }

}


/* --------------------------------
   max-width: 1200px
   -------------------------------- */

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

  #wrapper .sub-slider {
    margin-top: var(--p100);
  }

  #wrapper .area.flag-bl .fusion-column-wrapper:has(.small-flag-tr) {
    margin-left: calc(2 * var(--awb-spacing-left));
  }

  #wrapper .area .fusion-column-wrapper:has(.small-flag-tl) {
    margin-right: var(--awb-spacing-right);
  }

}

/* --------------------------------
   max-width: 1024px  (Tablet)
   -------------------------------- */

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

  #technologylogo .fusion-imageframe {
    padding: 12px;
	  margin-top: 10px;
  }	
	
	  #technologylogo .fusion-imageframe img {
    height: 80px;
    width: auto;
  }
	
}	

/* --------------------------------
   max-width: 992px  (Tablet)
   -------------------------------- */

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

  :root {
    --body_typography-font-size: 16px !important;
    --wp--preset--font-size--normal: 1rem !important;
    --awb-typography1-font-size: 2.5rem;
    --h1_typography-font-size: 2rem;
    --awb-typography2-font-size: 2rem;
    --awb-custom_typography_1-font-size: 3rem;
    --h2_typography-margin-top: 2rem;
    --h2_typography-margin-bottom: 1.5rem;
    --h2-addition-font-size: 2rem;
    --h2_typography-font-size: 2rem;
    --h3_typography-font-size: 1.4rem;
    --awb-typography3-font-size: 1.4rem;
    --h3_typography-margin-top: 1rem;
    --h3_typography-margin-bottom: 1.5rem;
    --awb-custom_typography_3-font-size: 2rem;
    --awb-custom_typography_4-font-size: var(--body_typography-font-size);
    --awb-custom_typography_2-font-size: var(--body_typography-font-size);
    --awb-name-company-font-size: var(--body_typography-font-size);
    --h2-area-flag-font-size: 2rem;
    --h2-area-flag-line-height: 2.5rem;
    --button_padding-top: 0.5rem;
    --button_padding-bottom: 0.5rem;
    --button_padding-right: 1.5rem;
    --button_padding-left: 1.5rem;
    --p100: 1.5rem;
    --p125: 1.5rem;
    --p150: 2rem;
    --p200: 2.5rem;
    --p250: 2.8rem;
    --p300: 2.8rem;
    --p350: 3.2rem;
    --p400: 3.8rem;
    --p450: 4.2rem;
    --p500: 4.8rem;
    --radius75: 1.5rem;
    --radius100: 2rem;
    --radius200: 4rem;
    --radiusmenu: 1.5rem;
  }

  /*--- Header */

  #technologylogo .fusion-imageframe {
    padding: 12px;
  }

  #technologylogo .fusion-imageframe img {
    height: 70px;
    width: auto;
  }

  #mainlogo img {
    width: 120px;
  }

  /*--- Sub Header */

  #wrapper .sub-header {
    min-height: 560px;
  }

	
/*--- 2-Spalten Sub-Header */
#wrapper .h1-besides-text .fusion_builder_column_1_2:first-child {
	width:100% !important;
	
}
	
	#wrapper .h1-besides-text .fusion_builder_column_1_2:nth-child(2) {
	width:75% !important;	margin-left: auto;
		margin-right: auto;
	
}
	
	
	
  /*--- Lang Toggle */
#wrapper .buss-lang-toggle {
  top: 40vh;
}

#wrapper .buss-lang-toggle .fusion-menu {
  margin-left: 0.65rem;
}

  /*--- Toggles */

  #wrapper .fusion-accordian .toggle-content {
    padding-top: 0;
    margin-bottom: var(--p50);
  }

  #wrapper .fusion-accordian .panel-title a .fa-fusion-box:before {
    font-size: 1rem;
  }

		
  /*---Area fusion-layout-column */
#wrapper .area .fusion-layout-column {
padding-left: var(--p100);
padding-right: var(--p100);
}	
	
	
	
  /*--- Position Absolute */

  #wrapper .position-absolute {
    position: unset;
  }

  /*--- Margin Helpers */

  #wrapper .no-margin-left > .fusion-column-wrapper {
    margin-left: var(--awb-spacing-left) !important;
  }

  #wrapper .no-margin-right > .fusion-column-wrapper {
    margin-right: var(--awb-spacing-right) !important;
  }



  #wrapper ol:not(.awb-breadcrumb-list) ,
  #wrapper ul:not(.fusion-checklist):not(.nav-tabs):not(.slides):not(:has(.sf-field-taxonomy-plastics_pyramid)):not(.fusion-menu){
    padding-inline-start: calc(1.5rem - 4px) !important;
  }

  #wrapper .testimonials-shortcode-blockquote .awb-quote-content {
    line-height: 1.5 !important;
  }

  /*--- CTA Area */

  #wrapper .cta-area.flag-br .fusion-layout-column:nth-of-type(2),
  #wrapper .cta-area.flag-bl .fusion-layout-column:nth-of-type(2) {
    padding-left: 0;
  }

  /*--- Download Cards */

  #wrapper .download-card.flag-tr {
    margin-bottom: var(--p200);
  }

  /*--- Certificates */

  #wrapper .fusion_builder_column_1_6.small-flag-br {
    margin-bottom: var(--p150);
  }

  #wrapper .area.flag-tr > .fusion-builder-row {
    margin-left: calc(-4rem / 2) !important;
    margin-right: calc(-4rem / 2) !important;
  }

  #wrapper .fusion_builder_column_1_6.small-flag-br .fusion-image-element {
    height: auto;
  }

  /*--- News Archive */

  .buss-news-archive .news-flex-wrapper {
    width: 100%;
  }

  .buss-news-archive .fusion-flexslider {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
  }

  .buss-news-archive .fusion-flexslider img.wp-post-image {
    width: 100% !important;
  }

  /*--- Applications */

  #wrapper .height90 > .awb-carousel {
    height: 810px;
  }

  .applications-results .post-row img {
  height: 150px;
  }

}


/* --------------------------------
   max-width: 668px  (Mobil)
   -------------------------------- */

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

  :root {
    --body_typography-font-size: 15px !important;
    --wp--preset--font-size--normal: 1rem !important;
    --awb-typography1-font-size: 2rem;
    --h1_typography-font-size: 1.5rem;
    --h1_typography-margin-top: 2rem;
    --h1_typography-margin-bottom: 1.5rem;
    --awb-typography2-font-size: 1.5rem;
    --awb-custom_typography_1-font-size: 2rem;
    --h2-addition-font-size: 1.5rem;
    --h2_typography-font-size: 1.5rem;
    --h2-area-flag-font-size: 1.5rem;
    --h2-area-flag-line-height: 2rem;
    --h3_typography-font-size: 1.3rem;
    --awb-typography3-font-size: 1.3rem;
    --h4_typography-font-size: 1.2rem;
    --awb-typography4-font-size: 1.2rem;
    --sticky-mail-width: 2rem;
    --sticky-mail-font-size: 1.2rem;
    --radius200: 2.7rem;
    --p100: 1.2rem;
    --p125: 1.2rem;
    --p150: 1.5rem;
    --p200: 2rem;
    --p250: 2.2rem;
    --p300: 2.5rem;
    --p350: 2.8rem;
    --p400: 3rem;
    --p450: 3.3rem;
    --p500: 4rem;
  }

  #main .fusion-checklist .fusion-li-item-content > p, #main .fusion-checklist .fusion-li-item-content {
    font-size:var(--body_typography-font-size);
  }
  
  #main .fusion-checklist .fusion-li-item {
    padding-bottom: 0; 
  }
	
  /*--- Header */

  #technologylogo .fusion-imageframe {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 0;
    padding: 10px 24px;
    margin-right: 2rem;
  }

  #technologylogo .fusion-imageframe img {
    height: 20px;
    width: auto;
  }

  #mainlogo img {
    width: 96px;
  }

  /*--- Sub Header */

  #wrapper .sub-header {
    min-height: 420px;
  }

  #content {
    margin-bottom: 0 !important;
  }

  /* -- h1 besides text */
  #wrapper .h1-besides-text .fusion_builder_column_1_2:nth-child(2) {
    width: 100% !important;
  }

    /*--- Lang Toggle */
  #wrapper .buss-lang-toggle .fusion-menu span {
    font-size: 0.8rem !important;
  }

   #wrapper .buss-lang-toggle .fusion-menu {
    margin-left: 0.45rem; 
   }

  #wrapper .buss-lang-toggle .fusion-menu a {
    padding-right: 0.5rem;
  }

  #wrapper .buss-lang-toggle .fusion-menu {
    min-height: 2.3rem;
  }

  /*--- Image Tabs */

  #wrapper .img-tabs .nav {
    padding-left: 0;
  }

  #wrapper .img-tabs .nav .tab-link {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }

  #wrapper .img-tabs .tab-pane {
    padding: 1rem 0 !important;
  }

  #wrapper .img-tabs .tab-pane > p {
    margin-bottom: 0 !important;
  }

  /*--- Contact Form */

  .contact-inquiry-form-submit-button {
    width: 100% !important;
  }

  .contact-inquiry-form-submit-button button {
    width: 100%;
  }

  /*--- Toggles with Tables – responsive Stack */

  .toggles-with-tables table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .toggles-with-tables table tr {
    display: block;
    margin-bottom: 0.625em;
  }

  .toggles-with-tables table td {
    border-bottom: 0;
    display: block;
    text-align: right;
    font-size: 15px;
    width: 100%;
    padding-bottom: 1rem;
  }

  .toggles-with-tables table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    display: block;
    padding-bottom: 5px;
  }

  .toggles-with-tables table td:last-child {
    border-bottom: 0 !important;
  }

  /*--- Applications results grid */

  .applications-results .post-row img {
    height: 115px;
  }

  .applications-results .post-row {
    grid-template-columns: repeat(2, 1fr);
  }

  /*--- Area */
  #wrapper .area .fusion-layout-column {
    padding-left: 0;
    padding-right: 0;
  }

}