/*
Theme Name: Enfold Child
Template: enfold
Version: 1.0
*/

/* ==========================================================================
   BEGIN GO Eigener Bereich oben
   Initial: 2026-06-13, aktuell: 2026-06-22, Version: 0.2
   ========================================================================== */
.ff-default .ff-el-form-control {
    border-color: var(--cc-blue)!important;
}

#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
    border-color: var(--enfold-main-color-border);
    background-color: var(--enfold-main-color-bg2);
    color: var(--cc-blue)!important;
    font-family: inherit;
}

.fluentform .ff_upload_btn.ff-btn {
    background: var(--cc-blue)!important;
    border-color: var(--cc-blue);
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
/*	border-radius: 999px;*/
	border-radius: 0px;
}

.ff-default .ff-btn-secondary:not(.ff_btn_no_style) {
    background-color: var(--cc-blue)!important;
    border-color: var(--cc-blue)!important;
    color: #fff;
	font-size: 0.8em;
    padding: 10px 20px;
/*	border-radius: 999px;*/
	border-radius: 0px;
}

#top #leistungs-teaser-kompakt {
    padding-bottom: 30px;
}

#top .cc-wohnmobil-mobile,
#top .cc-leihwagen-mobile {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  #top .cc-wohnmobil-desktop,
  #top .cc-leihwagen-desktop {
    display: none !important;
  }

  #top .cc-wohnmobil-mobile,
  #top .cc-leihwagen-mobile {
    display: inline !important;
  }
}

/* ==========================================================================
   BEGIN GO Google Maps: Infofenster Firmenname
   Initial: 2026-06-18, aktuell: 2026-06-22, Version: 0.2
   ========================================================================== */

#top .gm-style-iw strong,
#top .gm-style-iw-c strong,
#top .gm-style-iw-d strong {
  color: var(--go-black) !important;
}

/* ==========================================================================
   END GO Google Maps: Infofenster Firmenname
   Initial: 2026-06-18, aktuell: 2026-06-22, Version: 0.2
   ========================================================================== */

/* ==========================================================================
   END GO Eigener Bereich oben
   Initial: 2026-06-13, aktuell: 2026-06-22, Version: 0.2
   ========================================================================== */

/* ===== GO VERSIONER — START (automatisch generiert, nicht bearbeiten) ===== */

/* ==========================================================================
   BEGIN GO Basis: Farben, Typografie, Abstände
   Initial: 2026-05-29, aktuell: 2026-06-22, Version: 1.8
   ========================================================================== */


#top {
  /* Reduzierte Farbwelt, Mercedes-orientiert */
  --go-black:#050505;
  --go-graphite:#141414;
  --go-dark:#000000;
  --go-white:#ffffff;
  --go-lightgrey:#f2f2f2;
  --go-soft:#f7f7f5;
  --go-border:#d9d9d9;
  --go-text:#333333; /* ca. 80% Schwarz */
  --go-muted:#666666;
  --go-red:#B90000;
  --go-red-dark:#8F0000;

  --go-header-line-bg:var(--go-lightgrey);
  --go-menu-bg:var(--go-black);
  --go-icon-bg:var(--go-black);
  --go-icon-active-bg:var(--go-red);

  /* Legacy-Aliase: bleiben für ältere GO-Blöcke vorhanden, zeigen aber nicht mehr auf Gelb/Grün/Blau. */
  --cc-blue:var(--go-black);
  --cc-blue-2:var(--go-graphite);
  --cc-blue-soft:var(--go-lightgrey);
  --cc-yellow:var(--go-lightgrey);
  --cc-yellow-2:var(--go-white);
  --cc-green:var(--go-black);
  --cc-black:var(--go-black);
  --cc-text:var(--go-text);
  --cc-white:var(--go-white);
  --cc-soft:var(--go-soft);
  --cc-border:rgba(0,0,0,.12);
  --cc-shadow:none;
  --cc-shadow-soft:none;
  --cc-radius:4px;

  --cc-font-body:"Open Sans", Arial, sans-serif;
  --cc-font-headline:"Open Sans Condensed", "Open Sans", Arial, sans-serif;
  --cc-font-size-base:16px;
  --cc-line-height-base:1.56;
  --cc-heading-weight:700;
  --cc-heading-spacing:-.015em;
  --cc-heading-letter-spacing:-.015em;

  --go-size-h1:clamp(40px,4.1vw,64px);
  --go-size-h2:clamp(30px,2.8vw,44px);
  --go-size-h3:clamp(22px,2vw,30px);
  --go-size-h4:20px;
  --go-size-lead:18px;

  --cc-button-radius:0px;
  --cc-button-shadow:none;
  --cc-button-shadow-hover:none;

  --cc-content-width:1680px;
  --go-text-width:820px;

  --cc-header-min-height:180px;
  --cc-logo-box-width-desktop:275px;
  --cc-logo-box-height-desktop:103px;
  --cc-logo-area-desktop:350px;
  --cc-logo-width-mobile:170px;
  --cc-menu-top-desktop:62px;
  --cc-actions-top-desktop:117px;
  --cc-actions-top-mobile:89px;

  --cc-first-section-offset-desktop:110px;
  --cc-first-section-offset-tablet:86px;
  --cc-first-section-offset-mobile:70px;
}

html,
body,
#wrap_all {
  overflow-x:hidden;
}

body,
#top #wrap_all {
  font-family:var(--cc-font-body);
  color:var(--go-text);
}

#top #main :is(p,li,.av_textblock_section,.iconbox_content,.iconlist_content) {
  color:var(--go-text);
  font-size:var(--cc-font-size-base);
  line-height:var(--cc-line-height-base);
}

#top #main p {
  margin:0 0 .9em;
}

#top #main :is(h1,h2,h3,h4,h5,h6,.av-special-heading-tag) {
  color:var(--go-black);
  font-family:var(--cc-font-headline);
  font-weight:var(--cc-heading-weight);
  letter-spacing:var(--cc-heading-spacing);
}

#top #main h1 { font-size:var(--go-size-h1); line-height:1.02; }
#top #main h2 { font-size:var(--go-size-h2); line-height:1.08; }
#top #main h3 { font-size:var(--go-size-h3); line-height:1.13; }
#top #main h4 { font-size:var(--go-size-h4); line-height:1.20; }

#top #main a {
  color:var(--go-black);
  font-weight:700;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

#top #main a:is(:hover,:focus) {
  color:var(--go-red);
}

#top .main_color,
#top .alternate_color {
  border-color:transparent;
}

/* ==========================================================================
   END GO Basis: Farben, Typografie, Abstände
   Initial: 2026-05-29, aktuell: 2026-06-22, Version: 1.8
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Header: Basis, Logo und Hauptmenü
   Initial: 2026-05-29, aktuell: 2026-06-13, Version: 1.6
   ========================================================================== */

#top #header_main,
#top #header_main .header_bg,
#top #header_main .container {
  background-color:var(--cc-blue) !important;
}

#top #header_main,
#top #header_main .container {
  min-height:var(--cc-header-min-height) !important;
}

#top #header_main .container {
  position:relative !important;
  overflow:visible !important;
  padding-bottom:20px !important;
}

#top #nav_menu-2,
#top #header_main #nav_menu-2,
#top .widget_nav_menu#nav_menu-2 {
  display:none !important;
}

@media only screen and (min-width:990px) {
  #top .logo,
  #top .logo a {
    width:var(--cc-logo-box-width-desktop) !important;
    max-width:var(--cc-logo-box-width-desktop) !important;
    height:var(--cc-logo-box-height-desktop) !important;
    max-height:var(--cc-logo-box-height-desktop) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    margin-top:10px !important;
  }

  #top .logo :is(img,svg),
  #top .logo a :is(img,svg) {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:var(--cc-logo-box-height-desktop) !important;
    object-fit:contain !important;
  }

  #top #header_main .main_menu {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:absolute !important;
    left:var(--cc-logo-area-desktop) !important;
    right:24px !important;
    top:var(--cc-menu-top-desktop) !important;
    transform:translateY(-50%) !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    background:transparent !important;
    overflow:visible !important;
    z-index:120 !important;
  }

  #top #header_main .main_menu .avia-menu,
  #top #header_main .main_menu .av-main-nav {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }

  #top #header_main .main_menu .av-main-nav > li:not(.av-burger-menu-main) {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
    line-height:1 !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }

  #top #header_main .main_menu .av-main-nav > li.av-burger-menu-main,
  #top #header_main .av-burger-menu-main {
    display:none !important;
  }

  #top #header_main .main_menu .av-main-nav > li:not(.av-burger-menu-main) + li:not(.av-burger-menu-main) {
    margin-left:18px !important;
  }

  #top #header_main .main_menu .av-main-nav > li:not(.av-burger-menu-main) > a {
    display:block !important;
    height:auto !important;
    line-height:1.2 !important;
    padding:10px 17px !important;
    border-radius:var(--cc-button-radius) !important;
    font-size:15.5px !important;
    font-weight:800 !important;
    color:var(--cc-white) !important;
    background:transparent !important;
    text-decoration:none !important;
    white-space:nowrap !important;
  }

  #top #header_main .main_menu .av-main-nav > li:hover > a,
  #top #header_main .main_menu .av-main-nav > li:focus-within > a {
    color:var(--cc-blue) !important;
    background:var(--cc-white) !important;
    box-shadow:none !important;
  }

  #top #header_main .main_menu .av-main-nav > li.current-menu-item > a,
  #top #header_main .main_menu .av-main-nav > li.current_page_item > a,
  #top #header_main .main_menu .av-main-nav > li.current-menu-parent > a,
  #top #header_main .main_menu .av-main-nav > li.current-menu-ancestor > a {
    color:var(--cc-white) !important;
    background:var(--cc-blue-2) !important;
  }
}

@media only screen and (min-width:990px) and (max-width:1180px) {
  #top {
    --cc-logo-box-width-desktop:205px;
    --cc-logo-box-height-desktop:78px;
    --cc-logo-area-desktop:295px;
    --cc-menu-top-desktop:58px;
    --cc-actions-top-desktop:126px;
    --cc-header-min-height:170px;
  }

  #top #header_main .main_menu .av-main-nav > li:not(.av-burger-menu-main) + li:not(.av-burger-menu-main) {
    margin-left:7px !important;
  }

  #top #header_main .main_menu .av-main-nav > li:not(.av-burger-menu-main) > a {
    padding:7px 8px !important;
    font-size:12px !important;
  }
}

@media only screen and (max-width:989px) {
  #top {
    --cc-header-min-height:155px;
  }

  #top #header_main,
  #top #header_main .container {
    min-height:var(--cc-header-min-height) !important;
    overflow:visible !important;
  }

  #top #header_main .main_menu .av-main-nav > li:not(.av-burger-menu-main) {
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
  }

  #top #header_main .main_menu {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:absolute !important;
    left:auto !important;
    right:0 !important;
    top:0 !important;
    transform:none !important;
    width:90px !important;
    height:88px !important;
    min-height:88px !important;
    background:transparent !important;
    overflow:visible !important;
    z-index:220 !important;
  }

  #top #header_main .main_menu .avia-menu,
  #top #header_main .main_menu .av-main-nav {
    display:block !important;
    width:90px !important;
    height:88px !important;
    min-height:88px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }

  #top #header_main .main_menu .av-main-nav > li.av-burger-menu-main,
  #top #header_main .av-burger-menu-main {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:absolute !important;
    right:18px !important;
    top:44px !important;
    transform:translateY(-50%) !important;
    width:48px !important;
    height:48px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    overflow:visible !important;
    z-index:230 !important;
  }

  #top #header_main .av-burger-menu-main > a,
  #top #header_main .av-hamburger {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:48px !important;
    height:48px !important;
    visibility:visible !important;
    opacity:1 !important;
    background:transparent !important;
  }

  #top .logo,
  #top .logo a {
    height:88px !important;
    display:flex !important;
    align-items:center !important;
  }

  #top .logo :is(img,svg),
  #top .logo a :is(img,svg) {
    width:var(--cc-logo-width-mobile) !important;
    max-width:var(--cc-logo-width-mobile) !important;
    max-height:64px !important;
    height:auto !important;
  }
}
/* ==========================================================================
   END GO Header: Basis, Logo und Hauptmenü
   Initial: 2026-05-29, aktuell: 2026-06-13, Version: 1.6
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Header: Schnellzugriff und Aktionsbuttons
   Initial: 2026-05-29, aktuell: 2026-06-13, Version: 1.6
   ========================================================================== */

#top .cc-header-actions {
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:var(--cc-actions-top-desktop) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:20 !important;
}

#top .cc-header-actions a.cc-header-action + a.cc-header-action {
  margin-left:14px !important;
}

#top a.cc-header-action {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:11px 24px !important;
  border-radius:var(--cc-button-radius) !important;
  font-size:15.5px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:var(--go-white) !important;
  background:var(--go-red) !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}

#top a.cc-header-action:is(:hover,:focus) {
  color:var(--go-white) !important;
  background:var(--go-red-dark) !important;
}

#top .cc-action-icon {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:18px !important;
  height:18px !important;
  margin-right:8px !important;
  line-height:1 !important;
  flex:0 0 auto !important;
}

#top .cc-action-svg {
  display:block !important;
  width:18px !important;
  height:18px !important;
  fill:currentColor !important;
  color:currentColor !important;
}

@media only screen and (max-width:989px) {
  #top .cc-header-actions {
    left:18px !important;
    right:18px !important;
    top:var(--cc-actions-top-mobile) !important;
  }

  #top .cc-header-actions a.cc-header-action {
    flex:1 1 0 !important;
    min-width:0 !important;
    height:39px !important;
    min-height:39px !important;
    padding:0 5px !important;
    font-size:11px !important;
    text-transform:uppercase !important;
    box-shadow:none !important;
  }

  #top .cc-header-actions a.cc-header-action + a.cc-header-action {
    margin-left:8px !important;
  }

  #top .cc-action-icon,
  #top .cc-action-svg {
    width:13px !important;
    height:13px !important;
  }

  #top .cc-action-icon {
    margin-right:4px !important;
  }
}

@media only screen and (max-width:430px) {
  #top {
    --cc-header-min-height:145px;
    --cc-logo-width-mobile:160px;
    --cc-actions-top-mobile:100px;
  }

  #top #header_main .main_menu,
  #top #header_main .main_menu .avia-menu,
  #top #header_main .main_menu .av-main-nav {
    height:82px !important;
    min-height:82px !important;
  }

  #top #header_main .main_menu .av-main-nav > li.av-burger-menu-main,
  #top #header_main .av-burger-menu-main {
    right:16px !important;
    top:41px !important;
  }

  #top .logo,
  #top .logo a {
    height:82px !important;
  }

  #top .logo :is(img,svg),
  #top .logo a :is(img,svg) {
    width:160px !important;
    max-width:160px !important;
    max-height:60px !important;
  }

  #top .cc-header-actions {
    left:12px !important;
    right:12px !important;
  }

  #top .cc-header-actions a.cc-header-action + a.cc-header-action {
    margin-left:6px !important;
  }

  #top .cc-header-actions a.cc-header-action {
    height:36px !important;
    min-height:36px !important;
    padding:0 4px !important;
    font-size:10px !important;
  }
}
/* ==========================================================================
   END GO Header: Schnellzugriff und Aktionsbuttons
   Initial: 2026-05-29, aktuell: 2026-06-13, Version: 1.6
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Header: Dropdowns und Menü-Icons
   Initial: 2026-06-07, aktuell: 2026-06-13, Version: 1.6
   ========================================================================== */

@media only screen and (min-width:990px) {
  #top #header_main,
  #top #header_main .container,
  #top #header_main .main_menu,
  #top #header_main .main_menu .avia-menu,
  #top #header_main .main_menu .av-main-nav {
    overflow:visible !important;
  }

  #top #header_main .main_menu .av-main-nav > li {
    position:relative !important;
  }

  #top #header_main .main_menu .av-main-nav > li > ul.sub-menu {
    display:block !important;
    position:absolute !important;
    top:calc(100% + 18px) !important;
    left:0 !important;
    min-width:340px !important;
    width:340px !important;
    margin:0 !important;
    padding:14px !important;
    background:var(--cc-white) !important;
    border:0 !important;
    border-radius:4px !important;
    box-shadow:0 12px 28px rgba(0,0,0,.18) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(8px) !important;
    z-index:999999 !important;
  }


  #top #header_main .main_menu .av-main-nav > li > ul.sub-menu::before {
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:-20px !important;
    height:20px !important;
    display:block !important;
    background:transparent !important;
    pointer-events:auto !important;
  }


  #top #header_main .main_menu .av-main-nav > li > ul.sub-menu::after {
    content:"" !important;
    position:absolute !important;
    top:-7px !important;
    left:34px !important;
    width:14px !important;
    height:14px !important;
    background:var(--cc-white) !important;
    transform:rotate(45deg) !important;
    border-radius:3px !important;
    pointer-events:none !important;
  }

  #top #header_main .main_menu .av-main-nav > li:hover > ul.sub-menu,
  #top #header_main .main_menu .av-main-nav > li:focus-within > ul.sub-menu {
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) !important;
  }

  #top #header_main .main_menu .av-main-nav ul.sub-menu > li > a {
    display:block !important;
    border-radius:14px !important;
    font-size:14px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    color:var(--cc-blue) !important;
    background:transparent !important;
    text-decoration:none !important;
    white-space:normal !important;
  }

  #top #header_main .main_menu .av-main-nav ul.sub-menu > li > a:hover,
  #top #header_main .main_menu .av-main-nav ul.sub-menu > li > a:focus {
    background:rgba(185,0,0,.08) !important;
  }
}

.border-firmenkunden {
  border:1px solid var(--cc-yellow) !important;
  border-radius:var(--cc-button-radius) !important;
}

#top #header ul.sub-menu li.cc-has-menu-icon > a,
#top ul.sub-menu li.cc-has-menu-icon > a {
  display:flex !important;
  align-items:center !important;
  min-height:48px !important;
  padding:8px 12px !important;
}

#top #header ul.sub-menu li.cc-has-menu-icon > a > .avia-menu-text,
#top ul.sub-menu li.cc-has-menu-icon > a > .avia-menu-text {
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
}

#top #header ul.sub-menu img.cc-menu-icon-img,
#top ul.sub-menu img.cc-menu-icon-img {
  display:inline-block !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  object-fit:contain !important;
  border-radius:var(--cc-button-radius) !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  vertical-align:middle !important;
}
/* ==========================================================================
   END GO Header: Dropdowns und Menü-Icons
   Initial: 2026-06-07, aktuell: 2026-06-13, Version: 1.6
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Header: Topbar und Social Icons
   Initial: 2026-06-08, aktuell: 2026-06-22, Version: 1.7
   ========================================================================== */

#top {
  --cc-topbar-height:34px;
}

#top #header_meta {
  height:var(--cc-topbar-height) !important;
  min-height:var(--cc-topbar-height) !important;
  background:var(--go-header-line-bg) !important;
  border:0 !important;
  overflow:hidden !important;
}

#top #header_meta .container {
  height:var(--cc-topbar-height) !important;
  min-height:var(--cc-topbar-height) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  line-height:1 !important;
}

#top #header_meta :is(.phone-info,.sub_menu,.social_bookmarks) {
  float:none !important;
  clear:none !important;
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  max-width:none !important;
  height:var(--cc-topbar-height) !important;
  min-height:var(--cc-topbar-height) !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

#top #header_meta :is(.phone-info,.sub_menu) {
  order:1 !important;
}

#top #header_meta .social_bookmarks {
  order:2 !important;
}

#top #header_meta,
#top #header_meta :is(a,a:visited,.phone-info,.sub_menu,.social_bookmarks a,.social_bookmarks a::before) {
  color:#000000 !important;
}

#top #header_meta a {
  text-decoration:none !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1 !important;
}

#top #header_meta a:is(:hover,:focus) {
  color:#000000 !important;
  opacity:.85 !important;
  text-decoration:none !important;
}

#top #header_meta .sub_menu :is(ul,li),
#top #header_meta .social_bookmarks,
#top #header_meta .social_bookmarks ul,
#top #header_meta .social_bookmarks li,
#top #header_meta .social_bookmarks li a {
  display:flex !important;
  align-items:center !important;
  height:var(--cc-topbar-height) !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
}

#top #header_meta .sub_menu :is(ul,li) {
  list-style:none !important;
}

#top #header_meta .social_bookmarks li {
  justify-content:center !important;
  width:24px !important;
}

#top #header_meta .social_bookmarks li + li {
  margin-left:4px !important;
}

#top #header_meta .social_bookmarks li a {
  justify-content:center !important;
  width:24px !important;
  color:#000000 !important;
  background:transparent !important;
}

#top #header_meta .social_bookmarks li a::before {
  color:#000000 !important;
  font-size:14px !important;
  line-height:1 !important;
}

#top #header_meta .social_bookmarks li a:focus-visible {
  outline:3px solid #ffffff !important;
  outline-offset:2px !important;
  background:rgba(255,255,255,.25) !important;
}

@media only screen and (max-width:989px) {
  #top { --cc-topbar-height:32px; }

  #top #header_meta .container {
    justify-content:flex-end !important;
    gap:10px !important;
    padding-left:12px !important;
    padding-right:18px !important;
  }

  #top #header_meta a {
    font-size:11px !important;
  }

  #top #header_meta .social_bookmarks li a::before {
    font-size:13px !important;
  }
}

@media only screen and (max-width:360px) {
  #top #header_meta .social_bookmarks {
    display:none !important;
  }
}

/* ==========================================================================
   END GO Header: Topbar und Social Icons
   Initial: 2026-06-08, aktuell: 2026-06-22, Version: 1.7
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Header: Badge an Aktionszeile
   Initial: 2026-06-10, aktuell: 2026-06-13, Version: 1.6
   ========================================================================== */

#top.cc-header-badge-active.cc-header-badge-sommeraktion {

  --go-badge-image: url("https://cc.dev.gotonet.info/wp-content/uploads/2026/06/carcompany-button-autofolierung-sommeraktion-2026-300x300.png");


  --go-badge-size-desktop: 120px;
  --go-badge-left-desktop: 90%;
  --go-badge-top-desktop: calc(100% - 8px);
  --go-badge-translate-x-desktop: -50%;


  --go-badge-size-tablet: 120px;
  --go-badge-left-tablet: 90%;
  --go-badge-top-tablet: calc(100% - 6px);
  --go-badge-translate-x-tablet: -50%;


  --go-badge-size-small: 100px;
  --go-badge-left-small: 90%;
  --go-badge-top-small: calc(100% + 2px);
  --go-badge-translate-x-small: -50%;


  --go-header-main-bg: var(--go-black);
  --go-topbar-bg: var(--go-red);
  --go-main-bg: #ffffff;
  --go-first-section-bg: #ffffff;


  --go-badge-z-index: 10000;
}

#top.cc-header-badge-active #header_meta {
  background: var(--go-header-line-bg) !important;
  background-color: var(--go-header-line-bg) !important;
  box-shadow: none !important;
}

#top.cc-header-badge-active #header_main {
  background: var(--go-header-main-bg) !important;
  background-color: var(--go-header-main-bg) !important;
  box-shadow: none !important;
}

#top.cc-header-badge-active #header_main .header_bg,
#top.cc-header-badge-active #header .header_bg {
  background: var(--go-header-main-bg) !important;
  background-color: var(--go-header-main-bg) !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

#top.cc-header-badge-active #main {
  background: var(--go-main-bg) !important;
  background-color: var(--go-main-bg) !important;
}

#top.cc-header-badge-active #main > .avia-builder-el-first,
#top.cc-header-badge-active #main > .avia-section:first-of-type,
#top.cc-header-badge-active #main > .container_wrap:first-of-type {
  background: var(--go-first-section-bg) !important;
  background-color: var(--go-first-section-bg) !important;
}

#top.cc-header-badge-active #header {
  overflow: visible !important;
  z-index: 9999 !important;
}

#top.cc-header-badge-active #header_main,
#top.cc-header-badge-active #header_main .container,
#top.cc-header-badge-active .cc-header-actions {
  overflow: visible !important;
}

#top.cc-header-badge-active #header::after,
#top.cc-header-badge-active #header_main::after,
#top.cc-header-badge-active #header_main .container::after,
#top.cc-header-badge-active #main::before,
#top.cc-header-badge-active #main::after {
  content: none !important;
  display: none !important;
  background-image: none !important;
}

#top.cc-header-badge-active img[src*="carcompany-button-autofolierung-sommeraktion-2026"] {
  display: none !important;
}

#top.cc-header-badge-active .cc-header-actions::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;

  width: var(--go-badge-size-desktop) !important;
  height: var(--go-badge-size-desktop) !important;

  left: var(--go-badge-left-desktop) !important;
  top: var(--go-badge-top-desktop) !important;
  right: auto !important;
  bottom: auto !important;

  transform: translateX(var(--go-badge-translate-x-desktop)) !important;

  z-index: var(--go-badge-z-index) !important;

  background-image: var(--go-badge-image) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;

  pointer-events: none !important;
}

@media only screen and (max-width: 989px) {
  #top.cc-header-badge-active .cc-header-actions::after {
    width: var(--go-badge-size-tablet) !important;
    height: var(--go-badge-size-tablet) !important;

    left: var(--go-badge-left-tablet) !important;
    top: var(--go-badge-top-tablet) !important;

    transform: translateX(var(--go-badge-translate-x-tablet)) !important;
  }
}

@media only screen and (max-width: 480px) {
  #top.cc-header-badge-active .cc-header-actions::after {
    display: block !important;

    width: var(--go-badge-size-small) !important;
    height: var(--go-badge-size-small) !important;

    left: var(--go-badge-left-small) !important;
    top: var(--go-badge-top-small) !important;

    transform: translateX(var(--go-badge-translate-x-small)) !important;
  }
}

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

/* ==========================================================================
   END GO Header: Badge an Aktionszeile
   Initial: 2026-06-10, aktuell: 2026-06-13, Version: 1.6
  ========================================================================== */

/* ==========================================================================
   BEGIN GO Content-Layout: Container und ALB-Abstände
   Initial: 2026-05-29, aktuell: 2026-06-22, Version: 1.7
   ========================================================================== */


#top .cc-content-page {
  overflow:visible !important;
}

#top :is(.cc-content-page,.cc-home-service-section,.cc-benefit-section,.cc-home-section) .container,
#top #main > .avia-section .container {
  max-width:var(--cc-content-width) !important;
}

#top .cc-content-page .flex_column {
  padding:12px !important;
}

#top .cc-content-page .av_one_full {
  padding:10px 12px !important;
}

#top .cc-content-page .av-special-heading {
  margin-top:0 !important;
  margin-bottom:8px !important;
  padding-bottom:0 !important;
}

#top .cc-content-page :is(.av_textblock_section,.avia-icon-list-container,.avia-buttonrow-wrap,.avia-image-container,.avia-icongrid-container) {
  margin-top:7px !important;
  margin-bottom:7px !important;
}

#top :is(.go-c-page-heading,.go-c-section-heading,.cc-section-heading) {
  max-width:var(--go-text-width) !important;
}

/* ==========================================================================
   END GO Content-Layout: Container und ALB-Abstände
   Initial: 2026-05-29, aktuell: 2026-06-22, Version: 1.7
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Buttons und CTA: Content-Basis
   Initial: 2026-05-29, aktuell: 2026-06-22, Version: 1.8
   ========================================================================== */


#top :is(.cc-content-page .avia-button,.cc-benefit-main-button,.cc-teaser-button,.go-btn-red .avia-button) {
  min-height:40px;
  padding:11px 20px;
  border:1px solid var(--go-red);
  border-radius:var(--cc-button-radius);
  background:var(--go-red);
  color:var(--go-white);
  box-shadow:none;
  font-size:14px;
  font-weight:700;
  line-height:1;
  letter-spacing:.01em;
  text-decoration:none;
}

#top :is(.cc-content-page .avia-button,.cc-benefit-main-button,.cc-teaser-button,.go-btn-red .avia-button):is(:hover,:focus) {
  border-color:var(--go-red-dark);
  background:var(--go-red-dark);
  color:var(--go-white);
  box-shadow:none;
  transform:none;
}

#top .go-btn-red-outline .avia-button,
#top .cc-button-outline .avia-button {
  border:1px solid var(--go-red);
  background:var(--go-white);
  color:var(--go-black);
}

#top .go-btn-red-outline .avia-button:is(:hover,:focus),
#top .cc-button-outline .avia-button:is(:hover,:focus) {
  border-color:var(--go-black);
  background:var(--go-white);
  color:var(--go-black);
}

#top .go-btn-white-outline .avia-button,
#top .cc-section-blue .avia-button,
#top .cc-panel-blue .avia-button {
  border:1px solid var(--go-white);
  background:var(--go-black);
  color:var(--go-white);
}

/* ==========================================================================
   END GO Buttons und CTA: Content-Basis
   Initial: 2026-05-29, aktuell: 2026-06-22, Version: 1.8
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Heroes: Service, Formular und Home
   Initial: 2026-05-29, aktuell: 2026-06-13, Version: 1.7
   ========================================================================== */

#top :is(.cc-service-hero,.cc-form-hero,.cc-home-hero) {
  overflow:visible !important;
  background:var(--cc-white) !important;
}

#top :is(.cc-service-hero,.cc-form-hero,.cc-home-hero) .container {
  padding-top:var(--cc-first-section-offset-desktop) !important;
  padding-bottom:54px !important;
}

#top .cc-hero-copy {
  padding-right:16px !important;
}

#top .cc-hero-heading .av-special-heading-tag {
  color:var(--cc-blue) !important;
  font-size:clamp(28px,3.8vw,48px) !important;
  line-height:1.1 !important;
  letter-spacing:-.05em !important;
  font-weight:600 !important;
}

#top .cc-hero-heading :is(.av-subheading,.av-subheading p) {
  max-width:640px !important;
  color:var(--cc-black) !important;
  font-size:18px !important;
  line-height:1.38 !important;
  font-weight:600 !important;
}

#top .cc-hero-copy .avia-icon-list {
  margin-top:12px !important;
  margin-bottom:12px !important;
}

#top .cc-hero-copy .avia-icon-list .iconlist_title {
  color:var(--cc-blue) !important;
  font-weight:600 !important;
}

#top .cc-hero-copy .avia-icon-list .iconlist_content {
  color:var(--cc-black) !important;
}

#top .cc-hero-image img {
  width:100% !important;
  height:420px !important;
  object-fit:cover !important;
  border-radius:4px !important;
  box-shadow:var(--cc-shadow) !important;
}

#top .cc-hero-card {
  margin-top:-24px !important;
  position:relative !important;
  z-index:5 !important;
  border-radius:4px !important;
  box-shadow:var(--cc-shadow-soft) !important;
  padding-bottom:20px;
}

#top .cc-hero-card .av_promobox {
  border-radius:4px !important;
  border:0 !important;
  padding:15px 18px !important;
}

.avia-button-wrap.avia-button-right.cc-hero-card {
  padding-top:50px;
}

#top .av_promobox.cc-hero-card .avia-promocontent {
  margin-right:0;
}

/* ==========================================================================
   END GO Heroes: Service, Formular und Home
   Initial: 2026-05-29, aktuell: 2026-06-13, Version: 1.7
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Layout: Overlap-Streifen und Überlappungskarten
   Initial: 2026-05-29, aktuell: 2026-06-13, Version: 1.8
   ========================================================================== */

#top .cc-overlap-strip {
  overflow:visible !important;
  background:var(--go-red) !important;
}

#top .cc-overlap-strip .container {
  padding-top:0 !important;
  padding-bottom:30px !important;
}

#top .cc-overlap-card {
  margin-top:30px !important;
  position:relative !important;
  z-index:9 !important;
}

/* ==========================================================================
   END GO Layout: Overlap-Streifen und Überlappungskarten
   Initial: 2026-05-29, aktuell: 2026-06-13, Version: 1.8
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Karten: Grundflächen und Farbvarianten
   Initial: 2026-05-29, aktuell: 2026-06-22, Version: 1.8
   ========================================================================== */


#top :is(.cc-card,.cc-step-card,.cc-panel,.cc-form-box,.cc-final-cta-card,.cc-home-card,.cc-home-content,.cc-benefit-box) {
  border-radius:var(--cc-radius) !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

#top :is(.cc-card-white,.cc-form-box,.cc-panel-white,.cc-card-yellow,.cc-panel-yellow) {
  background:var(--go-white) !important;
  border:1px solid var(--go-border) !important;
}

#top .cc-card-soft {
  background:var(--go-soft) !important;
  border:1px solid var(--go-border) !important;
}

#top :is(.cc-card-blue,.cc-step-card-active,.cc-panel-blue) {
  background:var(--go-black) !important;
  border-color:var(--go-black) !important;
}

#top :is(.cc-card-blue,.cc-step-card-active,.cc-panel-blue) :is(.iconbox_content,.iconbox,.avia_textblock,.av_textblock_section) {
  background:transparent !important;
}

#top :is(.cc-card-blue,.cc-panel-blue,.cc-step-card-active),
#top :is(.cc-card-blue,.cc-panel-blue,.cc-step-card-active) :is(p,li,.iconbox_content,.iconbox_content p,.iconbox_content_title,.av-special-heading-tag,h1,h2,h3,h4) {
  color:var(--go-white) !important;
}

/* ==========================================================================
   END GO Karten: Grundflächen und Farbvarianten
   Initial: 2026-05-29, aktuell: 2026-06-22, Version: 1.8
   ========================================================================== */


/* ==========================================================================
   BEGIN GO Sektionen: Farbflächen und Abschnittsüberschriften
   Initial: 2026-05-29, aktuell: 2026-06-22, Version: 1.9
   ========================================================================== */


#top .cc-section-white {
  background:var(--go-white) !important;
}

#top :is(.cc-section-soft,.cc-benefit-section,.cc-section-yellow) {
  background:var(--go-lightgrey) !important;
}

#top .cc-section-blue {
  background:var(--go-black) !important;
}

#top :is(.cc-section-white,.cc-section-soft,.cc-section-blue,.cc-section-yellow,.cc-home-section) .container {
  padding-top:40px !important;
  padding-bottom:40px !important;
}

#top .cc-section-heading {
  max-width:var(--go-text-width) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

#top .cc-section-heading :is(.av-special-heading-tag,h1,h2,h3) {
  color:var(--go-black) !important;
  font-size:var(--go-size-h2) !important;
  line-height:1.08 !important;
  letter-spacing:-.02em !important;
  font-weight:var(--cc-heading-weight) !important;
}

#top .cc-section-heading :is(.av-subheading,.av-subheading p,p) {
  color:var(--go-text) !important;
  font-size:var(--cc-font-size-base) !important;
  line-height:1.48 !important;
}

#top .cc-section-blue .cc-section-heading :is(.av-special-heading-tag,h1,h2,h3,.av-subheading,.av-subheading p,p) {
  color:var(--go-white) !important;
}

/* ==========================================================================
   END GO Sektionen: Farbflächen und Abschnittsüberschriften
   Initial: 2026-05-29, aktuell: 2026-06-22, Version: 1.9
   ========================================================================== */

/* ==========================================================================
   BEGIN CC ALB Textblock-Headings: CET-taugliche Überschriften
   Initial: 2026-06-22, aktuell: 2026-06-22, Version: 0.2
   ========================================================================== */


#top :is(.go-c-page-heading,.go-c-section-heading,.go-c-card-title,.go-c-step-number,.go-c-step-title) {
  margin-top:0;
  margin-bottom:0;
}

#top :is(.go-c-page-heading,.go-c-section-heading) :is(h1,h2,h3) {
  margin:0 0 .35em;
  color:var(--go-black);
  font-family:var(--cc-font-headline);
  font-weight:700;
}

#top :is(.go-c-page-heading,.go-c-section-heading) p {
  margin:0;
  color:var(--go-text);
  font-family:var(--cc-font-body);
  font-size:var(--go-size-lead);
  line-height:1.45;
}

#top .cc-section-blue :is(.go-c-page-heading,.go-c-section-heading) :is(h1,h2,h3,p) {
  color:var(--go-white);
}

#top .go-c-card-title :is(h2,h3) {
  margin:0;
  padding:9px 8px;
  background:var(--go-black);
  color:var(--go-white);
  font-family:var(--cc-font-headline);
  font-size:18px;
  font-weight:700;
  line-height:1.05;
  text-align:center;
  letter-spacing:.01em;
}

#top .go-c-step-number :is(h3,h4),
#top .go-c-step-title :is(h3,h4) {
  margin:0;
  font-family:var(--cc-font-headline);
  font-weight:700;
}

#top .go-c-step-number :is(h3,h4) {
  color:var(--go-red);
  font-size:32px;
  line-height:1;
}

#top .go-c-step-title :is(h3,h4) {
  color:var(--go-black);
  font-size:19px;
  line-height:1.12;
}

#top .cc-step-card-active :is(.go-c-step-number h3,.go-c-step-number h4) {
  color:var(--go-white);
}

#top .cc-step-card-active :is(.go-c-step-title h3,.go-c-step-title h4,.avia_textblock,p) {
  color:var(--go-white);
}

#top .go-release-marker {
  display:none;
}

/* ==========================================================================
   END CC ALB Textblock-Headings: CET-taugliche Überschriften
   Initial: 2026-06-22, aktuell: 2026-06-22, Version: 0.2
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Module: Feature-, Step-, Bild- und Panel-Elemente
   Initial: 2026-05-29, aktuell: 2026-06-22, Version: 2.0
   ========================================================================== */


#top .cc-feature-card { min-height:165px !important; }
#top .cc-decision-card { min-height:205px !important; }
#top .cc-step-card { min-height:185px !important; }

#top :is(.cc-feature-card,.cc-decision-card) .iconbox_icon {
  margin-bottom:7px !important;
}

#top :is(.cc-feature-card,.cc-decision-card) .iconbox_content_title,
#top .cc-step-title :is(.av-special-heading-tag,h3,h4) {
  font-size:19px !important;
  line-height:1.12 !important;
  letter-spacing:-.02em !important;
  font-weight:var(--cc-heading-weight) !important;
}

#top :is(.cc-feature-card,.cc-decision-card) .iconbox_content p,
#top .cc-step-card p {
  font-size:14.5px !important;
  line-height:1.42 !important;
}

#top .cc-step-card {
  background:var(--go-white) !important;
  border:1px solid var(--go-border) !important;
}

#top .cc-step-card.cc-step-card-active,
#top .cc-step-card-active {
  background:var(--go-black) !important;
  border-color:var(--go-black) !important;
}

#top .cc-step-number :is(.av-special-heading-tag,h3,h4) {
  color:var(--go-red) !important;
  font-size:32px !important;
  line-height:1 !important;
  letter-spacing:-.04em !important;
  font-weight:var(--cc-heading-weight) !important;
}

#top .cc-step-card-active .cc-step-number :is(.av-special-heading-tag,h3,h4) {
  color:var(--go-white) !important;
}

#top .cc-step-title :is(.av-special-heading-tag,h3,h4) {
  color:var(--go-black) !important;
}

#top .cc-step-card-active :is(.cc-step-title .av-special-heading-tag,.cc-step-title h3,.cc-step-title h4,p,.avia_textblock,.avia_textblock p) {
  color:var(--go-white) !important;
}

#top :is(.cc-split-image,.cc-image-card) img {
  width:100% !important;
  height:330px !important;
  object-fit:cover !important;
  border-radius:4px !important;
  box-shadow:none !important;
}

#top .cc-panel { min-height:310px !important; }

#top .cc-panel-blue {
  border:1px solid var(--go-black) !important;
  box-shadow:none !important;
}

#top .cc-panel-blue,
#top .cc-panel-blue :is(p,.av-special-heading-tag,h1,h2,h3,h4,.iconlist_title,.iconlist_content) {
  color:var(--go-white) !important;
}

#top .cc-panel .av-special-heading-tag,
#top .cc-panel :is(h2,h3) {
  font-size:clamp(28px,2.8vw,36px) !important;
}

#top .cc-final-cta-card {
  position:relative !important;
  z-index:5 !important;
  margin-top:0 !important;
  background:var(--go-white) !important;
  border:1px solid var(--go-border) !important;
  box-shadow:none !important;
}

/* ==========================================================================
   END GO Module: Feature-, Step-, Bild- und Panel-Elemente
   Initial: 2026-05-29, aktuell: 2026-06-22, Version: 2.0
   ========================================================================== */


/* ==========================================================================
   BEGIN GO Startseite: Grundlayout, Headings und Teaser-Raster
   Initial: 2026-05-29, aktuell: 2026-06-13, Version: 1.7
   ========================================================================== */

#top .cc-home-service-section {
  position:relative !important;
  z-index:1 !important;
  overflow:visible !important;
  background:var(--cc-white) !important;
  margin-bottom:34px !important;
}

#top :is(.cc-home-service-section,.cc-benefit-section,.cc-home-section) .container {
  max-width:var(--cc-content-width) !important;
}

#top .cc-home-service-section :is(.container,.entry-content-wrapper) {
  position:relative !important;
  z-index:1 !important;
}

#top :is(.cc-home-heading,.cc-benefit-heading,.cc-teaser-heading) :is(.av-special-heading-tag,h1,h2,h3) {
  color:var(--cc-blue) !important;
  font-weight:var(--cc-heading-weight) !important;
  letter-spacing:var(--cc-heading-letter-spacing) !important;
}

#top :is(.cc-home-heading,.cc-benefit-heading) :is(.av-subheading,p) {
  color:var(--cc-text) !important;
  line-height:1.45 !important;
}

#top .cc-teaser-grid-row {
  max-width:var(--cc-content-width) !important;
  margin:0 auto 28px !important;
  border-radius:var(--cc-radius) !important;
  overflow:hidden !important;
  box-shadow:var(--cc-shadow-soft) !important;
  background:var(--cc-white) !important;
}

#top .cc-teaser-grid-row .flex_cell {
  min-height:300px !important;
}

#top .cc-teaser-image-cell {
  position:relative !important;
  background-size:cover !important;
  background-position:center center !important;
}

#top .cc-teaser-image-cell::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(0,43,102,.12), rgba(0,0,0,.05));
  pointer-events:none;
}

#top .cc-teaser-text-cell {
  background:var(--cc-white) !important;
}

#top .cc-teaser-copy {
  color:var(--cc-text) !important;
  font-size:15.5px !important;
  line-height:1.48 !important;
}

#top .cc-mini-list {
  margin-top:10px !important;
}

#top .cc-mini-list .iconlist_title {
  color:var(--cc-blue) !important;
  font-weight:900 !important;
}

#top .cc-mini-list .iconlist_content {
  color:var(--cc-text) !important;
  font-size:14.5px !important;
}

/* ==========================================================================
   END GO Startseite: Grundlayout, Headings und Teaser-Raster
   Initial: 2026-05-29, aktuell: 2026-06-13, Version: 1.7
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Startseite: Benefits, Inhaltskarten und CTA
   Initial: 2026-05-29, aktuell: 2026-06-13, Version: 1.8
   ========================================================================== */

#top .cc-benefit-section .container {
  padding-top:34px !important;
  padding-bottom:34px !important;
}

#top .cc-benefit-box {
  background:var(--cc-white) !important;
  border:1px solid var(--cc-border) !important;
  padding:22px !important;
}

#top .cc-benefit-iconbox .iconbox_content_title {
  color:var(--cc-blue) !important;
  font-weight:var(--cc-heading-weight) !important;
}

#top .cc-benefit-cta {
  text-align:center !important;
  padding-top:10px !important;
}

#top .cc-home-section {
  position:relative !important;
}

#top .cc-home-section .entry-content-wrapper {
  max-width:var(--cc-content-width) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}


#top .cc-home-card {
  background:var(--cc-white) !important;
  border:1px solid var(--cc-border) !important;
  transition:transform .2s ease, box-shadow .2s ease !important;
}

#top .cc-home-card:hover {
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(0,0,0,.13) !important;
}

#top .cc-home-content {
  box-shadow:none !important;
}

#top :is(.cc-home-content.cc-home-local-box,.cc-home-vorteile .cc-home-card,.cc-home-autoglas .cc-home-card) {
  box-shadow:var(--cc-shadow-soft) !important;
}

#top .cc-home-text :is(h2,h3) {
  margin-top:0 !important;
  color:var(--cc-blue) !important;
  font-weight:var(--cc-heading-weight) !important;
}

#top .cc-card-icon {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:42px !important;
  height:42px !important;
  margin:0 0 14px !important;
  border-radius:var(--cc-button-radius) !important;
  background:var(--go-red) !important;
  color:var(--cc-blue) !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

#top .cc-home-text ul {
  margin-left:1.15em !important;
}

#top .cc-home-cta {
  background:
    var(--go-black) !important;
}

#top .cc-home-cta :is(h2,h3,p,a) {
  color:var(--cc-white) !important;
}

#top .cc-home-cta a {
  font-weight:900 !important;
}

/* ==========================================================================
   END GO Startseite: Benefits, Inhaltskarten und CTA
   Initial: 2026-05-29, aktuell: 2026-06-13, Version: 1.8
   ========================================================================== */

/* ==========================================================================
   BEGIN CC Startseite: Hero-Bild und Hero-Panel
   Initial: 2026-06-22, aktuell: 2026-06-23, Version: 0.4
   ========================================================================== */

#top {
  /* Hero-Höhen nach Enfold-nahen Bereichen */
  --cc-hero-height-desktop: 560px;       /* ab 990px */
  --cc-hero-height-highres: 640px;       /* ab 1600px */
  --cc-hero-height-tablet: 520px;        /* 768px bis 989px */
  --cc-hero-height-mobile: 500px;        /* 480px bis 767px */
  --cc-hero-height-mini: 460px;          /* bis 479px */

  /* optische vertikale Panel-Position: 50% = geometrische Mitte */
  --cc-hero-panel-y-desktop: 56%;
  --cc-hero-panel-y-highres: 56%;
  --cc-hero-panel-y-tablet: 54%;
  --cc-hero-panel-y-mobile: 53%;
  --cc-hero-panel-y-mini: 52%;

  --cc-hero-panel-width: 640px;
  --cc-hero-panel-offset-x: 0px;
  --cc-hero-panel-bg: rgba(0,0,0,.58);
}

#top #hero-home.cc-hero-mb,
#top #hero-home.cc-hero-mb :is(.container,.entry-content-wrapper,.flex_column,.avia-builder-el-no-sibling) {
  overflow:visible !important;
}

#top #hero-home.cc-hero-mb {
  position:relative !important;
  z-index:30 !important;
  min-height:var(--cc-hero-height-desktop) !important;
  background-color:var(--go-black,#050505) !important;
  background-size:cover !important;
  background-position:center center !important;
}

#top #hero-home.cc-hero-mb::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.58) 38%, rgba(0,0,0,.24) 66%, rgba(0,0,0,.08) 100%);
}

#top #hero-home.cc-hero-mb .container {
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  max-width:1680px !important;
  min-height:var(--cc-hero-height-desktop) !important;
  box-sizing:border-box !important;
}

#top #hero-home.cc-hero-mb .entry-content-wrapper {
  position:relative !important;
  width:100% !important;
  min-height:var(--cc-hero-height-desktop) !important;
}

#top #hero-home.cc-hero-mb .cc-hero-content-col {
  position:absolute !important;
  left:var(--cc-hero-panel-offset-x) !important;
  top:var(--cc-hero-panel-y-desktop) !important;
  transform:translateY(-50%) !important;
  width:min(var(--cc-hero-panel-width),48vw) !important;
  margin:0 !important;
  padding:0 !important;
}

#top #hero-home.cc-hero-mb .cc-c-hero-panel {
  max-width:var(--cc-hero-panel-width) !important;
  padding:clamp(28px,3vw,46px) !important;
  background:var(--cc-hero-panel-bg) !important;
  color:var(--go-white,#ffffff) !important;
  border-left:3px solid var(--go-red,#B90000) !important;
  box-sizing:border-box !important;
}

#top #hero-home.cc-hero-mb .cc-c-hero-copy,
#top #hero-home.cc-hero-mb .cc-c-hero-copy .avia_textblock {
  margin:0 !important;
  color:var(--go-white,#ffffff) !important;
}

#top #hero-home.cc-hero-mb .cc-c-hero-copy :is(h1,h2,p) {
  color:var(--go-white,#ffffff) !important;
}

#top #hero-home.cc-hero-mb .cc-c-hero-copy h1 {
  margin:0 0 .34em !important;
  font-family:var(--cc-font-headline,"Open Sans Condensed",Arial,sans-serif) !important;
  font-size:clamp(44px,5.2vw,78px) !important;
  line-height:1.02 !important;
  font-weight:300 !important;
  letter-spacing:-.015em !important;
}

#top #hero-home.cc-hero-mb .cc-c-hero-copy p {
  max-width:560px !important;
  margin:0 !important;
  font-size:clamp(16px,1.15vw,20px) !important;
  line-height:1.55 !important;
  font-weight:600 !important;
  color:rgba(255,255,255,.92) !important;
}

#top #hero-home.cc-hero-mb .cc-c-hero-actions {
  margin-top:24px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}

#top #hero-home.cc-hero-mb .cc-c-hero-actions .avia-button,
#top #hero-home.cc-hero-mb .cc-c-hero-actions a {
  min-height:42px !important;
  padding:11px 20px !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  text-decoration:none !important;
  text-transform:none !important;
  transform:none !important;
}

#top #hero-home.cc-hero-mb .cc-c-hero-actions .cc-c-button-red,
#top #hero-home.cc-hero-mb .cc-c-hero-actions .avia-buttonrow-wrap:first-child .avia-button,
#top #hero-home.cc-hero-mb .cc-c-hero-actions a:first-of-type {
  border:1px solid var(--go-red,#B90000) !important;
  background:var(--go-red,#B90000) !important;
  color:var(--go-white,#ffffff) !important;
}

#top #hero-home.cc-hero-mb .cc-c-hero-actions .cc-c-button-outline-white,
#top #hero-home.cc-hero-mb .cc-c-hero-actions .avia-buttonrow-wrap:nth-child(2) .avia-button,
#top #hero-home.cc-hero-mb .cc-c-hero-actions a:nth-of-type(2) {
  border:1px solid rgba(255,255,255,.78) !important;
  background:rgba(0,0,0,.16) !important;
  color:var(--go-white,#ffffff) !important;
}

#top #hero-home.cc-hero-mb .cc-c-hero-actions .avia-button:hover,
#top #hero-home.cc-hero-mb .cc-c-hero-actions a:hover,
#top #hero-home.cc-hero-mb .cc-c-hero-actions .avia-button:focus,
#top #hero-home.cc-hero-mb .cc-c-hero-actions a:focus {
  background:var(--go-white,#ffffff) !important;
  border-color:var(--go-white,#ffffff) !important;
  color:var(--go-black,#050505) !important;
  transform:none !important;
}

#top #hero-home .cc-home-original-badge,
#top.cc-header-badge-active .cc-header-actions::after {
  display:none !important;
  content:none !important;
  background-image:none !important;
}

@media only screen and (min-width:1600px) {
  #top #hero-home.cc-hero-mb,
  #top #hero-home.cc-hero-mb .container,
  #top #hero-home.cc-hero-mb .entry-content-wrapper {
    min-height:var(--cc-hero-height-highres) !important;
  }

  #top #hero-home.cc-hero-mb .cc-hero-content-col {
    top:var(--cc-hero-panel-y-highres) !important;
  }
}

@media only screen and (min-width:768px) and (max-width:989px) {
  #top #hero-home.cc-hero-mb,
  #top #hero-home.cc-hero-mb .container,
  #top #hero-home.cc-hero-mb .entry-content-wrapper {
    min-height:var(--cc-hero-height-tablet) !important;
  }

  #top #hero-home.cc-hero-mb::before {
    background:linear-gradient(90deg, rgba(0,0,0,.84) 0%, rgba(0,0,0,.66) 58%, rgba(0,0,0,.28) 100%);
  }

  #top #hero-home.cc-hero-mb .cc-hero-content-col {
    top:var(--cc-hero-panel-y-tablet) !important;
    width:min(var(--cc-hero-panel-width),88vw) !important;
  }
}

@media only screen and (min-width:480px) and (max-width:767px) {
  #top #hero-home.cc-hero-mb,
  #top #hero-home.cc-hero-mb .container,
  #top #hero-home.cc-hero-mb .entry-content-wrapper {
    min-height:var(--cc-hero-height-mobile) !important;
  }

  #top #hero-home.cc-hero-mb .cc-hero-content-col {
    top:var(--cc-hero-panel-y-mobile) !important;
    width:min(var(--cc-hero-panel-width),88vw) !important;
  }

  #top #hero-home.cc-hero-mb .cc-c-hero-panel {
    padding:24px !important;
  }

  #top #hero-home.cc-hero-mb .cc-c-hero-copy h1 {
    font-size:42px !important;
  }
}

@media only screen and (max-width:479px) {
  #top #hero-home.cc-hero-mb,
  #top #hero-home.cc-hero-mb .container,
  #top #hero-home.cc-hero-mb .entry-content-wrapper {
    min-height:var(--cc-hero-height-mini) !important;
  }

  #top #hero-home.cc-hero-mb .cc-hero-content-col {
    top:var(--cc-hero-panel-y-mini) !important;
    width:calc(100vw - 36px) !important;
  }

  #top #hero-home.cc-hero-mb .cc-c-hero-panel {
    padding:22px !important;
  }

  #top #hero-home.cc-hero-mb .cc-c-hero-copy h1 {
    font-size:38px !important;
  }
}

/* ========================================================================== 
   END CC Startseite: Hero-Bild und Hero-Panel
   Initial: 2026-06-22, aktuell: 2026-06-23, Version: 0.4
   ========================================================================== */



/* ==========================================================================
   BEGIN GO Startseite: Mini-CTA-Buttons
   Initial: 2026-06-08, aktuell: 2026-06-13, Version: 1.6
   ========================================================================== */

#top :is(.teaser-01,.teaser-02) .avia-button-wrap {
  display:inline-flex !important;
  width:auto !important;
  max-width:max-content !important;
  margin-top:10px !important;
}

#top :is(.teaser-01,.teaser-02) :is(.avia-button,.cc-mini-cta-button) {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  max-width:max-content !important;
  min-height:34px !important;
  height:auto !important;
  padding:8px 14px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:var(--cc-button-radius) !important;
  font-size:14px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  color:var(--cc-white) !important;
  background:var(--cc-blue) !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:0 5px 14px rgba(0,0,0,.14) !important;
}

#top :is(.teaser-01,.teaser-02) :is(.avia-button,.cc-mini-cta-button):is(:hover,:focus) {
  color:var(--cc-white) !important;
  background:var(--cc-black) !important;
  text-decoration:none !important;
}

#top :is(.teaser-01,.teaser-02) :is(.avia-button,.cc-mini-cta-button) :is(.avia_iconbox_title,.avia_button_label) {
  font-size:inherit !important;
  line-height:inherit !important;
  font-weight:inherit !important;
  letter-spacing:inherit !important;
  padding:0 !important;
  margin:0 !important;
}

#top :is(.teaser-01,.teaser-02) :is(.avia-button,.cc-mini-cta-button) span {
  line-height:inherit !important;
}

@media only screen and (max-width:767px) {
  #top :is(.teaser-01,.teaser-02) :is(.avia-button,.cc-mini-cta-button) {
    min-height:32px !important;
    padding:7px 12px !important;
    font-size:12.5px !important;
  }
}

/* ==========================================================================
   END GO Startseite: Mini-CTA-Buttons
   Initial: 2026-06-08, aktuell: 2026-06-13, Version: 1.6
   ========================================================================== */

/* ==========================================================================
   BEGIN CC Startseite: Leistungsteaser 2x2
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.2
   ========================================================================== */

#top #leistungs-teaser-kompakt {
  --cc-service-gap: 30px;
  --cc-service-image-height: 285px;
  --cc-service-body-bg: #151515;
  --cc-service-body-text: rgba(255,255,255,.86);
  --cc-service-body-padding-x: 28px;
  --cc-service-body-padding-top: 30px;
  --cc-service-body-padding-bottom: 24px;
  --cc-service-image-gradient-height: 72px;
}

#top #leistungs-teaser-kompakt,
#top #leistungs-teaser-kompakt .container_wrap {
  background: var(--go-lightgrey) !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#top #leistungs-teaser-kompakt :is(.av-section-color-overlay,.av-section-color-overlay-wrap,.av-extra-border-element),
#top #leistungs-teaser-kompakt::before,
#top #leistungs-teaser-kompakt::after,
#top #leistungs-teaser-kompakt :is(.container,.content,.template-page,.post-entry,.entry-content-wrapper)::before,
#top #leistungs-teaser-kompakt :is(.container,.content,.template-page,.post-entry,.entry-content-wrapper)::after {
  display: none !important;
  content: none;
}

#top #leistungs-teaser-kompakt .container {
  max-width: var(--cc-content-width) !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

#top #leistungs-teaser-kompakt :is(.content,.template-page) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#top #leistungs-teaser-kompakt .entry-content-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--cc-service-gap) !important;
  align-items: stretch !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#top #leistungs-teaser-kompakt :is(.entry-content-wrapper > .flex_column, .cc-home-teaser-card) {
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#top #leistungs-teaser-kompakt .cc-home-teaser-card {
  background: var(--cc-service-body-bg) !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

#top #leistungs-teaser-kompakt .cc-home-teaser-card :is(.avia-image-container,.av_textblock_section,.avia-button-wrap) {
  margin: 0 !important;
}

#top #leistungs-teaser-kompakt .cc-home-teaser-image,
#top #leistungs-teaser-kompakt .cc-home-teaser-image :is(.avia-image-container-inner,.avia_image_wrap,a,picture,img,.avia_image) {
  display: block !important;
  width: 100% !important;
  height: var(--cc-service-image-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#top #leistungs-teaser-kompakt .cc-home-teaser-image {
  position: relative !important;
}

#top #leistungs-teaser-kompakt .cc-home-teaser-image::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--cc-service-image-gradient-height);
  background: linear-gradient(to bottom, rgba(21,21,21,0) 0%, var(--cc-service-body-bg) 100%);
  pointer-events: none;
  z-index: 2;
}

#top #leistungs-teaser-kompakt .cc-home-teaser-image :is(img,.avia_image) {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#top #leistungs-teaser-kompakt .cc-home-teaser-image :is(.image-overlay,.image-overlay-inside) {
  display: none !important;
}

#top #leistungs-teaser-kompakt .cc-home-teaser-body {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  flex: 1 1 auto !important;
  min-height: 150px !important;
  padding: var(--cc-service-body-padding-top) var(--cc-service-body-padding-x) 0 !important;
  background: var(--cc-service-body-bg) !important;
  color: var(--cc-service-body-text) !important;
  box-sizing: border-box !important;
}

#top #leistungs-teaser-kompakt .cc-home-teaser-body h2 {
  margin: 0 0 12px !important;
  color: var(--go-white) !important;
  font-family: var(--cc-font-headline) !important;
  font-size: clamp(30px, 2.35vw, 40px) !important;
  line-height: 1.03 !important;
  font-weight: 700 !important;
}

#top #leistungs-teaser-kompakt .cc-home-teaser-body p {
  margin: 0 !important;
  color: var(--cc-service-body-text) !important;
  font-size: 16px !important;
  line-height: 1.58 !important;
}

#top #leistungs-teaser-kompakt .avia-button-wrap {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 22px var(--cc-service-body-padding-x) var(--cc-service-body-padding-bottom) !important;
  background: var(--cc-service-body-bg) !important;
  box-sizing: border-box !important;
}

#top #leistungs-teaser-kompakt .cc-home-teaser-button .avia-button,
#top #leistungs-teaser-kompakt .cc-home-teaser-button.avia-button,
#top #leistungs-teaser-kompakt .avia-button-wrap .avia-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 10px 17px !important;
  border: 1px solid var(--go-white) !important;
  border-radius: 0 !important;
  background: var(--go-red) !important;
  color: var(--go-white) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

#top #leistungs-teaser-kompakt .cc-home-teaser-button .avia-button :is(span,.avia_button_label),
#top #leistungs-teaser-kompakt .avia-button-wrap .avia-button :is(span,.avia_button_label) {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

#top #leistungs-teaser-kompakt .cc-home-teaser-button .avia-button:is(:hover,:focus),
#top #leistungs-teaser-kompakt .avia-button-wrap .avia-button:is(:hover,:focus) {
  background: #8f0000 !important;
  color: var(--go-white) !important;
  border-color: var(--go-white) !important;
  box-shadow: none !important;
}

@media only screen and (max-width: 989px) {
  #top #leistungs-teaser-kompakt {
    --cc-service-gap: 22px;
    --cc-service-image-height: 240px;
    --cc-service-body-padding-x: 24px;
    --cc-service-body-padding-top: 26px;
    --cc-service-body-padding-bottom: 22px;
  }
}

@media only screen and (max-width: 767px) {
  #top #leistungs-teaser-kompakt {
    --cc-service-gap: 18px;
    --cc-service-image-height: 220px;
    --cc-service-body-padding-x: 20px;
    --cc-service-body-padding-top: 24px;
    --cc-service-body-padding-bottom: 22px;
  }

  #top #leistungs-teaser-kompakt .container {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  #top #leistungs-teaser-kompakt .entry-content-wrapper {
    grid-template-columns: 1fr !important;
  }

  #top #leistungs-teaser-kompakt .cc-home-teaser-body {
    min-height: 0 !important;
  }
}

/* ==========================================================================
   END CC Startseite: Leistungsteaser 2x2
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.2
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Anfrageformular und Fluent Forms
   Initial: 2026-05-29, aktuell: 2026-06-13, Version: 1.7
   ========================================================================== */

#top .cc-form-box {
  padding:22px !important;
}

#top .cc-form-box :is(.fluentform,.ff-el-group) {
  font-size:15px !important;
}

#top .cc-form-box :is(input,select,textarea) {
  border-radius:14px !important;
  border-color:rgba(0,43,102,.16) !important;
}

#top .cc-form-box :is(button,.ff-btn-submit) {
  border-radius:var(--cc-button-radius) !important;
  font-weight:900 !important;
  background:var(--cc-blue) !important;
  color:var(--cc-white) !important;
  border:0 !important;
}

#top .cc-note-card .av-special-heading-tag {
  font-size:28px !important;
}

/* ==========================================================================
   END GO Anfrageformular und Fluent Forms
   Initial: 2026-05-29, aktuell: 2026-06-13, Version: 1.7
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Footer: ALB-Footer, Textfarbe, Logos und Social Media
   Initial: 2026-05-29, aktuell: 2026-06-13, Version: 1.8
   ========================================================================== */

#top :is(#footer,#socket,#cc-footer,.cc-footer) { background:var(--cc-blue) !important; color:var(--cc-white) !important; }
#top :is(#cc-footer,.cc-footer) { --cc-footer-logo-size:80px; --cc-footer-social-size:50px; font-size:15px !important; line-height:1.55 !important; }

#top :is(#footer,#socket,#cc-footer,.cc-footer),
#top :is(#footer,#socket,#cc-footer,.cc-footer) :is(p,li,strong,.textwidget,.widget,.widget_text,.av_textblock_section,.avia_textblock,.avia_textblock p,h1,h2,h3,h4,h5,h6,.av-special-heading-tag) { color:var(--cc-white) !important; }

#top :is(#footer,#socket,#cc-footer,.cc-footer) a { color:var(--cc-white) !important; text-decoration:none !important; }
#top :is(#footer,#socket,#cc-footer,.cc-footer) a:is(:hover,:focus) { color:var(--cc-yellow) !important; text-decoration:underline !important; }

#top :is(#cc-footer,.cc-footer) h3 { font-size:20px !important; line-height:1.25 !important; margin:0 0 14px !important; font-weight:800 !important; }
#top :is(#cc-footer,.cc-footer) p { margin:0 0 12px !important; }
#top :is(#cc-footer,.cc-footer) ul { margin:0 !important; padding:0 !important; list-style:none !important; }
#top :is(#cc-footer,.cc-footer) li { margin:0 0 7px !important; padding:0 !important; list-style:none !important; background:none !important; }
#top :is(#cc-footer,.cc-footer) li::before,
#top :is(#cc-footer,.cc-footer) li::after { display:none !important; content:none !important; }

#top :is(#cc-footer,.cc-footer) .flex_column.cc-footer-col { background:rgba(255,255,255,.08) !important; border-radius:4px !important; padding:24px !important; box-sizing:border-box !important; overflow:hidden !important; }
#top :is(#cc-footer,.cc-footer) .flex_column.cc-footer-col--contact { padding:20px 22px !important; }
#top :is(#cc-footer,.cc-footer) .cc-footer-col :is(.avia_textblock,.av_textblock_section) { margin:0 !important; }
#top :is(#cc-footer,.cc-footer) .cc-footer-inner { background:transparent !important; border:0 !important; border-radius:0 !important; padding:0 !important; margin:0 !important; width:100% !important; min-height:100% !important; display:flex !important; flex-direction:column !important; box-sizing:border-box !important; color:var(--cc-white) !important; }
#top :is(#cc-footer,.cc-footer) .cc-footer-col--contact p { margin-bottom:9px !important; }

#top :is(#cc-footer,.cc-footer) .cc-footer-logo-main { display:block !important; max-width:200px !important; height:auto !important; margin:0 0 12px !important; }
#top :is(#cc-footer,.cc-footer) .cc-footer-contact-intro { font-size:14px !important; line-height:1.45 !important; margin-bottom:12px !important; }

#top :is(#cc-footer,.cc-footer) .cc-footer-buttonrow { display:flex !important; flex-wrap:wrap !important; gap:10px !important; margin-top:auto !important; padding-top:16px !important; }
#top :is(#cc-footer,.cc-footer) .cc-footer-button,
#top :is(#cc-footer,.cc-footer) .cc-footer-social-link { display:inline-flex !important; align-items:center !important; justify-content:center !important; background:var(--go-red) !important; color:var(--cc-blue) !important; text-decoration:none !important; }
#top :is(#cc-footer,.cc-footer) .cc-footer-button { border-radius:999px !important; padding:10px 16px !important; font-weight:800 !important; line-height:1 !important; }
#top :is(#cc-footer,.cc-footer) :is(.cc-footer-button,.cc-footer-social-link):is(:hover,:focus) { background:var(--cc-white) !important; color:var(--cc-blue) !important; text-decoration:none !important; }

#top :is(#cc-footer,.cc-footer) :is(.cc-footer-logo-table-wrap,.cc-footer-social-table-wrap) { margin-top:auto !important; padding-top:24px !important; text-align:center !important; background:transparent !important; }
#top :is(#cc-footer,.cc-footer) :is(table.cc-footer-logo-table,table.cc-footer-social-table) { width:auto !important; margin:0 auto !important; padding:0 !important; border:0 !important; border-collapse:separate !important; border-spacing:20px 0 !important; background:transparent !important; }
#top :is(#cc-footer,.cc-footer) :is(table.cc-footer-logo-table,table.cc-footer-social-table) :is(tr,td) { margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; vertical-align:middle !important; text-align:center !important; }

#top :is(#cc-footer,.cc-footer) .cc-footer-partner-logo { display:block !important; width:var(--cc-footer-logo-size) !important; height:var(--cc-footer-logo-size) !important; max-width:var(--cc-footer-logo-size) !important; max-height:var(--cc-footer-logo-size) !important; object-fit:contain !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; }
#top :is(#cc-footer,.cc-footer) .cc-footer-social-link { width:var(--cc-footer-social-size) !important; height:var(--cc-footer-social-size) !important; min-width:var(--cc-footer-social-size) !important; min-height:var(--cc-footer-social-size) !important; border-radius:999px !important; line-height:1 !important; box-sizing:border-box !important; margin:0 !important; padding:0 !important; }
#top :is(#cc-footer,.cc-footer) .cc-footer-social-link svg { width:24px !important; height:24px !important; display:block !important; fill:currentColor !important; margin:0 !important; padding:0 !important; }
#top :is(#cc-footer,.cc-footer) .cc-footer-social-link--youtube svg { width:25px !important; height:25px !important; }

#top :is(#cc-footer,.cc-footer) .cc-footer-bottomline { border-top:1px solid rgba(255,255,255,.18) !important; padding-top:18px !important; margin-top:4px !important; font-size:13px !important; color:rgba(255,255,255,.72) !important; }

@media only screen and (max-width:989px) {
  #top :is(#cc-footer,.cc-footer) { --cc-footer-logo-size:76px; --cc-footer-social-size:48px; }
  #top :is(#cc-footer,.cc-footer) .flex_column.cc-footer-col { margin-bottom:20px !important; }
  #top :is(#cc-footer,.cc-footer) :is(.cc-footer-logo-table-wrap,.cc-footer-social-table-wrap,.cc-footer-buttonrow) { margin-top:18px !important; }
}

/* ==========================================================================
   END GO Footer: ALB-Footer, Textfarbe, Logos und Social Media
   Initial: 2026-05-29, aktuell: 2026-06-13, Version: 1.8
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Seitenspezifisch: Referenzen, Über uns und Kontakt
   Initial: 2026-06-01, aktuell: 2026-06-13, Version: 2.0
   ========================================================================== */

#top .cc-reference-logo-grid {
  --cc-reference-logo-height:190px;
  margin-top:22px;
}

#top .cc-reference-logo-grid .slide-entry {
  padding:10px;
}

#top .cc-reference-logo-grid .slide-image {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:var(--cc-reference-logo-height) !important;
  background:var(--cc-white) !important;
  border:1px solid var(--cc-border);
  border-radius:var(--cc-radius);
  box-shadow:var(--cc-shadow-soft);
  overflow:hidden !important;
}

#top .cc-reference-logo-grid .slide-image img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  transition:transform .22s ease, filter .22s ease, opacity .22s ease;
}

#top .cc-reference-logo-grid .slide-entry:hover .slide-image img {
  transform:scale(1.045);
  filter:saturate(1.08) contrast(1.04);
  opacity:.96;
}

#top .cc-reference-logo-note {
  max-width:760px;
  margin:0 auto 20px;
  text-align:center;
}

#top .cc-reference-logo-note p {
  margin-bottom:0;
}

@media only screen and (max-width:989px) {
  #top .cc-reference-logo-grid {
    --cc-reference-logo-height:165px;
  }
}

@media only screen and (max-width:560px) {
  #top .cc-reference-logo-grid .slide-entry {
    padding:6px;
  }

  #top .cc-reference-logo-grid {
    --cc-reference-logo-height:145px;
  }

  #top .cc-reference-logo-grid .slide-image {
    border-radius:18px;
  }
}

#top .cc-about-team-grid {
  --cc-about-team-image-height:245px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}

#top .cc-about-team-card {
  background:var(--cc-white);
  border:1px solid var(--cc-border);
  border-radius:var(--cc-radius);
  box-shadow:var(--cc-shadow-soft);
  overflow:hidden;
}

#top .cc-about-team-card img {
  display:block;
  width:100%;
  height:var(--cc-about-team-image-height);
  object-fit:cover;
}

#top .cc-about-team-card-content {
  padding:16px 15px 18px;
  text-align:center;
}

#top .cc-about-team-card h3 {
  margin:0 0 5px;
  color:var(--cc-blue);
  font-size:20px;
  line-height:1.12;
  font-weight:950;
  letter-spacing:-.02em;
}

#top .cc-about-team-card p {
  margin:0;
  color:var(--cc-text);
  font-size:14.5px;
  line-height:1.35;
}

@media only screen and (max-width:989px) {
  #top .cc-about-team-grid {
    --cc-about-team-image-height:230px;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media only screen and (max-width:560px) {
  #top .cc-about-team-grid {
    grid-template-columns:1fr;
  }

  #top .cc-about-team-card img {
    height:auto;
    aspect-ratio:1 / 1;
  }
}

#top .cc-map-section {
  --cc-map-radius:26px;
  --cc-map-shadow:0 10px 24px rgba(0,0,0,.16);
}

#top .cc-map-section .cc-map-card {
  border-radius:var(--cc-map-radius) !important;
  overflow:hidden !important;
  background:var(--cc-white) !important;
  box-shadow:var(--cc-map-shadow) !important;
}

#top .cc-map-section :is(
  .cc-google-map,
  .cc-map-rounded,
  .avia-google-map-container,
  .avia-google-map-container iframe,
  .avia-google-map-container .gm-style,
  .avia-google-map-container .gm-style > div
) {
  border-radius:var(--cc-map-radius) !important;
  overflow:hidden !important;
}

#top .cc-map-section .avia-google-map-container {
  box-shadow:none !important;
  display:block !important;
}

@media only screen and (max-width:767px) {
  #top .cc-map-section {
    --cc-map-radius:22px;
    --cc-map-shadow:0 8px 18px rgba(0,0,0,.14);
  }
}

/* ==========================================================================
   END GO Seitenspezifisch: Referenzen, Über uns und Kontakt
   Initial: 2026-06-01, aktuell: 2026-06-13, Version: 2.0
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Utilities: FAQ, Tabs, Anchor Offset und Responsive Helfer
   Initial: 2026-05-29, aktuell: 2026-06-13, Version: 2.4
   ========================================================================== */

#top .cc-faq-section .toggler {
  color:var(--cc-blue) !important;
  background:var(--cc-white) !important;
  font-size:17px !important;
  line-height:1.22 !important;
  font-weight:900 !important;
  padding:14px 18px !important;
  padding-right: 50px!important;	
}

#top .cc-faq-section .toggle_content {
  color:var(--cc-text) !important;
  background:var(--cc-white) !important;
  font-size:15px !important;
  line-height:1.55 !important;
  padding:16px 18px !important;
}

#scroll-top-link { right:90px !important; }

.vertical-padding-0 {
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.vertical-margin-0 {
  margin-top:0 !important;
  margin-bottom:0 !important;
}

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

  #top :is(.cc-four-card-row,.cc-three-card-row) .entry-content-wrapper {
    display:grid !important;
    gap:16px !important;
    align-items:stretch !important;
    grid-auto-flow:row !important;
    direction:ltr !important;
  }

  #top .cc-four-card-row .entry-content-wrapper { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  #top .cc-three-card-row .entry-content-wrapper { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }

  #top :is(.cc-four-card-row,.cc-three-card-row) .entry-content-wrapper > .av_one_full,
  #top :is(.cc-four-card-row,.cc-three-card-row) .entry-content-wrapper > :not(.flex_column):not(.av-flex-placeholder) {
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    direction:ltr !important;
  }

  #top :is(.cc-four-card-row,.cc-three-card-row) .entry-content-wrapper > .av_one_full {
    margin:0 !important;
  }

  #top :is(.cc-four-card-row,.cc-three-card-row) .entry-content-wrapper > .av-flex-placeholder,
  #top :is(.cc-four-card-row,.cc-three-card-row) .entry-content-wrapper > .flex_column:empty,
  #top :is(.cc-four-card-row,.cc-three-card-row) .entry-content-wrapper > .flex_column:not(:has(*)) {
    display:none !important;
  }

  #top :is(.cc-four-card-row,.cc-three-card-row) .entry-content-wrapper > .flex_column {
    float:none !important;
    clear:none !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    direction:ltr !important;
  }

  body#top #wrap_all :is(#schnellwahl,#kontakt-oeffnungszeiten).cc-four-card-row .entry-content-wrapper {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    align-items:stretch !important;
    grid-auto-flow:row !important;
    direction:ltr !important;
  }

  body#top #wrap_all :is(#schnellwahl,#kontakt-oeffnungszeiten).cc-four-card-row .entry-content-wrapper > .flex_column {
    display:flex !important;
    float:none !important;
    clear:none !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    transform:none !important;
    direction:ltr !important;
  }

  body#top #wrap_all :is(#schnellwahl,#kontakt-oeffnungszeiten).cc-four-card-row .entry-content-wrapper > .flex_column:nth-of-type(odd) { grid-column:1 !important; }
  body#top #wrap_all :is(#schnellwahl,#kontakt-oeffnungszeiten).cc-four-card-row .entry-content-wrapper > .flex_column:nth-of-type(even) { grid-column:2 !important; }
  body#top #wrap_all :is(#schnellwahl,#kontakt-oeffnungszeiten).cc-four-card-row .entry-content-wrapper > .flex_column:nth-of-type(-n+2) { grid-row:1 !important; }
  body#top #wrap_all :is(#schnellwahl,#kontakt-oeffnungszeiten).cc-four-card-row .entry-content-wrapper > .flex_column:nth-of-type(n+3) { grid-row:2 !important; }

  body#top #wrap_all :is(#schnellwahl,#kontakt-oeffnungszeiten).cc-four-card-row .entry-content-wrapper > .flex_column > .iconbox {
    display:flex !important;
    flex:1 1 auto !important;
    width:100% !important;
    height:100% !important;
    min-height:175px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  body#top #wrap_all :is(#schnellwahl,#kontakt-oeffnungszeiten).cc-four-card-row .entry-content-wrapper > .flex_column > .iconbox > .iconbox_content {
    position:relative !important;
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    width:calc(100% - 20px) !important;
    max-width:none !important;
    height:calc(100% - 34px) !important;
    min-height:150px !important;
    margin:24px 10px 10px !important;
    padding:42px 18px 18px !important;
    box-sizing:border-box !important;
  }

  body#top #wrap_all :is(#schnellwahl,#kontakt-oeffnungszeiten).cc-four-card-row .iconbox_content > header.entry-content-header,
  body#top #wrap_all :is(#schnellwahl,#kontakt-oeffnungszeiten).cc-four-card-row .iconbox_content :is(header,.iconbox_content_container) {
    width:100% !important;
    max-width:none !important;
    text-align:center !important;
  }

  body#top #wrap_all :is(#schnellwahl,#kontakt-oeffnungszeiten).cc-four-card-row .iconbox_content > header.entry-content-header {
    display:block !important;
    margin:0 0 10px !important;
    padding:0 !important;
  }

  body#top #wrap_all :is(#schnellwahl,#kontakt-oeffnungszeiten).cc-four-card-row .iconbox_content > header.entry-content-header > .iconbox_icon {
    position:absolute !important;
    top:-22px !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    float:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    transform:translateX(-50%) !important;
    z-index:2 !important;
  }

  body#top #wrap_all :is(#schnellwahl,#kontakt-oeffnungszeiten).cc-four-card-row .iconbox_content > header.entry-content-header > .iconbox_content_title {
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
  }

  body#top #wrap_all :is(#schnellwahl,#kontakt-oeffnungszeiten).cc-four-card-row .iconbox_content :is(h2,h3,p) {
    max-width:none !important;
  }

  #top :is(.cc-feature-card,.cc-decision-card,.cc-step-card) { min-height:175px !important; }
}

@media only screen and (max-width:989px) {
  #top :is(.cc-service-hero,.cc-form-hero,.cc-home-hero) .container {
    padding-top:var(--cc-first-section-offset-tablet) !important;
    padding-bottom:42px !important;
  }

  #top :is(.cc-section-white,.cc-section-soft,.cc-section-blue,.cc-section-yellow,.cc-home-section) .container {
    padding-top:30px !important;
    padding-bottom:30px !important;
  }

  #top .cc-hero-copy { padding-right:0 !important; }
  #top .cc-overlap-card { margin-top:0 !important; }
  #top .cc-overlap-strip .container { padding-top:22px !important; }
  #top .cc-hero-heading .av-special-heading-tag { font-size:40px !important; }
  #top :is(.cc-split-image,.cc-image-card) img { height:270px !important; }
  #top .cc-panel { min-height:0 !important; }

  #top .cc-teaser-grid-row {
    margin-left:18px !important;
    margin-right:18px !important;
  }

  #top .cc-teaser-grid-row .flex_cell { min-height:260px !important; }
}

@media only screen and (max-width:767px) {
  #top :is(.cc-service-hero,.cc-form-hero,.cc-home-hero) .container {
    padding-top:var(--cc-first-section-offset-mobile) !important;
    padding-bottom:34px !important;
  }

  #top .cc-hero-heading .av-special-heading-tag { font-size:36px !important; }
  #top .cc-hero-heading :is(.av-subheading,.av-subheading p) { font-size:16px !important; }
  #top .cc-hero-image img { height:235px !important; }
  #top :is(.cc-split-image,.cc-image-card) img { height:220px !important; }
  #top :is(.cc-feature-card,.cc-decision-card,.cc-step-card) { min-height:0 !important; }
  #top .cc-form-box { padding:16px !important; }

  #top .cc-teaser-grid-row {
    margin-left:12px !important;
    margin-right:12px !important;
  }

  #top .cc-teaser-grid-row .flex_cell { min-height:220px !important; }
  #top :is(.cc-home-card,.cc-home-content,.cc-benefit-box) { padding:22px !important; }
}

#top .cc-mobile-tabs-top .tab_titles .tab {
  color:var(--cc-blue) !important;
  font-size:16px;
  font-weight:700;
  line-height:1.25;
  text-align:center;
  text-decoration:none;
}

#top .cc-mobile-tabs-top .tab_titles .tab:is(.active_tab,:hover,:focus) {
  color:var(--cc-white) !important;
  background:var(--cc-blue) !important;
  text-decoration:none;
}

#top .cc-mobile-tabs-top .tab_content,
#top .cc-mobile-tabs-top .tab_content :is(h2,h3,h4,p,label) {
  color:var(--cc-blue);
}

#top .cc-mobile-tabs-top .tab_content {
  font-size:17px;
  line-height:1.5;
}

#top .cc-mobile-tabs-top .tab_content :is(h2,h3,h4) { font-weight:800; }
#top .cc-mobile-tabs-top .tab_content label { font-weight:600; }

@media only screen and (max-width:767px) {
  #top .cc-mobile-tabs-top .tab_titles {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px;
    width:100% !important;
    float:none !important;
    clear:both !important;
    margin:0 0 18px !important;
  }

  #top .cc-mobile-tabs-top .tab_titles .tab {
    display:flex !important;
    flex:1 1 calc(50% - 8px);
    align-items:center;
    justify-content:center;
    min-width:135px;
    width:auto !important;
    float:none !important;
    margin:0 !important;
    padding:10px 12px !important;
    box-sizing:border-box;
    white-space:normal !important;
  }

  #top .cc-mobile-tabs-top .av_tab_section > .tab { display:none !important; }

  #top .cc-mobile-tabs-top .tab_content {
    width:100% !important;
    clear:both !important;
    box-sizing:border-box;
  }
}

#top {
  --cc-anchor-offset-desktop:205px;
  --cc-anchor-offset-mobile:180px;
}

html { scroll-padding-top:var(--cc-anchor-offset-desktop); }

#top #main [id],
#top #main :is(.avia-section[id],.av-layout-grid-container[id],.avia-builder-el[id],.avia_codeblock_section[id]) {
  scroll-margin-top:var(--cc-anchor-offset-desktop) !important;
}

@media only screen and (max-width:989px) {
  html { scroll-padding-top:var(--cc-anchor-offset-mobile); }

  #top #main [id],
  #top #main :is(.avia-section[id],.av-layout-grid-container[id],.avia-builder-el[id],.avia_codeblock_section[id]) {
    scroll-margin-top:var(--cc-anchor-offset-mobile) !important;
  }
}

/* ==========================================================================
   END GO Utilities: FAQ, Tabs, Anchor Offset und Responsive Helfer
   Initial: 2026-05-29, aktuell: 2026-06-13, Version: 2.4
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Enfold Farbsektion Video Cover, Hero
   Initial: 2026-06-16, aktuell: 2026-06-16, Version: 1.0
   ========================================================================== */



/* ------------------------------------------------------------
   0. Stellschrauben
------------------------------------------------------------ */

#top {
  /* Desktop / Querformat */
  --cc-video-hero-height-desktop: clamp(330px, 30vw, 630px);
  --cc-video-hero-height-desktop: clamp(500px, 25vw, 540px);

  /* Tablet */
  --cc-video-hero-height-tablet: clamp(500px, 42vw, 520px);

  /* Mobile Hochformat */
  --cc-video-hero-height-mobile-portrait: clamp(420px, 62svh, 620px);
  --cc-video-hero-height-mobile-portrait: clamp(500px, 62svh, 500px);

  /* Mobile Querformat */
  --cc-video-hero-height-mobile-landscape: clamp(260px, 72svh, 390px);

  /* Bildausschnitt */
  --cc-video-hero-position-desktop: center center;
  --cc-video-hero-position-mobile: center center;
}

/* ------------------------------------------------------------
   1. Farbsektion als definierter Video-Rahmen
------------------------------------------------------------ */

#top .cc-video-hero-section,
#top .cc-video-hero-section.avia-section,
#top .cc-video-hero-section.av-minimum-height {
  --cc-video-hero-current-height: var(--cc-video-hero-height-desktop);

  position: relative !important;
  width: 100% !important;
  max-width: none !important;

  height: var(--cc-video-hero-current-height) !important;
  min-height: var(--cc-video-hero-current-height) !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

/*  background: #000000 !important;*/

  /*
    Wichtig:
    overflow bleibt hier sichtbar, damit z. B. Badge/Overlay nicht abgeschnitten wird.
    Geschnitten wird nur der Video-Hintergrund selbst.
  */
  overflow: visible !important;
}

/* Enfold-Container innerhalb der Farbsektion */
#top .cc-video-hero-section > .container,
#top .cc-video-hero-section .container {
  position: relative !important;
  z-index: 5 !important;

  height: 100% !important;
  min-height: var(--cc-video-hero-current-height) !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;

  box-sizing: border-box !important;
}

/* ------------------------------------------------------------
   2. Enfold Video-Hintergrund vollflächig machen
------------------------------------------------------------ */

#top .cc-video-hero-section .av-section-video-bg,
#top .cc-video-hero-section .av-section-video-bg-wrap,
#top .cc-video-hero-section .avia-video,
#top .cc-video-hero-section .avia-video-inner {
  position: absolute !important;

  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;

  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
/*  background: #000000 !important;*/

  z-index: 1 !important;
  pointer-events: none !important;
}

/* ------------------------------------------------------------
   3. HTML5-/Self-hosted-Video: echtes Cover-Verhalten
------------------------------------------------------------ */

#top .cc-video-hero-section video,
#top .cc-video-hero-section .av-section-video-bg video,
#top .cc-video-hero-section .avia-video video,
#top .cc-video-hero-section .wp-video-shortcode {
  position: absolute !important;

  top: 0 !important;
  left: 0 !important;

  width: 100% !important;
  height: 100% !important;

  min-width: 100% !important;
  min-height: 100% !important;

  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: cover !important;
  object-position: var(--cc-video-hero-position-desktop) !important;

  transform: none !important;
/*  background: #000000 !important;*/
}

/* WordPress MediaElement-Wrapper */
#top .cc-video-hero-section .mejs-container,
#top .cc-video-hero-section .mejs-inner,
#top .cc-video-hero-section .mejs-mediaelement {
  position: absolute !important;

  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;

  width: 100% !important;
  height: 100% !important;

  min-width: 100% !important;
  min-height: 100% !important;

  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
/*  background: #000000 !important;*/
}

/* Bedienelemente bei Hintergrundvideo ausblenden */
#top .cc-video-hero-section .mejs-controls,
#top .cc-video-hero-section .mejs-overlay,
#top .cc-video-hero-section .mejs-layers {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* ------------------------------------------------------------
   4. YouTube-/Iframe-Video: Cover simulieren
------------------------------------------------------------ */

#top .cc-video-hero-section iframe,
#top .cc-video-hero-section .av-section-video-bg iframe {
  position: absolute !important;

  top: 50% !important;
  left: 50% !important;

  width: max(100%, calc(var(--cc-video-hero-current-height) * 1.7778)) !important;
  height: max(100%, 56.25vw) !important;

  min-width: 100% !important;
  min-height: 100% !important;

  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: translate(-50%, -50%) !important;

  border: 0 !important;
/*  background: #000000 !important;*/
  pointer-events: none !important;
}

/* ------------------------------------------------------------
   5. Overlays/Inhalte korrekt schichten
------------------------------------------------------------ */

#top .cc-video-hero-section .av-section-color-overlay,
#top .cc-video-hero-section .av-section-color-overlay-wrap {
  position: absolute !important;
  z-index: 2 !important;
}

#top .cc-video-hero-section .av-special-heading,
#top .cc-video-hero-section .avia_textblock,
#top .cc-video-hero-section .avia-button-wrap,
#top .cc-video-hero-section .cc-badge,
#top .cc-video-hero-section .cc-hero-badge,
#top .cc-video-hero-section .cc-leihwagen-badge {
  position: relative !important;
  z-index: 10 !important;
}

/* ------------------------------------------------------------
   6. Tablet
------------------------------------------------------------ */

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

  #top .cc-video-hero-section,
  #top .cc-video-hero-section.avia-section,
  #top .cc-video-hero-section.av-minimum-height {
    --cc-video-hero-current-height: var(--cc-video-hero-height-tablet);

    height: var(--cc-video-hero-current-height) !important;
    min-height: var(--cc-video-hero-current-height) !important;
  }
}

/* ------------------------------------------------------------
   7. Mobile Hochformat
------------------------------------------------------------ */

@media only screen and (max-width: 767px) and (orientation: portrait) {

  #top .cc-video-hero-section,
 #top .cc-video-hero-section.avia-section,
  #top .cc-video-hero-section.av-minimum-height {
    --cc-video-hero-current-height: var(--cc-video-hero-height-mobile-portrait);

    height: var(--cc-video-hero-current-height) !important;
    min-height: var(--cc-video-hero-current-height) !important;
  }

  #top .cc-video-hero-section video,
  #top .cc-video-hero-section .av-section-video-bg video,
  #top .cc-video-hero-section .avia-video video,
  #top .cc-video-hero-section .wp-video-shortcode {
    object-position: var(--cc-video-hero-position-mobile) !important;
  }
}

/* ------------------------------------------------------------
   8. Mobile Querformat
------------------------------------------------------------ */

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

  #top .cc-video-hero-section,
  #top .cc-video-hero-section.avia-section,
  #top .cc-video-hero-section.av-minimum-height {
    --cc-video-hero-current-height: var(--cc-video-hero-height-mobile-landscape);

    height: var(--cc-video-hero-current-height) !important;
    min-height: var(--cc-video-hero-current-height) !important;
  }

  #top .cc-video-hero-section video,
  #top .cc-video-hero-section .av-section-video-bg video,
  #top .cc-video-hero-section .avia-video video,
  #top .cc-video-hero-section .wp-video-shortcode {
    object-position: center center !important;
  }
}

/* ------------------------------------------------------------
   9. Sehr kleine Screens
------------------------------------------------------------ */

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

  #top .cc-video-hero-section,
  #top .cc-video-hero-section.avia-section,
  #top .cc-video-hero-section.av-minimum-height {
    --cc-video-hero-current-height: clamp(390px, 58svh, 560px);
    --cc-video-hero-current-height: clamp(490px, 58svh, 560px);
  }
}

/* ==========================================================================
   END GO Enfold Farbsektion Video Cover, Hero
   Initial: 2026-06-16, aktuell: 2026-06-16, Version: 1.0
   ========================================================================== */


/* ===== GO VERSIONER — ENDE ===== */

/* ==========================================================================
   BEGIN GO Eigener Bereich unten
   Initial: 2026-06-17, aktuell: 2026-06-22, Version: 0.2
   ========================================================================== */

@media only screen and (min-width: 768px) {
.mobile-only {
	display: none!important;
	font-size: 30px;
}
}

.displaynone {
	display: none!important;
}

/* ==========================================================================
   BEGIN GO Header: Home nur im Mobile-Burger anzeigen
   Initial: 2026-06-17, aktuell: 2026-06-22, Version: 0.2
   ========================================================================== */

/* Home im normalen Desktop-Header sicher ausblenden */
@media only screen and (min-width: 990px) {
  #top #header_main #menu-item-2710,
  #top #header_main .main_menu #menu-item-2710,
  #top #avia-menu #menu-item-2710 {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }
}

/* Home im mobilen Burger-/Overlay-Menü sichtbar machen */
@media only screen and (max-width: 989px) {
  html.av-burger-overlay-active #top .av-burger-overlay-inner #menu-item-2710,
  html.html_av-overlay-side #top .av-burger-overlay-inner #menu-item-2710,
  #top .av-burger-overlay-inner #menu-item-2710 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html.av-burger-overlay-active #top .av-burger-overlay-inner #menu-item-2710 > a,
  html.html_av-overlay-side #top .av-burger-overlay-inner #menu-item-2710 > a,
  #top .av-burger-overlay-inner #menu-item-2710 > a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* ==========================================================================
   END GO Header: Home nur im Mobile-Burger anzeigen
   Initial: 2026-06-17, aktuell: 2026-06-22, Version: 0.2
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Burger Overlay: Firmenkunden-Rahmen kompakt und bündig
   Initial: 2026-06-17, aktuell: 2026-06-22, Version: 0.2
   ========================================================================== */

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

  /* Nur Sonderpunkt Firmenkunden */
  html.av-burger-overlay-active #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li.border-firmenkunden,
  html.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li.border-firmenkunden {
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
   padding-left: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html.av-burger-overlay-active #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li.border-firmenkunden > a,
  html.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li.border-firmenkunden > a {
    display: inline-flex !important;
    width: auto !important;
    max-width: calc(100% - 52px) !important;

    align-items: center !important;
    justify-content: flex-start !important;

    /*
      26px margin + 24px padding = Text beginnt bei ca. 50px,
      also bündig mit HOME / AUTOGLAS / ÜBER UNS.
    */
    margin-left: -150px !important;
    padding: 14px 24px !important;

    border: 1px solid var(--go-red) !important;
    border-radius: var(--cc-button-radius) !important;

    color: var(--go-black) !important;
    background: transparent !important;

    box-sizing: border-box !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }
}

/* ==========================================================================
   END GO Burger Overlay: Firmenkunden-Rahmen kompakt und bündig
   Initial: 2026-06-17, aktuell: 2026-06-22, Version: 0.2
   ========================================================================== */


/* ==========================================================================
   END GO Eigener Bereich unten
   Initial: 2026-06-17, aktuell: 2026-06-22, Version: 0.2
   ========================================================================== */

/* ========================================================================== 
   BEGIN CC Startseite: Mercedes-Korrektur und Altfarben-Neutralisierung
   Initial: 2026-06-22, aktuell: 2026-06-22, Version: 0.1
   ========================================================================== */

#top .cc-home-original-hero + .cc-content-page .container,
#top .cc-home-original-hero ~ .cc-content-page .container,
#top #leistungs-teaser-kompakt .container {
  max-width:var(--cc-content-width) !important;
}

/* Rot nur als Akzent, nicht als große Fläche. */
#top :is(#leistungs-teaser-kompakt,#anfrage,.cc-section-yellow,.cc-card-yellow,.cc-panel-yellow,.cc-overlap-strip) {
  background:var(--go-lightgrey) !important;
  background-color:var(--go-lightgrey) !important;
  background-image:none !important;
}

#top :is(.cc-card-yellow,.cc-panel-yellow) {
  border-color:var(--go-border) !important;
}

#top :is(.cc-section-blue,#standort-einzugsgebiet,.cc-panel-blue,.cc-card-blue) {
  background:var(--go-black) !important;
  background-color:var(--go-black) !important;
  background-image:none !important;
}

/* Champagnegold und alte Grün-/Blau-Akzente neutralisieren. */
#top [style*="C8B15A"],
#top [style*="c8b15a"],
#top [style*="f2b400"],
#top [style*="19b85a"] {
  border-color:var(--go-border) !important;
}

/* Enfold-Iconlisten: schwarze Hakerl, keine Verbindungslinie. */
#top .avia-icon-list .iconlist-timeline,
#top .avia-icon-list .iconlist-timeline-wrapper,
#top .avia-icon-list::before,
#top .avia-icon-list li::before,
#top .avia-icon-list li::after {
  display:none !important;
  content:none !important;
  border:0 !important;
  background:transparent !important;
}

#top .avia-icon-list .iconlist_icon,
#top .avia-icon-list .iconlist_icon * {
  background:var(--go-icon-bg) !important;
  border-color:var(--go-icon-bg) !important;
  color:var(--go-white) !important;
}

#top .avia-icon-list .iconlist_icon {
  box-shadow:none !important;
}

#top .cc-step-card-active .avia-icon-list .iconlist_icon,
#top .cc-decision-card:nth-child(2) .iconbox_icon {
  background:var(--go-icon-active-bg) !important;
  border-color:var(--go-icon-active-bg) !important;
}

/* Aktions- und Inline-Buttons in Altfarben in Mercedes-System zwingen. */
#top .avia-button,
#top .avia-buttonrow-wrap a {
  box-shadow:none !important;
  border-radius:0 !important;
}

#top .cc-section-blue .avia-button,
#top .cc-panel-blue .avia-button {
  border:1px solid var(--go-white) !important;
  background:var(--go-black) !important;
  color:var(--go-white) !important;
}

#top .cc-section-yellow .avia-button,
#top #anfrage .avia-button {
  border:1px solid var(--go-black) !important;
  background:var(--go-black) !important;
  color:var(--go-white) !important;
}

#top #anfrage :is(h1,h2,h3,h4,p,li,.avia_textblock) {
  color:var(--go-black) !important;
}

/* Aktive Karten ohne Blau/Grün/Gelb. */
#top :is(.cc-step-card-active,.cc-decision-card .iconbox_icon) {
  box-shadow:none !important;
}

/* ========================================================================== 
   END CC Startseite: Mercedes-Korrektur und Altfarben-Neutralisierung
   Initial: 2026-06-22, aktuell: 2026-06-22, Version: 0.1
   ========================================================================== */


/* ========================================================================== 
   BEGIN CC Startseite: Versicherung Split ohne Box
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.6
   ========================================================================== */

#top #versicherung-mobilitaet {
  --cc-mobility-gap: var(--cc-service-gap, 30px);
  --cc-mobility-image-height: 500px;
  --cc-mobility-section-padding: 58px;
  background: var(--go-white) !important;
  background-color: var(--go-white) !important;
  border: 0 !important;
  box-shadow: none !important;
}

#top #versicherung-mobilitaet .container {
  max-width: var(--cc-content-width) !important;
  padding-top: var(--cc-mobility-section-padding) !important;
  padding-bottom: var(--cc-mobility-section-padding) !important;
}

#top #versicherung-mobilitaet :is(.content,.template-page) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Gleiche Layoutlogik wie Leistungsteaser: kein Abschnitts-Offset, gleiche Containerbreite, gleicher Gap. */
/* R28: beide Spalten starten oben, Bildkante fluchtet mit der Headline rechts. */
#top #versicherung-mobilitaet .entry-content-wrapper {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: var(--cc-mobility-gap) !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
}

#top #versicherung-mobilitaet :is(.entry-content-wrapper > .flex_column,.cc-c-split-image-col,.cc-c-split-content) {
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  width: calc((100% - var(--cc-mobility-gap)) / 2) !important;
  max-width: calc((100% - var(--cc-mobility-gap)) / 2) !important;
  min-width: 0 !important;
  flex: 0 0 calc((100% - var(--cc-mobility-gap)) / 2) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#top #versicherung-mobilitaet .cc-c-split-image-col {
  align-items: stretch !important;
  justify-content: flex-start !important;
}

#top #versicherung-mobilitaet .cc-c-split-content {
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

#top #versicherung-mobilitaet .cc-c-split-image,
#top #versicherung-mobilitaet .cc-c-split-image.avia-image-container,
#top #versicherung-mobilitaet .cc-c-split-image :is(.avia-image-container-inner,.avia_image_wrap,a,picture,img,.avia_image) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: var(--cc-mobility-image-height) !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#top #versicherung-mobilitaet .cc-c-split-image :is(img,.avia_image) {
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#top #versicherung-mobilitaet .cc-c-split-image :is(.image-overlay,.image-overlay-inside) {
  display: none !important;
}

#top #versicherung-mobilitaet .cc-c-mobility-heading {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 0 28px !important;
}

#top #versicherung-mobilitaet .cc-c-mobility-heading h2 {
  margin: 0 0 14px !important;
  color: var(--go-black) !important;
  font-family: var(--cc-font-headline) !important;
  font-size: clamp(36px, 3vw, 52px) !important;
  line-height: 1.03 !important;
  font-weight: 700 !important;
}

#top #versicherung-mobilitaet .cc-c-mobility-heading p {
  margin: 0 !important;
  color: var(--go-text) !important;
  font-size: 17px !important;
  line-height: 1.58 !important;
}

#top #versicherung-mobilitaet .avia-icon-list-container,
#top #versicherung-mobilitaet .avia-icon-list,
#top #versicherung-mobilitaet .avia-icon-list li {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#top #versicherung-mobilitaet .avia-icon-list {
  display: grid !important;
  gap: 22px !important;
  padding: 0 !important;
}

#top #versicherung-mobilitaet .avia-icon-list .iconlist-timeline,
#top #versicherung-mobilitaet .avia-icon-list .iconlist-timeline-wrapper,
#top #versicherung-mobilitaet .avia-icon-list::before,
#top #versicherung-mobilitaet .avia-icon-list li::before,
#top #versicherung-mobilitaet .avia-icon-list li::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  background: transparent !important;
}

#top #versicherung-mobilitaet .avia-icon-list li {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  column-gap: 18px !important;
  align-items: start !important;
  min-height: 0 !important;
  padding: 0 !important;
}

#top #versicherung-mobilitaet .avia-icon-list .iconlist_icon {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  margin: 2px 0 0 !important;
  background: var(--go-black) !important;
  border: 1px solid var(--go-black) !important;
  border-radius: 50% !important;
  color: var(--go-white) !important;
  box-shadow: none !important;
}

#top #versicherung-mobilitaet .avia-icon-list .iconlist_icon * {
  color: var(--go-white) !important;
  background: transparent !important;
}

#top #versicherung-mobilitaet .avia-icon-list .article-icon-entry,
#top #versicherung-mobilitaet .avia-icon-list .iconlist_content_wrap {
  min-height: 0 !important;
  padding: 0 !important;
}

#top #versicherung-mobilitaet .avia-icon-list .iconlist_title {
  margin: 0 0 5px !important;
  color: var(--go-black) !important;
  font-family: var(--cc-font-headline) !important;
  font-size: 27px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
}

#top #versicherung-mobilitaet .avia-icon-list .iconlist_content,
#top #versicherung-mobilitaet .avia-icon-list .iconlist_content p {
  margin: 0 !important;
  color: var(--go-text) !important;
  font-size: 15.5px !important;
  line-height: 1.52 !important;
}

#top #versicherung-mobilitaet .avia-buttonrow-wrap {
  margin-top: 30px !important;
  margin-bottom: 0 !important;
}

#top #versicherung-mobilitaet .avia-buttonrow-wrap .avia-button {
  min-height: 42px !important;
  padding: 11px 18px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 650 !important;
}

#top #versicherung-mobilitaet .avia-buttonrow-wrap .avia-button:first-child {
  border: 1px solid var(--go-red) !important;
  background: var(--go-red) !important;
  color: var(--go-white) !important;
}

#top #versicherung-mobilitaet .avia-buttonrow-wrap .avia-button:last-child {
  border: 1px solid var(--go-black) !important;
  background: var(--go-black) !important;
  color: var(--go-white) !important;
}

#top #versicherung-mobilitaet .avia-buttonrow-wrap .avia-button:is(:hover,:focus) {
  background: var(--go-white) !important;
  color: var(--go-black) !important;
  border-color: var(--go-black) !important;
}

@media only screen and (min-width: 1600px) {
  #top #versicherung-mobilitaet { --cc-mobility-image-height: 540px; }
}

@media only screen and (max-width: 989px) {
  #top #versicherung-mobilitaet {
    --cc-mobility-section-padding: 44px;
    --cc-mobility-image-height: 380px;
  }

  #top #versicherung-mobilitaet .entry-content-wrapper {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    transform: none !important;
  }

  #top #versicherung-mobilitaet :is(.entry-content-wrapper > .flex_column,.cc-c-split-image-col,.cc-c-split-content) {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: auto !important;
  }

  #top #versicherung-mobilitaet .cc-c-mobility-heading h2 {
    font-size: clamp(32px, 6vw, 42px) !important;
  }
}

@media only screen and (max-width: 479px) {
  #top #versicherung-mobilitaet {
    --cc-mobility-section-padding: 34px;
    --cc-mobility-image-height: 260px;
  }

  #top #versicherung-mobilitaet .avia-icon-list li {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    column-gap: 14px !important;
  }

  #top #versicherung-mobilitaet .avia-icon-list .iconlist_icon {
    width: 38px !important;
    height: 38px !important;
  }

  #top #versicherung-mobilitaet .avia-icon-list .iconlist_title {
    font-size: 23px !important;
  }
}

/* ========================================================================== 
   END CC Startseite: Versicherung Split ohne Box
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.6
   ========================================================================== */

/* ==========================================================================
   BEGIN CC Release-Marker
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top .cc-release-info-text {
  display: none !important;
}

/* ==========================================================================
   END CC Release-Marker
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ========================================================================== 
   BEGIN CC Startseite: Layoutsystem und Abschnittsfarben
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top {
  --cc-layout-width: var(--cc-content-width, 1680px);
  --cc-layout-edge-desktop: clamp(40px, 6vw, 96px);
  --cc-layout-edge-tablet: 32px;
  --cc-layout-edge-mobile: 20px;
  --cc-layout-gap: 30px;
  --cc-layout-gap-tablet: 24px;
  --cc-layout-gap-mobile: 18px;

  --cc-sec-white-bg: #ffffff;
  --cc-sec-soft-bg: #f7f7f5;
  --cc-sec-light-bg: #f2f2f2;
  --cc-sec-medium-bg: #d9d9d9;
  --cc-sec-dark-bg: #151515;
  --cc-sec-black-bg: #050505;
}

#top .cc-layout {
  --cc-layout-edge: var(--cc-layout-edge-desktop);
  --cc-layout-current-gap: var(--cc-layout-gap);
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#top .cc-sec-white { background: var(--cc-sec-white-bg) !important; }
#top .cc-sec-soft { background: var(--cc-sec-soft-bg) !important; }
#top .cc-sec-light { background: var(--cc-sec-light-bg) !important; }
#top .cc-sec-medium { background: var(--cc-sec-medium-bg) !important; }
#top .cc-sec-dark { background: var(--cc-sec-dark-bg) !important; }
#top .cc-sec-black { background: var(--cc-sec-black-bg) !important; }

#top .cc-layout .container {
  width: min(var(--cc-layout-width), calc(100% - (2 * var(--cc-layout-edge)))) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

#top .cc-layout :is(.content, .template-page) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#top .cc-layout .entry-content-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

#top .cc-layout:is(.cc-layout-1col, .cc-layout-2col, .cc-layout-3col, .cc-layout-4col) .entry-content-wrapper {
  display: grid !important;
  gap: var(--cc-layout-current-gap) !important;
  align-items: start !important;
}

#top .cc-layout-1col .entry-content-wrapper { grid-template-columns: 1fr !important; }
#top .cc-layout-2col .entry-content-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
#top .cc-layout-3col .entry-content-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
#top .cc-layout-4col .entry-content-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }

#top .cc-layout .entry-content-wrapper > .flex_column {
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#top .cc-layout .entry-content-wrapper > .av_one_full {
  grid-column: 1 / -1 !important;
}

#top .cc-sec-dark :is(.cc-section-heading h2, .cc-section-heading h3, .cc-section-heading p),
#top .cc-sec-black :is(.cc-section-heading h2, .cc-section-heading h3, .cc-section-heading p) {
  color: var(--go-white) !important;
}

#top .cc-sec-dark .cc-section-heading p,
#top .cc-sec-black .cc-section-heading p {
  color: rgba(255,255,255,.78) !important;
}

#top .cc-sec-final-cta .cc-final-cta-card {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
  #top .cc-layout {
    --cc-layout-edge: var(--cc-layout-edge-tablet);
    --cc-layout-current-gap: var(--cc-layout-gap-tablet);
  }

  #top .cc-layout-3col .entry-content-wrapper,
  #top .cc-layout-4col .entry-content-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media only screen and (max-width: 767px) {
  #top .cc-layout {
    --cc-layout-edge: var(--cc-layout-edge-mobile);
    --cc-layout-current-gap: var(--cc-layout-gap-mobile);
  }

  #top .cc-layout-2col .entry-content-wrapper,
  #top .cc-layout-3col .entry-content-wrapper,
  #top .cc-layout-4col .entry-content-wrapper {
    grid-template-columns: 1fr !important;
  }
}

/* ========================================================================== 
   END CC Startseite: Layoutsystem und Abschnittsfarben
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */



/* ========================================================================== 
   BEGIN CC Startseite: 2-Spalten-Fix Standort und Folierung
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top :is(#standort-einzugsgebiet, #folierung-und-karosserie) {
  --cc-local-gap: var(--cc-layout-gap);
}

#top :is(#standort-einzugsgebiet, #folierung-und-karosserie) .entry-content-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: var(--cc-local-gap) !important;
}

#top :is(#standort-einzugsgebiet, #folierung-und-karosserie) .entry-content-wrapper > .flex_column {
  float: none !important;
  clear: none !important;
  width: calc((100% - var(--cc-local-gap)) / 2) !important;
  margin: 0 !important;
  flex: 0 0 calc((100% - var(--cc-local-gap)) / 2) !important;
  max-width: calc((100% - var(--cc-local-gap)) / 2) !important;
  min-width: 0 !important;
  order: initial !important;
  align-self: flex-start !important;
}

#top #standort-einzugsgebiet .entry-content-wrapper > .flex_column.first,
#top #folierung-und-karosserie .entry-content-wrapper > .flex_column.first {
  order: 1 !important;
}

#top #standort-einzugsgebiet .entry-content-wrapper > .flex_column:not(.first),
#top #folierung-und-karosserie .entry-content-wrapper > .flex_column:not(.first) {
  order: 2 !important;
}

@media only screen and (max-width: 767px) {
  #top :is(#standort-einzugsgebiet, #folierung-und-karosserie) .entry-content-wrapper {
    gap: var(--cc-layout-gap-mobile) !important;
  }

  #top :is(#standort-einzugsgebiet, #folierung-und-karosserie) .entry-content-wrapper > .flex_column {
    width: 100% !important;
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}

/* ========================================================================== 
   END CC Startseite: 2-Spalten-Fix Standort und Folierung
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ==========================================================================
   BEGIN CC Startseite: R32 Layout, Flächen und CET-Komponenten
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top {
  --cc-layout-width: 1680px;
  --cc-layout-edge-desktop: clamp(40px, 6vw, 96px);
  --cc-layout-edge-tablet: 32px;
  --cc-layout-edge-mobile: 20px;
  --cc-layout-gap: 30px;
  --cc-layout-gap-mobile: 20px;

  --cc-sec-white-bg: #ffffff;
  --cc-sec-soft-bg: #f7f7f5;
  --cc-sec-light-bg: #f2f2f2;
  --cc-sec-medium-bg: #d9d9d9;
  --cc-sec-dark-bg: #151515;
  --cc-sec-black-bg: #050505;

  --cc-text-dark: #333333;
  --cc-text-light: rgba(255,255,255,.86);
  --cc-border-soft: rgba(0,0,0,.14);
  --cc-red: #B90000;
  --cc-red-dark: #8F0000;
}

/* Layout-Grundlage für neu bereinigte Startseiten-Abschnitte */
#top .avia-section.cc-l {
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#top .avia-section.cc-sec-white,
#top .avia-section.cc-sec-white .container_wrap { background: var(--cc-sec-white-bg) !important; }
#top .avia-section.cc-sec-soft,
#top .avia-section.cc-sec-soft .container_wrap { background: var(--cc-sec-soft-bg) !important; }
#top .avia-section.cc-sec-light,
#top .avia-section.cc-sec-light .container_wrap { background: var(--cc-sec-light-bg) !important; }
#top .avia-section.cc-sec-medium,
#top .avia-section.cc-sec-medium .container_wrap { background: var(--cc-sec-medium-bg) !important; }
#top .avia-section.cc-sec-dark,
#top .avia-section.cc-sec-dark .container_wrap { background: var(--cc-sec-dark-bg) !important; color: var(--cc-text-light) !important; }
#top .avia-section.cc-sec-black,
#top .avia-section.cc-sec-black .container_wrap { background: var(--cc-sec-black-bg) !important; color: var(--cc-text-light) !important; }

#top .avia-section.cc-l > .container,
#top .avia-section.cc-l .container {
  width: min(var(--cc-layout-width), calc(100% - (2 * var(--cc-layout-edge-desktop)))) !important;
  max-width: min(var(--cc-layout-width), calc(100% - (2 * var(--cc-layout-edge-desktop)))) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

#top .avia-section.cc-l :is(.content,.template-page) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#top .avia-section.cc-l :is(.av-section-color-overlay,.av-section-color-overlay-wrap,.av-extra-border-element),
#top .avia-section.cc-l::before,
#top .avia-section.cc-l::after,
#top .avia-section.cc-l :is(.container,.content,.template-page,.post-entry,.entry-content-wrapper)::before,
#top .avia-section.cc-l :is(.container,.content,.template-page,.post-entry,.entry-content-wrapper)::after {
  display: none !important;
  content: none !important;
}

#top .avia-section.cc-l .entry-content-wrapper {
  display: grid !important;
  gap: var(--cc-layout-gap) !important;
  align-items: start !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#top .avia-section.cc-l-1 .entry-content-wrapper { grid-template-columns: 1fr !important; }
#top .avia-section.cc-l-2 .entry-content-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
#top .avia-section.cc-l-3 .entry-content-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
#top .avia-section.cc-l-4 .entry-content-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }

#top .avia-section.cc-l .entry-content-wrapper > .flex_column {
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#top .avia-section.cc-l .entry-content-wrapper > :not(.flex_column) {
  grid-column: 1 / -1 !important;
}

#top .avia-section.cc-l :is(h1,h2,h3,h4,h5,h6) {
  color: inherit;
  font-family: var(--cc-font-headline, "Open Sans Condensed", "Open Sans", Arial, sans-serif) !important;
}

#top .avia-section.cc-l p,
#top .avia-section.cc-l li,
#top .avia-section.cc-l .avia_textblock {
  font-family: var(--cc-font-body, "Open Sans", Arial, sans-serif) !important;
}

#top .avia-section.cc-sec-dark :is(h1,h2,h3,h4,p,li,.avia_textblock),
#top .avia-section.cc-sec-black :is(h1,h2,h3,h4,p,li,.avia_textblock) {
  color: var(--cc-text-light) !important;
}

#top .avia-section.cc-sec-dark h2,
#top .avia-section.cc-sec-black h2 {
  color: var(--go-white, #fff) !important;
}

/* CET-Komponenten: Text, Buttons, Media */
#top .cc-c-intro h1,
#top .cc-c-intro h2 {
  margin: 0 0 16px !important;
  font-size: clamp(34px, 3vw, 50px) !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
}

#top .cc-c-intro p {
  margin: 0 0 18px !important;
  font-size: 16px !important;
  line-height: 1.58 !important;
}

#top .cc-c-actions,
#top .avia-buttonrow-wrap.cc-c-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
  margin-top: 22px !important;
}

#top .cc-c-btn .avia-button,
#top .cc-c-btn.avia-button,
#top a.cc-c-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 11px 18px !important;
  border-radius: 0 !important;
  border: 1px solid currentColor !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

#top .cc-c-btn-red .avia-button,
#top .cc-c-btn-red.avia-button {
  background: var(--cc-red) !important;
  border-color: var(--go-white,#fff) !important;
  color: var(--go-white,#fff) !important;
}

#top .cc-c-btn-dark .avia-button,
#top .cc-c-btn-dark.avia-button {
  background: var(--cc-sec-black-bg) !important;
  border-color: var(--cc-sec-black-bg) !important;
  color: var(--go-white,#fff) !important;
}

#top .cc-c-btn-outline .avia-button,
#top .cc-c-btn-outline.avia-button {
  background: transparent !important;
  border-color: var(--go-white,#fff) !important;
  color: var(--go-white,#fff) !important;
}

#top .cc-c-btn .avia-button:hover,
#top .cc-c-btn .avia-button:focus {
  background: var(--cc-red-dark) !important;
  color: var(--go-white,#fff) !important;
  border-color: var(--go-white,#fff) !important;
}

/* Leistungsteaser */
#top .cc-c-services .entry-content-wrapper { align-items: stretch !important; }

#top .cc-c-service {
  background: var(--cc-sec-dark-bg) !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

#top .cc-c-service-img,
#top .cc-c-service-img :is(.avia-image-container-inner,.avia_image_wrap,a,picture,img,.avia_image) {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 260px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#top .cc-c-service-img::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 44% !important;
  background: linear-gradient(to bottom, rgba(21,21,21,0), var(--cc-sec-dark-bg)) !important;
  pointer-events: none !important;
}

#top .cc-c-service-img :is(img,.avia_image) {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#top .cc-c-service-img :is(.image-overlay,.image-overlay-inside) { display: none !important; }

#top .cc-c-service-copy {
  flex: 1 1 auto !important;
  min-height: 155px !important;
  padding: 0 28px 0 !important;
  margin-top: -22px !important;
  position: relative !important;
  z-index: 2 !important;
  background: var(--cc-sec-dark-bg) !important;
  color: var(--cc-text-light) !important;
}

#top .cc-c-service-copy h2 {
  margin: 0 0 12px !important;
  color: var(--go-white,#fff) !important;
  font-size: clamp(30px, 2.6vw, 44px) !important;
  line-height: 1.02 !important;
  font-weight: 700 !important;
}

#top .cc-c-service-copy p {
  margin: 0 !important;
  color: var(--cc-text-light) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

#top .cc-c-service > .avia-button-wrap {
  margin-top: auto !important;
  padding: 22px 28px 28px !important;
  background: var(--cc-sec-dark-bg) !important;
}

/* Split-Abschnitte */
#top .cc-c-split .entry-content-wrapper { align-items: start !important; }

#top .cc-c-split-media,
#top .cc-c-split-copy,
#top .cc-c-listcard {
  align-self: start !important;
}

#top .cc-c-split-img,
#top .cc-c-split-img :is(.avia-image-container-inner,.avia_image_wrap,a,picture,img,.avia_image) {
  display: block !important;
  width: 100% !important;
  height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#top .cc-c-split-img :is(img,.avia_image) {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#top .cc-c-listcard,
#top .cc-c-card,
#top .cc-c-benefit,
#top .cc-c-cta-card {
  background: var(--go-white,#fff) !important;
  color: var(--cc-text-dark) !important;
  border: 1px solid var(--cc-border-soft) !important;
  box-shadow: none !important;
  padding: 30px !important;
  box-sizing: border-box !important;
}

#top .cc-c-list :is(.iconlist_icon,.iconlist_icon span) {
  background: var(--cc-sec-black-bg) !important;
  color: var(--go-white,#fff) !important;
  border-color: var(--cc-sec-black-bg) !important;
}

#top .cc-c-list .iconlist_content_title {
  color: inherit !important;
  font-family: var(--cc-font-headline, "Open Sans Condensed", "Open Sans", Arial, sans-serif) !important;
  font-weight: 700 !important;
}

#top .cc-c-list :is(.iconlist-timeline,.iconlist-timeline::before,.iconlist-timeline::after) {
  display: none !important;
  content: none !important;
}

/* Karten und Benefits */
#top .cc-c-cards .cc-c-card,
#top .cc-c-benefits .cc-c-benefit {
  min-height: 100% !important;
}

#top .cc-c-benefit.cc-is-dark {
  background: var(--cc-sec-black-bg) !important;
  color: var(--cc-text-light) !important;
  border-color: var(--cc-sec-black-bg) !important;
}

#top .cc-c-num {
  color: var(--cc-red) !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

#top .cc-c-title h3,
#top .cc-c-title h4 {
  margin: 0 0 8px !important;
  font-weight: 700 !important;
}

/* Abschnittsabstände */
#top .avia-section.cc-l .container {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

#top .avia-section.cc-c-services .container,
#top .avia-section.cc-c-split .container {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

#top .cc-release-info-text { display: none !important; }

@media only screen and (max-width: 989px) {
  #top .avia-section.cc-l > .container,
  #top .avia-section.cc-l .container {
    width: min(var(--cc-layout-width), calc(100% - (2 * var(--cc-layout-edge-tablet)))) !important;
    max-width: min(var(--cc-layout-width), calc(100% - (2 * var(--cc-layout-edge-tablet)))) !important;
  }

  #top .avia-section.cc-l-3 .entry-content-wrapper,
  #top .avia-section.cc-l-4 .entry-content-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media only screen and (max-width: 767px) {
  #top .avia-section.cc-l > .container,
  #top .avia-section.cc-l .container {
    width: min(var(--cc-layout-width), calc(100% - (2 * var(--cc-layout-edge-mobile)))) !important;
    max-width: min(var(--cc-layout-width), calc(100% - (2 * var(--cc-layout-edge-mobile)))) !important;
  }

  #top .avia-section.cc-l .entry-content-wrapper {
    grid-template-columns: 1fr !important;
    gap: var(--cc-layout-gap-mobile) !important;
  }

  #top .cc-c-service-img,
  #top .cc-c-service-img :is(.avia-image-container-inner,.avia_image_wrap,a,picture,img,.avia_image) {
    height: 220px !important;
  }

  #top .cc-c-split-img,
  #top .cc-c-split-img :is(.avia-image-container-inner,.avia_image_wrap,a,picture,img,.avia_image) {
    height: 240px !important;
  }

  #top .avia-section.cc-l .container {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
}

/* ==========================================================================
   END CC Startseite: R32 Layout, Flächen und CET-Komponenten
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */


/* ==========================================================================
   BEGIN CC Startseite: R33 Korrekturpaket nach CC-Clean
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top {
  --cc-layout-width: var(--cc-content-width, 1680px);
  --cc-layout-edge-desktop: clamp(40px, 6vw, 96px);
  --cc-layout-edge-tablet: 32px;
  --cc-layout-edge-mobile: 20px;
  --cc-layout-gap: 30px;
  --cc-layout-gap-tablet: 24px;
  --cc-layout-gap-mobile: 18px;
  --cc-section-py: 64px;
  --cc-section-py-small: 42px;
}

/* Ränder, alte Trennlinien und Enfold-Column-Floats für die neue Startseite neutralisieren */
#top :is(#hero-headline,#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage),
#top :is(#hero-headline,#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage).container_wrap {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

#top :is(#hero-headline,#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage) .container {
  width: min(var(--cc-layout-width), calc(100% - (2 * var(--cc-layout-edge-desktop)))) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: var(--cc-section-py) !important;
  padding-bottom: var(--cc-section-py) !important;
  box-sizing: border-box !important;
}

#top :is(#hero-headline,#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage) :is(.content,.template-page) {
  padding: 0 !important;
}

#top :is(#hero-headline,#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage) .entry-content-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: var(--cc-layout-gap) !important;
  align-items: start !important;
  box-sizing: border-box !important;
}

#top :is(#hero-headline,#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage) .entry-content-wrapper > .flex_column {
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#top .cc-layout-1col .entry-content-wrapper { grid-template-columns: 1fr !important; }
#top .cc-layout-2col .entry-content-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
#top .cc-layout-3col .entry-content-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
#top .cc-layout-4col .entry-content-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
#top .cc-layout .entry-content-wrapper > .av_one_full { grid-column: 1 / -1 !important; }

/* Hero: Panel wieder dunkel-transparent, Text weiß, Buttons im Panel */
#top #hero-home.cc-hero-mb {
  position: relative !important;
  min-height: var(--cc-hero-height-desktop, 560px) !important;
  background-size: cover !important;
  background-position: center center !important;
}

#top #hero-home.cc-hero-mb::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.48) 44%, rgba(0,0,0,.18) 72%, rgba(0,0,0,.06) 100%);
}

#top #hero-home.cc-hero-mb :is(.container,.entry-content-wrapper) {
  position: relative !important;
  z-index: 2 !important;
  min-height: var(--cc-hero-height-desktop, 560px) !important;
}

#top #hero-home.cc-hero-mb .cc-hero-content-col {
  position: absolute !important;
  left: 0 !important;
  top: var(--cc-hero-panel-y-desktop, 56%) !important;
  transform: translateY(-50%) !important;
  width: min(var(--cc-hero-panel-width, 640px), 48vw) !important;
  max-width: var(--cc-hero-panel-width, 640px) !important;
  margin: 0 !important;
  padding: clamp(28px, 3vw, 44px) !important;
  background: rgba(0,0,0,.62) !important;
  border-left: 3px solid var(--go-red, #B90000) !important;
  box-sizing: border-box !important;
}

#top #hero-home.cc-hero-mb .cc-c-hero-copy,
#top #hero-home.cc-hero-mb .cc-c-hero-copy :is(h1,h2,h3,p),
#top #hero-home.cc-hero-mb .cc-c-hero-actions,
#top #hero-home.cc-hero-mb .cc-c-hero-actions :is(a,.avia-button,.avia_button_label) {
  color: var(--go-white, #fff) !important;
}

#top #hero-home.cc-hero-mb .cc-c-hero-copy h1 {
  margin: 0 0 .34em !important;
  font-family: var(--cc-font-headline, "Open Sans Condensed", Arial, sans-serif) !important;
  font-size: clamp(44px, 5.2vw, 76px) !important;
  line-height: 1.02 !important;
  font-weight: 400 !important;
}

#top #hero-home.cc-hero-mb .cc-c-hero-copy p {
  max-width: 560px !important;
  margin: 0 !important;
  color: rgba(255,255,255,.92) !important;
  font-size: clamp(16px, 1.05vw, 19px) !important;
  line-height: 1.55 !important;
  font-weight: 600 !important;
}

#top #hero-home.cc-hero-mb .cc-c-hero-actions {
  margin-top: 24px !important;
}

#top #hero-home.cc-hero-mb .cc-c-hero-actions .avia-button {
  min-height: 42px !important;
  padding: 11px 18px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

/* Intro unter Hero: kein Abstand oben, definierter Abstand zur Teaser-Sektion */
#top #hero-headline {
  background: var(--cc-sec-white-bg, #fff) !important;
}

#top #hero-headline .container {
  padding-top: 0 !important;
  padding-bottom: 42px !important;
}

#top #hero-headline .cc-c-intro {
  max-width: 1100px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

#top #hero-headline .cc-c-intro h2 {
  margin: 0 0 10px !important;
  color: var(--go-black, #050505) !important;
}

#top #hero-headline .cc-c-intro p {
  margin: 0 !important;
  color: var(--go-text, #333) !important;
}

/* Leistungsteaser: unverändert 2x2, aber sicher in neuer Rasterlogik */
#top #leistungs-teaser-kompakt .container {
  padding-top: 52px !important;
  padding-bottom: 56px !important;
}

#top #leistungs-teaser-kompakt .entry-content-wrapper {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* Versicherung: Abschnitt gleichmäßig, Bild/Text auf gleicher Oberkante */
#top #versicherung-mobilitaet .container {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

#top #versicherung-mobilitaet .entry-content-wrapper {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
}

#top #versicherung-mobilitaet .cc-c-split-media,
#top #versicherung-mobilitaet .cc-c-split-copy {
  align-self: start !important;
}

/* Standort: nicht mehr Vollschwarz-Block-Chaos, aber weiterhin dunkel */
#top #standort-einzugsgebiet .container {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

#top #standort-einzugsgebiet,
#top #standort-einzugsgebiet :is(h2,h3,h4,p) {
  color: var(--go-white, #fff) !important;
}

#top #standort-einzugsgebiet .cc-c-card,
#top #standort-einzugsgebiet .cc-c-list,
#top #standort-einzugsgebiet .avia-icon-list {
  background: var(--go-white, #fff) !important;
  color: var(--go-text, #333) !important;
}

#top #standort-einzugsgebiet .avia-icon-list :is(.iconlist_title,.iconlist_content,.iconlist_content p) {
  color: var(--go-text, #333) !important;
}

/* Autoglas: Headline zentriert, darunter drei stabile Boxen */
#top #autoglas-details .container {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

#top #autoglas-details .entry-content-wrapper {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#top #autoglas-details .cc-c-intro {
  max-width: 920px !important;
  margin: 0 auto 10px !important;
  text-align: center !important;
}

#top #autoglas-details .cc-c-intro h2 {
  margin: 0 0 12px !important;
}

#top #autoglas-details .cc-c-card {
  min-height: 190px !important;
  padding: 30px 24px !important;
  background: var(--go-white, #fff) !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

#top #autoglas-details .cc-c-card :is(.iconbox,.iconbox_content,.iconbox_content_container) {
  margin: 0 !important;
  padding: 0 !important;
}

#top #autoglas-details .cc-c-card :is(.iconbox_icon,.iconbox_icon.heading-color) {
  margin-bottom: 18px !important;
  background: var(--go-black, #050505) !important;
  color: var(--go-white, #fff) !important;
  border-color: var(--go-black, #050505) !important;
}

#top #autoglas-details .cc-c-card :is(.iconbox_content_title,.iconbox_content_title a) {
  color: var(--go-black, #050505) !important;
  font-weight: 700 !important;
}

#top #autoglas-details .cc-c-card :is(.iconbox_content_container,.iconbox_content_container p) {
  color: var(--go-text, #333) !important;
}

/* Folierung / Lack: zwei Spalten stabil, gleiche Abstände, dunkle Box mit weißem Text */
#top #folierung-und-karosserie .container {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

#top #folierung-und-karosserie .entry-content-wrapper {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

#top #folierung-und-karosserie .cc-c-listcard,
#top #folierung-und-karosserie .cc-c-split-copy {
  padding: 34px !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

#top #folierung-und-karosserie .cc-c-listcard {
  background: var(--go-white, #fff) !important;
  color: var(--go-text, #333) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
}

#top #folierung-und-karosserie .cc-c-split-copy {
  background: var(--go-black, #050505) !important;
  color: var(--go-white, #fff) !important;
  border: 1px solid var(--go-black, #050505) !important;
}

#top #folierung-und-karosserie .cc-c-split-copy :is(h2,h3,h4,p,span,li),
#top #folierung-und-karosserie .cc-c-split-copy .avia_textblock {
  color: var(--go-white, #fff) !important;
}

#top #folierung-und-karosserie .cc-c-listcard :is(h2,h3,h4,p,span,li),
#top #folierung-und-karosserie .cc-c-listcard .avia_textblock {
  color: var(--go-text, #333) !important;
}

#top #folierung-und-karosserie .cc-c-intro h2 {
  margin-top: 0 !important;
}

/* Darum Carcompany: intro zentriert, 4 Boxen in einer Zeile, dritte Box schwarz/weiß */
#top #vorteile .container {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

#top #vorteile .entry-content-wrapper {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

#top #vorteile .cc-c-intro {
  max-width: 860px !important;
  margin: 0 auto 10px !important;
  text-align: center !important;
}

#top #vorteile .cc-c-benefit {
  min-height: 190px !important;
  padding: 28px 24px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 0 !important;
  background: var(--go-white, #fff) !important;
  color: var(--go-text, #333) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#top #vorteile .cc-c-benefit :is(h3,h4,p,span),
#top #vorteile .cc-c-benefit .avia_textblock {
  color: var(--go-text, #333) !important;
}

#top #vorteile .cc-c-benefit .cc-c-num h3 {
  color: var(--go-red, #B90000) !important;
}

#top #vorteile .cc-c-benefit.cc-is-dark {
  background: var(--go-black, #050505) !important;
  border-color: var(--go-black, #050505) !important;
  color: var(--go-white, #fff) !important;
}

#top #vorteile .cc-c-benefit.cc-is-dark :is(h3,h4,p,span),
#top #vorteile .cc-c-benefit.cc-is-dark .avia_textblock,
#top #vorteile .cc-c-benefit.cc-is-dark .cc-c-num h3 {
  color: var(--go-white, #fff) !important;
}

@media only screen and (min-width: 1600px) {
  #top #hero-home.cc-hero-mb,
  #top #hero-home.cc-hero-mb :is(.container,.entry-content-wrapper) {
    min-height: var(--cc-hero-height-highres, 640px) !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
  #top :is(#hero-headline,#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage) .container {
    width: calc(100% - (2 * var(--cc-layout-edge-tablet))) !important;
  }

  #top :is(#autoglas-details,#vorteile) .entry-content-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #top #hero-home.cc-hero-mb .cc-hero-content-col {
    width: min(var(--cc-hero-panel-width, 640px), 88vw) !important;
  }
}

@media only screen and (max-width: 767px) {
  #top :is(#hero-headline,#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage) .container {
    width: calc(100% - (2 * var(--cc-layout-edge-mobile))) !important;
    padding-top: var(--cc-section-py-small) !important;
    padding-bottom: var(--cc-section-py-small) !important;
  }

  #top :is(#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage) .entry-content-wrapper {
    grid-template-columns: 1fr !important;
    gap: var(--cc-layout-gap-mobile) !important;
  }

  #top #hero-home.cc-hero-mb .cc-hero-content-col {
    width: calc(100vw - 40px) !important;
    left: 20px !important;
  }
}

/* ==========================================================================
   END CC Startseite: R33 Korrekturpaket nach CC-Clean
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */



/* ==========================================================================
   BEGIN CC Startseite: R34 Sichtkorrekturen und Spaltenstabilisierung
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* Abschnittsübergreifend: neue CC-Abschnitte konsequent ohne Linien/Alt-Abstände */
body#top #wrap_all :is(#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile) {
  border: 0 !important;
  box-shadow: none !important;
}

body#top #wrap_all :is(#versicherung-mobilitaet,#standort-einzugsgebiet,#folierung-und-karosserie) .entry-content-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--cc-layout-gap, 30px) !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body#top #wrap_all :is(#versicherung-mobilitaet,#standort-einzugsgebiet,#folierung-und-karosserie) .entry-content-wrapper > .flex_column {
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* 1) Versicherung: Spalten hart und ohne Fallback-Versatz definieren */
body#top #wrap_all #versicherung-mobilitaet .entry-content-wrapper > .cc-c-split-media {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: stretch !important;
}

body#top #wrap_all #versicherung-mobilitaet .entry-content-wrapper > .cc-c-split-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: stretch !important;
}

body#top #wrap_all #versicherung-mobilitaet .cc-c-split-img,
body#top #wrap_all #versicherung-mobilitaet .cc-c-split-img :is(.avia-image-container-inner,.avia_image_wrap,a,picture,img,.avia_image) {
  width: 100% !important;
  height: clamp(320px, 27vw, 430px) !important;
  max-width: none !important;
  margin: 0 !important;
}

/* 2) Standort: Padding in heller rechter Box, darin schwarze Headlines */
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-split-copy {
  grid-column: 1 !important;
  grid-row: 1 !important;
  padding: clamp(12px, 1.4vw, 22px) 0 !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-card,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-list,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:not(.cc-c-split-copy) {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start !important;
}

body#top #wrap_all #standort-einzugsgebiet :is(.cc-c-card,.cc-c-list,.avia-icon-list) {
  padding: clamp(30px, 3vw, 48px) !important;
  background: var(--go-white, #ffffff) !important;
  color: var(--go-text, #333333) !important;
  box-sizing: border-box !important;
}

body#top #wrap_all #standort-einzugsgebiet :is(.cc-c-card,.cc-c-list,.avia-icon-list) :is(h1,h2,h3,h4,h5,h6,.iconlist_title,.iconbox_content_title) {
  color: var(--go-black, #050505) !important;
}

body#top #wrap_all #standort-einzugsgebiet :is(.cc-c-card,.cc-c-list,.avia-icon-list) :is(p,li,span,.iconlist_content,.iconlist_content p) {
  color: var(--go-text, #333333) !important;
}

/* 3) Autoglas: Iconbox-Icons vollständig sichtbar, Boxen sauber mit Innenabstand */
body#top #wrap_all #autoglas-details .entry-content-wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--cc-layout-gap, 30px) !important;
  align-items: stretch !important;
}

body#top #wrap_all #autoglas-details .entry-content-wrapper > .av_one_full {
  grid-column: 1 / -1 !important;
}

body#top #wrap_all #autoglas-details .cc-c-card {
  overflow: visible !important;
  min-height: 210px !important;
  padding: 36px 28px 30px !important;
}

body#top #wrap_all #autoglas-details .cc-c-card :is(.iconbox,.iconbox_top,.iconbox_content) {
  overflow: visible !important;
}

body#top #wrap_all #autoglas-details .cc-c-card :is(.iconbox_icon,.iconbox_icon.heading-color) {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  margin: 0 auto 18px !important;
  transform: none !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
}

body#top #wrap_all #autoglas-details .cc-c-card :is(.iconbox_icon span,.iconbox_icon::before) {
  line-height: 1 !important;
}

/* 4) Folierung/Lack: Textabstand zur Box, sichtbare Buttons, stabil nebeneinander */
body#top #wrap_all #folierung-und-karosserie .entry-content-wrapper > .cc-c-listcard {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

body#top #wrap_all #folierung-und-karosserie .entry-content-wrapper > .cc-c-split-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

body#top #wrap_all #folierung-und-karosserie :is(.cc-c-listcard,.cc-c-split-copy) {
  padding: clamp(32px, 3vw, 48px) !important;
  box-sizing: border-box !important;
}

body#top #wrap_all #folierung-und-karosserie .cc-c-listcard :is(h1,h2,h3,h4,p,li,span,.avia_textblock) {
  color: var(--go-text, #333333) !important;
}

body#top #wrap_all #folierung-und-karosserie .cc-c-listcard :is(h1,h2,h3,h4) {
  color: var(--go-black, #050505) !important;
}

body#top #wrap_all #folierung-und-karosserie .cc-c-split-copy :is(h1,h2,h3,h4,p,li,span,.avia_textblock) {
  color: var(--go-white, #ffffff) !important;
}

body#top #wrap_all #folierung-und-karosserie .avia-buttonrow-wrap {
  margin-top: 22px !important;
}

body#top #wrap_all #folierung-und-karosserie .avia-buttonrow-wrap :is(a,.avia-button,.avia_button_label,span) {
  color: var(--go-white, #ffffff) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body#top #wrap_all #folierung-und-karosserie .cc-c-listcard .avia-buttonrow-wrap :is(a,.avia-button) {
  background: var(--go-black, #050505) !important;
  border: 1px solid var(--go-black, #050505) !important;
  color: var(--go-white, #ffffff) !important;
}

body#top #wrap_all #folierung-und-karosserie .cc-c-split-copy .avia-buttonrow-wrap :is(a,.avia-button) {
  background: transparent !important;
  border: 1px solid var(--go-white, #ffffff) !important;
  color: var(--go-white, #ffffff) !important;
}

/* 5) Vorteile: dunkle Benefit-Box lesbar halten */
body#top #wrap_all #vorteile .cc-c-benefit.cc-is-dark,
body#top #wrap_all #vorteile .cc-c-benefit.cc-is-dark :is(h1,h2,h3,h4,p,span,.avia_textblock) {
  color: var(--go-white, #ffffff) !important;
}

@media only screen and (max-width: 989px) {
  body#top #wrap_all :is(#versicherung-mobilitaet,#standort-einzugsgebiet,#folierung-und-karosserie) .entry-content-wrapper,
  body#top #wrap_all #autoglas-details .entry-content-wrapper {
    grid-template-columns: 1fr !important;
  }

  body#top #wrap_all :is(#versicherung-mobilitaet,#standort-einzugsgebiet,#folierung-und-karosserie) .entry-content-wrapper > .flex_column,
  body#top #wrap_all #autoglas-details .entry-content-wrapper > .flex_column {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

/* ==========================================================================
   END CC Startseite: R34 Sichtkorrekturen und Spaltenstabilisierung
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */


/* ========================================================================== 
   BEGIN CC Startseite: R35 Feinkorrekturen Boxradius, Padding, Icons
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* Standort / Einzugsgebiet */
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-split-copy {
  padding: clamp(20px, 2vw, 34px) clamp(18px, 2vw, 30px) !important;
  box-sizing: border-box !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > :is(.cc-c-card,.cc-c-list,.flex_column:not(.cc-c-split-copy)) {
  padding: clamp(26px, 2.6vw, 40px) !important;
  border-radius: 8px !important;
}

body#top #wrap_all #standort-einzugsgebiet :is(.cc-c-card,.cc-c-list,.avia-icon-list) {
  border-radius: 8px !important;
}

body#top #wrap_all #standort-einzugsgebiet :is(.cc-c-card,.cc-c-list,.avia-icon-list) :is(h1,h2,h3,h4,h5,h6,.iconlist_title,.iconbox_content_title,.av-special-heading-tag) {
  color: var(--go-black, #050505) !important;
}

body#top #wrap_all #standort-einzugsgebiet :is(.cc-c-card,.cc-c-list,.avia-icon-list) :is(.iconlist_content,.iconlist_content p,p,li,span) {
  color: var(--go-text, #333333) !important;
}

/* Autoglas-Details */
body#top #wrap_all #autoglas-details .cc-c-card {
  overflow: visible !important;
  min-height: 228px !important;
  padding: 20px 28px 38px !important;
  box-sizing: border-box !important;
}

body#top #wrap_all #autoglas-details .cc-c-card :is(.iconbox,.iconbox_top,.iconbox_content,.iconbox_content_container) {
  overflow: visible !important;
}

body#top #wrap_all #autoglas-details .cc-c-card :is(.iconbox_icon,.iconbox_icon.heading-color) {
  position: relative !important;
  top: -21px !important;
  margin: -21px auto 6px !important;
  z-index: 3 !important;
}

body#top #wrap_all #autoglas-details .cc-c-card :is(.iconbox_content,.iconbox_content_container) {
  padding: 0 12px 8px !important;
  box-sizing: border-box !important;
}

body#top #wrap_all #autoglas-details .cc-c-card :is(.iconbox_content_title,.iconbox_content_title a) {
  margin-bottom: 10px !important;
}

body#top #wrap_all #autoglas-details .cc-c-card :is(.iconbox_content_container,.iconbox_content_container p) {
  padding-bottom: 6px !important;
}

/* Folierung / Lack */
body#top #wrap_all #folierung-und-karosserie .entry-content-wrapper > :is(.cc-c-listcard,.cc-c-split-copy) {
  padding: clamp(28px, 2.6vw, 42px) !important;
  box-sizing: border-box !important;
}

body#top #wrap_all #folierung-und-karosserie :is(.cc-c-listcard,.cc-c-split-copy) :is(h1,h2,h3,h4,p,li,span,.avia_textblock) {
  word-break: normal !important;
}

body#top #wrap_all #folierung-und-karosserie .avia-buttonrow-wrap {
  margin-top: 24px !important;
}

body#top #wrap_all #folierung-und-karosserie .avia-buttonrow-wrap :is(.avia-button,.avia-button span,.avia_button_label,a) {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* Vorteile */
body#top #wrap_all #vorteile .cc-c-intro {
  text-align: center !important;
  margin: 0 auto 8px !important;
}

body#top #wrap_all #vorteile .entry-content-wrapper > .cc-c-benefit {
  padding: 24px 20px 22px !important;
  box-sizing: border-box !important;
}

body#top #wrap_all #vorteile .cc-c-benefit :is(h3,h4,p,span,.avia_textblock) {
  padding-right: 4px !important;
}

/* ========================================================================== 
   END CC Startseite: R35 Feinkorrekturen Boxradius, Padding, Icons
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */


/* ==========================================================================
   BEGIN CC Startseite: R36 Abschnittsfarben und Einzugsgebiet-Textfarben
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top {
  --cc-sec-white-bg: #ffffff;
  --cc-sec-soft-bg: #f7f7f5;
  --cc-sec-light-bg: #f2f2f2;
  --cc-sec-medium-bg: #d9d9d9;
  --cc-sec-dark-bg: #202020;
  --cc-sec-black-bg: #050505;
}

/* Abschnitts-Rhythmus: oben Weiß, darunter wechselnde Grautöne, FAQ weiß, Anfrage hellgrau. */
body#top #wrap_all #hero-headline,
body#top #wrap_all #leistungs-teaser-kompakt,
body#top #wrap_all #autoglas-details,
body#top #wrap_all #vorteile,
body#top #wrap_all #faq {
  background: var(--cc-sec-white-bg) !important;
}

body#top #wrap_all #versicherung-mobilitaet,
body#top #wrap_all #folierung-und-karosserie,
body#top #wrap_all #anfrage {
  background: var(--cc-sec-light-bg) !important;
}

body#top #wrap_all #standort-einzugsgebiet {
  background: var(--cc-sec-dark-bg) !important;
}

/* Enfold-Hintergründe innerhalb der Abschnitte mitziehen. */
body#top #wrap_all :is(#hero-headline,#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage) :is(.container_wrap,.container,.content,.template-page,.post-entry,.entry-content-wrapper) {
  background-color: transparent !important;
}

/* Helle rechte Einzugsgebiet-Box: Textfarben unabhängig von linker dunkler Spalte setzen. */
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-listcard,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-card,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-list,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:not(.cc-c-split-copy) {
  background: var(--cc-sec-white-bg) !important;
  color: var(--go-text, #333333) !important;
  border-radius: 8px !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-listcard :is(h1,h2,h3,h4,h5,h6,.av-special-heading-tag,.iconlist_title,.iconbox_content_title),
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-card :is(h1,h2,h3,h4,h5,h6,.av-special-heading-tag,.iconlist_title,.iconbox_content_title),
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-list :is(h1,h2,h3,h4,h5,h6,.av-special-heading-tag,.iconlist_title,.iconbox_content_title),
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:not(.cc-c-split-copy) :is(h1,h2,h3,h4,h5,h6,.av-special-heading-tag,.iconlist_title,.iconbox_content_title) {
  color: var(--go-black, #050505) !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-listcard :is(p,li,span,.avia_textblock,.iconlist_content,.iconlist_content p),
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-card :is(p,li,span,.avia_textblock,.iconlist_content,.iconlist_content p),
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-list :is(p,li,span,.avia_textblock,.iconlist_content,.iconlist_content p),
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:not(.cc-c-split-copy) :is(p,li,span,.avia_textblock,.iconlist_content,.iconlist_content p) {
  color: var(--go-text, #333333) !important;
}

/* Linke Einzugsgebiet-Spalte bleibt bewusst hell auf dunklem Hintergrund. */
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-split-copy,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-split-copy :is(h1,h2,h3,h4,p,span,.avia_textblock) {
  color: var(--go-white, #ffffff) !important;
}

/* Anfrageblock über späterem schwarzen Footer hellgrau halten. */
body#top #wrap_all #anfrage .cc-c-cta,
body#top #wrap_all #anfrage .cc-c-card {
  background: var(--cc-sec-light-bg) !important;
}

/* ==========================================================================
   END CC Startseite: R36 Abschnittsfarben und Einzugsgebiet-Textfarben
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */


/* ========================================================================== 
   BEGIN CC Footer: MB-orientierter Abschluss
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top #cc-footer.cc-footer-mb,
#top #cc-footer.cc-footer-section {
  --cc-footer-bg: var(--cc-sec-black-bg, #050505);
  --cc-footer-panel-bg: transparent;
  --cc-footer-text: rgba(255,255,255,.88);
  --cc-footer-muted: rgba(255,255,255,.68);
  --cc-footer-border: rgba(255,255,255,.18);
  --cc-footer-link: #ffffff;
  --cc-footer-button-bg: var(--go-red, #b90000);
  --cc-footer-button-bg-hover: #8f0000;
  --cc-footer-button-text: #ffffff;
  --cc-footer-gap: var(--cc-layout-gap, 30px);
  background: var(--cc-footer-bg) !important;
  color: var(--cc-footer-text) !important;
}

#top #cc-footer.cc-footer-mb .container {
  max-width: var(--cc-layout-width, 1680px) !important;
  width: min(var(--cc-layout-width, 1680px), calc(100% - (2 * var(--cc-layout-edge-desktop, clamp(40px, 6vw, 96px))))) !important;
  padding-top: clamp(56px, 5vw, 84px) !important;
  padding-bottom: clamp(36px, 4vw, 60px) !important;
}

#top #cc-footer.cc-footer-mb :is(.content,.template-page) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#top #cc-footer.cc-footer-mb .entry-content-wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(32px, 4vw, 64px) var(--cc-footer-gap) !important;
  align-items: start !important;
}

#top #cc-footer.cc-footer-mb .flex_column,
#top #cc-footer.cc-footer-mb .cc-footer-col {
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-inner {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--cc-footer-text) !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-inner :is(h1,h2,h3,h4) {
  margin: 0 0 18px !important;
  color: #ffffff !important;
  font-family: var(--cc-font-headline, 'Open Sans Condensed', Arial, sans-serif) !important;
  font-size: calc(var(--cc-size-h4, 22px) * 1.1) !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-inner,
#top #cc-footer.cc-footer-mb .cc-footer-inner :is(p,li,span,strong,div) {
  color: var(--cc-footer-text) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-inner strong {
  color: #ffffff !important;
  font-weight: 700 !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-inner ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-inner li {
  margin: 0 0 10px !important;
  padding: 0 !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-inner a {
  color: var(--cc-footer-link) !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-inner a:is(:hover,:focus) {
  color: #ffffff !important;
  border-bottom-color: rgba(255,255,255,.55) !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-logo-main {
  display: block !important;
  width: min(240px, 100%) !important;
  max-width: 240px !important;
  height: auto !important;
  margin: 0 0 22px !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-contact-intro {
  margin: 0 0 18px !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-buttonrow {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 24px !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 10px 18px !important;
  border: 1px solid var(--cc-footer-button-bg) !important;
  border-radius: 0 !important;
  background: var(--cc-footer-button-bg) !important;
  color: var(--cc-footer-button-text) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-button:is(:hover,:focus) {
  background: var(--cc-footer-button-bg-hover) !important;
  border-color: var(--cc-footer-button-bg-hover) !important;
  color: #ffffff !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-logo-table,
#top #cc-footer.cc-footer-mb .cc-footer-social-table {
  width: auto !important;
  margin: 24px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-logo-table td,
#top #cc-footer.cc-footer-mb .cc-footer-social-table td {
  padding: 0 14px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-partner-logo {
  display: block !important;
  max-width: 92px !important;
  height: auto !important;
  background: #ffffff !important;
  padding: 6px !important;
}

#top #cc-footer.cc-footer-mb .hr,
#top #cc-footer.cc-footer-mb .hr-inner,
#top #cc-footer.cc-footer-mb .hr-invisible {
  display: none !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-bottomline {
  grid-column: 1 / -1 !important;
  margin-top: 8px !important;
  padding-top: 24px !important;
  border-top: 1px solid var(--cc-footer-border) !important;
  color: var(--cc-footer-muted) !important;
  font-size: 14px !important;
}

@media only screen and (max-width: 989px) {
  #top #cc-footer.cc-footer-mb .container {
    width: min(var(--cc-layout-width, 1680px), calc(100% - (2 * var(--cc-layout-edge-tablet, 32px)))) !important;
  }
  #top #cc-footer.cc-footer-mb .entry-content-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media only screen and (max-width: 767px) {
  #top #cc-footer.cc-footer-mb .container {
    width: min(var(--cc-layout-width, 1680px), calc(100% - (2 * var(--cc-layout-edge-mobile, 20px)))) !important;
  }
  #top #cc-footer.cc-footer-mb .entry-content-wrapper {
    grid-template-columns: 1fr !important;
  }
  #top #cc-footer.cc-footer-mb .cc-footer-inner :is(h1,h2,h3,h4) {
    font-size: 24px !important;
  }
}

/* ========================================================================== 
   END CC Footer: MB-orientierter Abschluss
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */


/* ========================================================================== 
   BEGIN CC Footer: R38 Grid-Fix und MB-Flächenlayout
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top #cc-footer.cc-footer-mb {
  --cc-footer-bg: #050505;
  --cc-footer-text: rgba(255,255,255,.88);
  --cc-footer-muted: rgba(255,255,255,.68);
  --cc-footer-gap-x: clamp(32px, 5vw, 80px);
  --cc-footer-gap-y: clamp(34px, 4vw, 56px);
  background: var(--cc-footer-bg) !important;
}

/* Enfold Equal-Height-Spalten erzeugen eigene Tabellen/Flextables.
   Diese müssen im Footer selbst das Grid sein, nicht nur .entry-content-wrapper. */
#top #cc-footer.cc-footer-mb .entry-content-wrapper {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#top #cc-footer.cc-footer-mb .entry-content-wrapper > .flex_column_table,
#top #cc-footer.cc-footer-mb .entry-content-wrapper > .av-equal-height-column-flextable,
#top #cc-footer.cc-footer-mb .entry-content-wrapper > .av-flex-placeholder + .flex_column_table {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--cc-footer-gap-y) var(--cc-footer-gap-x) !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#top #cc-footer.cc-footer-mb .entry-content-wrapper > .flex_column_table + .flex_column_table,
#top #cc-footer.cc-footer-mb .entry-content-wrapper > .av-equal-height-column-flextable + .av-equal-height-column-flextable {
  margin-top: var(--cc-footer-gap-y) !important;
}

#top #cc-footer.cc-footer-mb .av-flex-placeholder {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#top #cc-footer.cc-footer-mb .flex_column,
#top #cc-footer.cc-footer-mb .cc-footer-col,
#top #cc-footer.cc-footer-mb .flex_column_table_cell {
  display: block !important;
  float: none !important;
  clear: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-inner {
  max-width: 42rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-inner :is(p,li,span,strong,div),
#top #cc-footer.cc-footer-mb .cc-footer-inner {
  font-size: 15px !important;
  line-height: 1.55 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-inner :is(h1,h2,h3,h4) {
  font-size: calc(var(--cc-size-h4, 22px) * 1.1) !important;
  line-height: 1.1 !important;
  margin-bottom: 16px !important;
  color: #ffffff !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-inner ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-inner li {
  margin: 0 0 8px !important;
  padding: 0 !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-inner a {
  color: #ffffff !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-inner a:is(:hover,:focus) {
  border-bottom-color: rgba(255,255,255,.55) !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-buttonrow {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 10px 18px !important;
  border: 1px solid #b90000 !important;
  border-radius: 0 !important;
  background: #b90000 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-bottomline {
  display: block !important;
  margin-top: clamp(34px, 4vw, 56px) !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(255,255,255,.18) !important;
  color: var(--cc-footer-muted) !important;
  font-size: 14px !important;
}

@media only screen and (max-width: 989px) {
  #top #cc-footer.cc-footer-mb .entry-content-wrapper > .flex_column_table,
  #top #cc-footer.cc-footer-mb .entry-content-wrapper > .av-equal-height-column-flextable {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media only screen and (max-width: 767px) {
  #top #cc-footer.cc-footer-mb .entry-content-wrapper > .flex_column_table,
  #top #cc-footer.cc-footer-mb .entry-content-wrapper > .av-equal-height-column-flextable {
    grid-template-columns: 1fr !important;
  }
}

/* ========================================================================== 
   END CC Footer: R38 Grid-Fix und MB-Flächenlayout
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */


/* ========================================================================== 
   BEGIN CC Footer: R42 bewährtes Grid + Abstandskorrektur
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* R42 basiert wieder auf dem funktionierenden R38-Footer mit Enfold-Flextables.
   R41-Normalspalten wurde verworfen, weil dadurch der 3+3-Umbruch instabil wurde. */
#top #cc-footer.cc-footer-mb {
  --cc-footer-gap-y: clamp(58px, 5.2vw, 82px);
  --cc-footer-gap-x: clamp(34px, 5vw, 80px);
  --cc-footer-button-top: 12px;
  --cc-footer-bottom-space: 30px;
}

/* Funktionsfähiges 3+3-Raster aus R38 sichern. */
#top #cc-footer.cc-footer-mb .entry-content-wrapper > .flex_column_table,
#top #cc-footer.cc-footer-mb .entry-content-wrapper > .av-equal-height-column-flextable,
#top #cc-footer.cc-footer-mb .entry-content-wrapper > .av-flex-placeholder + .flex_column_table {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--cc-footer-gap-y) var(--cc-footer-gap-x) !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Abstand zwischen erster und zweiter Reihe: nicht über die Buttonzeile steuern. */
#top #cc-footer.cc-footer-mb .entry-content-wrapper > .flex_column_table + .flex_column_table,
#top #cc-footer.cc-footer-mb .entry-content-wrapper > .av-equal-height-column-flextable + .av-equal-height-column-flextable {
  margin-top: var(--cc-footer-gap-y) !important;
}

/* Buttons näher an Telefon/E-Mail. */
#top #cc-footer.cc-footer-mb .cc-footer-buttonrow {
  margin-top: var(--cc-footer-button-top) !important;
  margin-bottom: 0 !important;
  gap: 14px !important;
}

#top #cc-footer.cc-footer-mb .cc-footer-button {
  min-height: 38px !important;
  padding: 10px 18px !important;
}

/* Copyright ohne Trennlinie, kompakt und vertikal mittig im schwarzen Abschlussbereich. */
#top #cc-footer.cc-footer-mb .cc-footer-bottomline {
  display: flex !important;
  align-items: center !important;
  min-height: 38px !important;
  margin-top: var(--cc-footer-bottom-space) !important;
  padding: 0 !important;
  border-top: 0 !important;
  color: var(--cc-footer-muted, rgba(255,255,255,.68)) !important;
}

#top #cc-footer.cc-footer-mb .hr,
#top #cc-footer.cc-footer-mb .hr-inner,
#top #cc-footer.cc-footer-mb .hr-invisible,
#top #cc-footer.cc-footer-mb .av_hr {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#top #cc-footer.cc-footer-mb .content,
#top #cc-footer.cc-footer-mb .template-page {
  padding-bottom: 12px !important;
}

@media only screen and (max-width: 989px) {
  #top #cc-footer.cc-footer-mb .entry-content-wrapper > .flex_column_table,
  #top #cc-footer.cc-footer-mb .entry-content-wrapper > .av-equal-height-column-flextable {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media only screen and (max-width: 767px) {
  #top #cc-footer.cc-footer-mb {
    --cc-footer-gap-y: 34px;
    --cc-footer-button-top: 12px;
    --cc-footer-bottom-space: 22px;
  }

  #top #cc-footer.cc-footer-mb .entry-content-wrapper > .flex_column_table,
  #top #cc-footer.cc-footer-mb .entry-content-wrapper > .av-equal-height-column-flextable {
    grid-template-columns: 1fr !important;
  }
}

/* ========================================================================== 
   END CC Footer: R42 bewährtes Grid + Abstandskorrektur
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */


/* ========================================================================== 
   BEGIN CC Footer: R43 nur Button-Design
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* Nur Button-Optik. Keine Grid-, Spalten-, Reihen- oder Footer-Layoutänderung. */
#top #cc-footer .cc-footer-buttonrow {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}

#top #cc-footer .cc-footer-button,
#top #cc-footer a.cc-footer-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 10px 18px !important;
  border: 1px solid var(--go-red, #b90000) !important;
  border-radius: 0 !important;
  background: var(--go-red, #b90000) !important;
  color: var(--go-white, #ffffff) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

#top #cc-footer .cc-footer-button:is(:hover,:focus),
#top #cc-footer a.cc-footer-button:is(:hover,:focus) {
  background: #8f0000 !important;
  border-color: #8f0000 !important;
  color: var(--go-white, #ffffff) !important;
  text-decoration: none !important;
}

#top #cc-footer .cc-footer-button :is(span,.avia_button_label) {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

/* ========================================================================== 
   END CC Footer: R43 nur Button-Design
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */


/* ========================================================================== 
   BEGIN CC Footer: minimale Basis und Buttons
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top #cc-footer.cc-r44 {
  --cc-footer-bg: #050505;
  --cc-footer-text: rgba(255,255,255,.9);
  --cc-footer-muted: rgba(255,255,255,.72);
  --cc-footer-button-bg: var(--go-red, #b90000);
  --cc-footer-button-bg-hover: #8f0000;
  background: var(--cc-footer-bg) !important;
  color: var(--cc-footer-text) !important;
}

#top #cc-footer.cc-r44 :is(h1,h2,h3,h4,h5,h6,p,li,strong,span,div),
#top #cc-footer.cc-r44 :is(a,a:visited) {
  color: var(--cc-footer-text) !important;
}

#top #cc-footer.cc-r44 h3 {
  font-size: 1.1em !important;
  line-height: 1.25 !important;
  margin: 0 0 .75em !important;
}

#top #cc-footer.cc-r44 ul {
  margin: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

#top #cc-footer.cc-r44 li {
  margin: 0 0 .42em !important;
  padding: 0 !important;
  list-style: none !important;
}

#top #cc-footer.cc-r44 a:is(:hover,:focus) {
  color: var(--go-white, #ffffff) !important;
  text-decoration: underline !important;
}

#top #cc-footer.cc-r44 .cc-footer-logo {
  display: block !important;
  max-width: 205px !important;
  height: auto !important;
  margin: 0 0 18px !important;
}

#top #cc-footer.cc-r44 .cc-footer-logos {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 20px !important;
  margin-top: 28px !important;
}

#top #cc-footer.cc-r44 .cc-footer-partner-logo {
  display: block !important;
  width: 72px !important;
  height: 72px !important;
  object-fit: contain !important;
  background: var(--go-white, #ffffff) !important;
}

#top #cc-footer.cc-r44 .cc-c-buttonrow {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 16px !important;
}

#top #cc-footer.cc-r44 .cc-c-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 10px 18px !important;
  background: var(--cc-footer-button-bg) !important;
  border: 1px solid var(--cc-footer-button-bg) !important;
  border-radius: 0 !important;
  color: var(--go-white, #ffffff) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

#top #cc-footer.cc-r44 .cc-c-button:is(:hover,:focus) {
  background: var(--cc-footer-button-bg-hover) !important;
  border-color: var(--cc-footer-button-bg-hover) !important;
  color: var(--go-white, #ffffff) !important;
  text-decoration: none !important;
}

#top #cc-footer.cc-r44 .cc-release-info-text {
  display: none !important;
}

/* ========================================================================== 
   END CC Footer: minimale Basis und Buttons
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */


/* ==========================================================================
   BEGIN CC Footer: Headline-Größe
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top #cc-footer h3 {
  font-size: 115% !important;
}

/* ==========================================================================
   END CC Footer: Headline-Größe
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */


/* ==========================================================================
   BEGIN CC Footer: CET-minimal, ALB-Umbruch und Buttons
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.2
   ========================================================================== */

#top #cc-footer.cc-r46 {
  background: var(--cc-sec-black-bg, #050505) !important;
}

#top #cc-footer.cc-r46 h3 {
  font-size: 1.15em !important;
}

#top #cc-footer.cc-r46 .cc-c-footer-logo {
  width: min(220px, 100%) !important;
  height: auto !important;
}

#top #cc-footer.cc-r46 .cc-c-logo-row {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-top: 24px !important;
}

#top #cc-footer.cc-r46 .cc-c-partner-logo {
  width: 74px !important;
  height: auto !important;
}

#top #cc-footer.cc-r46 .cc-c-buttonrow {
  margin-top: 18px !important;
}

#top #cc-footer.cc-r46 .cc-c-button,
#top #cc-footer.cc-r46 .cc-c-button.avia-button {
  border-radius: 0 !important;
  border: 1px solid var(--cc-red, #B90000) !important;
  background: var(--cc-red, #B90000) !important;
  color: var(--cc-white, #ffffff) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

#top #cc-footer.cc-r46 .cc-c-button :is(span,.avia_button_label),
#top #cc-footer.cc-r46 .cc-c-button.avia-button :is(span,.avia_button_label) {
  color: inherit !important;
}

#top #cc-footer.cc-r46 .cc-c-button:is(:hover,:focus),
#top #cc-footer.cc-r46 .cc-c-button.avia-button:is(:hover,:focus) {
  border-color: #8F0000 !important;
  background: #8F0000 !important;
  color: var(--cc-white, #ffffff) !important;
}

#top #cc-footer.cc-r46 .cc-release-info-text {
  display: none !important;
}

/* ==========================================================================
   END CC Footer: CET-minimal, ALB-Umbruch und Buttons
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.2
   ========================================================================== */


/* ==========================================================================
   BEGIN CC Startseite: Einzugsgebiet Mobile-Stack
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

@media only screen and (max-width: 989px) {
  body#top #wrap_all #standort-einzugsgebiet .container {
    width: calc(100% - (2 * var(--cc-layout-edge-mobile, 20px))) !important;
    max-width: none !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 28px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column,
  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .av_one_half {
    display: block !important;
    float: none !important;
    clear: both !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-split-copy {
    order: 1 !important;
    padding: 0 !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-listcard,
  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-card,
  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .cc-c-list,
  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:not(.cc-c-split-copy) {
    order: 2 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .cc-c-split-copy :is(.cc-c-intro,.avia_textblock,h1,h2,h3,h4,p,span) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    text-align: left !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .cc-c-split-copy h2 {
    font-size: clamp(30px, 9vw, 42px) !important;
    line-height: 1.05 !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .cc-c-listcard,
  body#top #wrap_all #standort-einzugsgebiet :is(.cc-c-card,.cc-c-list,.avia-icon-list) {
    padding: 28px 22px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .avia-buttonrow-wrap,
  body#top #wrap_all #standort-einzugsgebiet .avia-buttonrow {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
}

/* ==========================================================================
   END CC Startseite: Einzugsgebiet Mobile-Stack
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */


/* ==========================================================================
   BEGIN CC Startseite: Abschnittsfarben, Radien und FAQ-Abstände
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top {
  --cc-radius: 2px;
  --cc-button-radius: 2px;
}

/* Abschnittsfarben vor dem Footer */
body#top #wrap_all #faq,
body#top #wrap_all #faq.container_wrap {
  background: var(--cc-sec-light-bg, #f2f2f2) !important;
}

body#top #wrap_all #anfrage,
body#top #wrap_all #anfrage.container_wrap {
  background: var(--cc-sec-white-bg, #ffffff) !important;
}

body#top #wrap_all #anfrage .cc-c-cta,
body#top #wrap_all #anfrage .cc-c-card,
body#top #wrap_all #anfrage .cc-c-cta-card {
  background: var(--cc-sec-white-bg, #ffffff) !important;
}

/* Radien: Startseiten-Buttons und Boxen auf 2px */
body#top #wrap_all #main :is(
  .avia-button,
  .avia-button.avia-color-theme-color,
  .cc-c-button,
  .cc-c-buttonrow a,
  .cc-c-service-button .avia-button,
  .cc-home-teaser-button .avia-button,
  .cc-c-cta .avia-button,
  .cc-c-cta-card .avia-button
) {
  border-radius: var(--cc-button-radius, 2px) !important;
}

body#top #wrap_all #main :is(
  .cc-c-card,
  .cc-c-list,
  .cc-c-listcard,
  .cc-c-split-copy,
  .cc-c-service,
  .cc-c-service-card,
  .cc-c-benefit,
  .cc-c-cta-card,
  .iconbox,
  .iconbox_content,
  .togglecontainer,
  .toggle_content,
  .toggler
) {
  border-radius: var(--cc-radius, 2px) !important;
}

/* FAQ: geringerer Abstand zwischen Fragen */
body#top #wrap_all #faq .togglecontainer {
  margin-top: 22px !important;
  border-radius: var(--cc-radius, 2px) !important;
}

body#top #wrap_all #faq .toggler {
  min-height: 0 !important;
  margin: 0 0 6px !important;
  padding: 12px 18px !important;
  line-height: 1.3 !important;
  border-radius: var(--cc-radius, 2px) !important;
}

body#top #wrap_all #faq .toggle_wrap {
  margin: 0 0 6px !important;
}

body#top #wrap_all #faq .toggle_content {
  margin: 0 !important;
  padding: 12px 18px 14px !important;
  border-radius: var(--cc-radius, 2px) !important;
}

body#top #wrap_all #faq .toggler + .toggle_wrap + .toggler,
body#top #wrap_all #faq .single_toggle + .single_toggle {
  margin-top: 6px !important;
}

/* ==========================================================================
   END CC Startseite: Abschnittsfarben, Radien und FAQ-Abstände
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */


/* ==========================================================================
   BEGIN GO R49: aus neuen CC-Blöcken generierte GO-Struktur
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   Hinweis: Alte CC/GO-Bestandsblöcke bleiben für nicht migrierte Seiten erhalten.
   ========================================================================== */


/* ========================================================================== 
   BEGIN GO Basis: Farbpalette, Aliase und Strukturvariablen
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top {
  /* color-1: black / Haupt-Dunkelfläche, Footer, dunkle Karten */
  --go-color-1: #050505;

  /* color-2: graphite / dunkle Kartenfläche, weicher als Schwarz */
  --go-color-2: #151515;

  /* color-3: anthracite / dunkle Abschnittsfläche */
  --go-color-3: #202020;

  /* color-4: text-dark / Standard-Fließtext auf hellen Flächen */
  --go-color-4: #333333;

  /* color-5: text-muted / dezenter Text, Meta-Text */
  --go-color-5: #666666;

  /* color-6: border-medium / Rahmen, dezente Linien, Mittelgrau */
  --go-color-6: #D9D9D9;

  /* color-7: light-grey / helle Abschnittsfläche */
  --go-color-7: #F2F2F2;

  /* color-8: offwhite / sehr helle weiche Fläche */
  --go-color-8: #F7F7F5;

  /* color-9: white / weiße Fläche und invertierte Schrift */
  --go-color-9: #FFFFFF;

  /* color-10: brand-red / CTA, Buttons, aktive Akzente */
  --go-color-10: #B90000;

  /* color-11: brand-red-dark / Hover für rote CTAs */
  --go-color-11: #8F0000;

  /* Semantische Aliase, damit Komponenten lesbar bleiben */
  --go-surface-black: var(--go-color-1);
  --go-surface-dark: var(--go-color-2);
  --go-surface-anthracite: var(--go-color-3);
  --go-surface-light: var(--go-color-7);
  --go-surface-soft: var(--go-color-8);
  --go-surface-white: var(--go-color-9);
  --go-text-main: var(--go-color-4);
  --go-text-muted: var(--go-color-5);
  --go-text-invert: var(--go-color-9);
  --go-border-default: var(--go-color-6);
  --go-accent: var(--go-color-10);
  --go-accent-hover: var(--go-color-11);

  /* Legacy-Aliase nur zur Rückwärtskompatibilität alter, noch nicht umgestellter GO/CC-Blöcke */
  --go-black: var(--go-color-1);
  --go-graphite: var(--go-color-2);
  --go-darkgrey: var(--go-color-3);
  --go-text: var(--go-color-4);
  --go-midgrey: var(--go-color-5);
  --go-border: var(--go-color-6);
  --go-lightgrey: var(--go-color-7);
  --go-offwhite: var(--go-color-8);
  --go-white: var(--go-color-9);
  --go-red: var(--go-color-10);
  --go-red-dark: var(--go-color-11);

  /* Allgemeine Strukturwerte */
  --go-content-width: 1680px;
  --go-radius: 2px;
  --go-button-radius: 2px;
  --go-font-body: "Open Sans", Arial, sans-serif;
  --go-font-headline: "Open Sans Condensed", "Open Sans", Arial, sans-serif;
}

/* ========================================================================== 
   END GO Basis: Farbpalette, Aliase und Strukturvariablen
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */
/* ==========================================================================
   BEGIN GO ALB Textblock-Headings: CET-taugliche Überschriften
   Initial: 2026-06-22, aktuell: 2026-06-22, Version: 0.2
   ========================================================================== */


#top :is(.go-c-page-heading,.go-c-section-heading,.go-c-card-title,.go-c-step-number,.go-c-step-title) {
  margin-top:0;
  margin-bottom:0;
}

#top :is(.go-c-page-heading,.go-c-section-heading) :is(h1,h2,h3) {
  margin:0 0 .35em;
  color:var(--go-color-1);
  font-family:var(--go-font-headline);
  font-weight:700;
}

#top :is(.go-c-page-heading,.go-c-section-heading) p {
  margin:0;
  color:var(--go-color-4);
  font-family:var(--go-font-body);
  font-size:var(--go-size-lead);
  line-height:1.45;
}

#top .go-section-blue :is(.go-c-page-heading,.go-c-section-heading) :is(h1,h2,h3,p) {
  color:var(--go-color-9);
}

#top .go-c-card-title :is(h2,h3) {
  margin:0;
  padding:9px 8px;
  background:var(--go-color-1);
  color:var(--go-color-9);
  font-family:var(--go-font-headline);
  font-size:18px;
  font-weight:700;
  line-height:1.05;
  text-align:center;
  letter-spacing:.01em;
}

#top .go-c-step-number :is(h3,h4),
#top .go-c-step-title :is(h3,h4) {
  margin:0;
  font-family:var(--go-font-headline);
  font-weight:700;
}

#top .go-c-step-number :is(h3,h4) {
  color:var(--go-color-10);
  font-size:32px;
  line-height:1;
}

#top .go-c-step-title :is(h3,h4) {
  color:var(--go-color-1);
  font-size:19px;
  line-height:1.12;
}

#top .go-step-card-active :is(.go-c-step-number h3,.go-c-step-number h4) {
  color:var(--go-color-9);
}

#top .go-step-card-active :is(.go-c-step-title h3,.go-c-step-title h4,.avia_textblock,p) {
  color:var(--go-color-9);
}

#top .go-release-marker {
  display:none;
}

/* ==========================================================================
   END GO ALB Textblock-Headings: CET-taugliche Überschriften
   Initial: 2026-06-22, aktuell: 2026-06-22, Version: 0.2
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Startseite: Hero-Bild und Hero-Panel
   Initial: 2026-06-22, aktuell: 2026-06-23, Version: 0.4
   ========================================================================== */

#top {
  /* Hero-Höhen nach Enfold-nahen Bereichen */
  --go-hero-height-desktop: 560px;       /* ab 990px */
  --go-hero-height-highres: 640px;       /* ab 1600px */
  --go-hero-height-tablet: 520px;        /* 768px bis 989px */
  --go-hero-height-mobile: 500px;        /* 480px bis 767px */
  --go-hero-height-mini: 460px;          /* bis 479px */

  /* optische vertikale Panel-Position: 50% = geometrische Mitte */
  --go-hero-panel-y-desktop: 56%;
  --go-hero-panel-y-highres: 56%;
  --go-hero-panel-y-tablet: 54%;
  --go-hero-panel-y-mobile: 53%;
  --go-hero-panel-y-mini: 52%;

  --go-hero-panel-width: 640px;
  --go-hero-panel-offset-x: 0px;
  --go-hero-panel-bg: rgba(0,0,0,.58);
}

#top #hero-home.go-hero-mb,
#top #hero-home.go-hero-mb :is(.container,.entry-content-wrapper,.flex_column,.avia-builder-el-no-sibling) {
  overflow:visible !important;
}

#top #hero-home.go-hero-mb {
  position:relative !important;
  z-index:30 !important;
  min-height:var(--go-hero-height-desktop) !important;
  background-color:var(--go-color-1,#050505) !important;
  background-size:cover !important;
  background-position:center center !important;
}

#top #hero-home.go-hero-mb::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.58) 38%, rgba(0,0,0,.24) 66%, rgba(0,0,0,.08) 100%);
}

#top #hero-home.go-hero-mb .container {
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  max-width:1680px !important;
  min-height:var(--go-hero-height-desktop) !important;
  box-sizing:border-box !important;
}

#top #hero-home.go-hero-mb .entry-content-wrapper {
  position:relative !important;
  width:100% !important;
  min-height:var(--go-hero-height-desktop) !important;
}

#top #hero-home.go-hero-mb .go-hero-content-col {
  position:absolute !important;
  left:var(--go-hero-panel-offset-x) !important;
  top:var(--go-hero-panel-y-desktop) !important;
  transform:translateY(-50%) !important;
  width:min(var(--go-hero-panel-width),48vw) !important;
  margin:0 !important;
  padding:0 !important;
}

#top #hero-home.go-hero-mb .go-c-hero-panel {
  max-width:var(--go-hero-panel-width) !important;
  padding:clamp(28px,3vw,46px) !important;
  background:var(--go-hero-panel-bg) !important;
  color:var(--go-color-9,#ffffff) !important;
  border-left:3px solid var(--go-color-10,#B90000) !important;
  box-sizing:border-box !important;
}

#top #hero-home.go-hero-mb .go-c-hero-copy,
#top #hero-home.go-hero-mb .go-c-hero-copy .avia_textblock {
  margin:0 !important;
  color:var(--go-color-9,#ffffff) !important;
}

#top #hero-home.go-hero-mb .go-c-hero-copy :is(h1,h2,p) {
  color:var(--go-color-9,#ffffff) !important;
}

#top #hero-home.go-hero-mb .go-c-hero-copy h1 {
  margin:0 0 .34em !important;
  font-family:var(--go-font-headline,"Open Sans Condensed",Arial,sans-serif) !important;
  font-size:clamp(44px,5.2vw,78px) !important;
  line-height:1.02 !important;
  font-weight:300 !important;
  letter-spacing:-.015em !important;
}

#top #hero-home.go-hero-mb .go-c-hero-copy p {
  max-width:560px !important;
  margin:0 !important;
  font-size:clamp(16px,1.15vw,20px) !important;
  line-height:1.55 !important;
  font-weight:600 !important;
  color:rgba(255,255,255,.92) !important;
}

#top #hero-home.go-hero-mb .go-c-hero-actions {
  margin-top:24px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}

#top #hero-home.go-hero-mb .go-c-hero-actions .avia-button,
#top #hero-home.go-hero-mb .go-c-hero-actions a {
  min-height:42px !important;
  padding:11px 20px !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  text-decoration:none !important;
  text-transform:none !important;
  transform:none !important;
}

#top #hero-home.go-hero-mb .go-c-hero-actions .go-c-button-red,
#top #hero-home.go-hero-mb .go-c-hero-actions .avia-buttonrow-wrap:first-child .avia-button,
#top #hero-home.go-hero-mb .go-c-hero-actions a:first-of-type {
  border:1px solid var(--go-color-10,#B90000) !important;
  background:var(--go-color-10,#B90000) !important;
  color:var(--go-color-9,#ffffff) !important;
}

#top #hero-home.go-hero-mb .go-c-hero-actions .go-c-button-outline-white,
#top #hero-home.go-hero-mb .go-c-hero-actions .avia-buttonrow-wrap:nth-child(2) .avia-button,
#top #hero-home.go-hero-mb .go-c-hero-actions a:nth-of-type(2) {
  border:1px solid rgba(255,255,255,.78) !important;
  background:rgba(0,0,0,.16) !important;
  color:var(--go-color-9,#ffffff) !important;
}

#top #hero-home.go-hero-mb .go-c-hero-actions .avia-button:hover,
#top #hero-home.go-hero-mb .go-c-hero-actions a:hover,
#top #hero-home.go-hero-mb .go-c-hero-actions .avia-button:focus,
#top #hero-home.go-hero-mb .go-c-hero-actions a:focus {
  background:var(--go-color-9,#ffffff) !important;
  border-color:var(--go-color-9,#ffffff) !important;
  color:var(--go-color-1,#050505) !important;
  transform:none !important;
}

#top #hero-home .go-home-original-badge,
#top.go-header-badge-active .go-header-actions::after {
  display:none !important;
  content:none !important;
  background-image:none !important;
}

@media only screen and (min-width:1600px) {
  #top #hero-home.go-hero-mb,
  #top #hero-home.go-hero-mb .container,
  #top #hero-home.go-hero-mb .entry-content-wrapper {
    min-height:var(--go-hero-height-highres) !important;
  }

  #top #hero-home.go-hero-mb .go-hero-content-col {
    top:var(--go-hero-panel-y-highres) !important;
  }
}

@media only screen and (min-width:768px) and (max-width:989px) {
  #top #hero-home.go-hero-mb,
  #top #hero-home.go-hero-mb .container,
  #top #hero-home.go-hero-mb .entry-content-wrapper {
    min-height:var(--go-hero-height-tablet) !important;
  }

  #top #hero-home.go-hero-mb::before {
    background:linear-gradient(90deg, rgba(0,0,0,.84) 0%, rgba(0,0,0,.66) 58%, rgba(0,0,0,.28) 100%);
  }

  #top #hero-home.go-hero-mb .go-hero-content-col {
    top:var(--go-hero-panel-y-tablet) !important;
    width:min(var(--go-hero-panel-width),88vw) !important;
  }
}

@media only screen and (min-width:480px) and (max-width:767px) {
  #top #hero-home.go-hero-mb,
  #top #hero-home.go-hero-mb .container,
  #top #hero-home.go-hero-mb .entry-content-wrapper {
    min-height:var(--go-hero-height-mobile) !important;
  }

  #top #hero-home.go-hero-mb .go-hero-content-col {
    top:var(--go-hero-panel-y-mobile) !important;
    width:min(var(--go-hero-panel-width),88vw) !important;
  }

  #top #hero-home.go-hero-mb .go-c-hero-panel {
    padding:24px !important;
  }

  #top #hero-home.go-hero-mb .go-c-hero-copy h1 {
    font-size:42px !important;
  }
}

@media only screen and (max-width:479px) {
  #top #hero-home.go-hero-mb,
  #top #hero-home.go-hero-mb .container,
  #top #hero-home.go-hero-mb .entry-content-wrapper {
    min-height:var(--go-hero-height-mini) !important;
  }

  #top #hero-home.go-hero-mb .go-hero-content-col {
    top:var(--go-hero-panel-y-mini) !important;
    width:calc(100vw - 36px) !important;
  }

  #top #hero-home.go-hero-mb .go-c-hero-panel {
    padding:22px !important;
  }

  #top #hero-home.go-hero-mb .go-c-hero-copy h1 {
    font-size:38px !important;
  }
}

/* ========================================================================== 
   END GO Startseite: Hero-Bild und Hero-Panel
   Initial: 2026-06-22, aktuell: 2026-06-23, Version: 0.4
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Startseite: Leistungsteaser 2x2
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.2
   ========================================================================== */

#top #leistungs-teaser-kompakt {
  --go-service-gap: 30px;
  --go-service-image-height: 285px;
  --go-service-body-bg: #151515;
  --go-service-body-text: rgba(255,255,255,.86);
  --go-service-body-padding-x: 28px;
  --go-service-body-padding-top: 30px;
  --go-service-body-padding-bottom: 24px;
  --go-service-image-gradient-height: 72px;
}

#top #leistungs-teaser-kompakt,
#top #leistungs-teaser-kompakt .container_wrap {
  background: var(--go-color-7) !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#top #leistungs-teaser-kompakt :is(.av-section-color-overlay,.av-section-color-overlay-wrap,.av-extra-border-element),
#top #leistungs-teaser-kompakt::before,
#top #leistungs-teaser-kompakt::after,
#top #leistungs-teaser-kompakt :is(.container,.content,.template-page,.post-entry,.entry-content-wrapper)::before,
#top #leistungs-teaser-kompakt :is(.container,.content,.template-page,.post-entry,.entry-content-wrapper)::after {
  display: none !important;
  content: none;
}

#top #leistungs-teaser-kompakt .container {
  max-width: var(--go-content-width) !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

#top #leistungs-teaser-kompakt :is(.content,.template-page) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#top #leistungs-teaser-kompakt .entry-content-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--go-service-gap) !important;
  align-items: stretch !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#top #leistungs-teaser-kompakt :is(.entry-content-wrapper > .flex_column, .go-home-teaser-card) {
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#top #leistungs-teaser-kompakt .go-home-teaser-card {
  background: var(--go-service-body-bg) !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

#top #leistungs-teaser-kompakt .go-home-teaser-card :is(.avia-image-container,.av_textblock_section,.avia-button-wrap) {
  margin: 0 !important;
}

#top #leistungs-teaser-kompakt .go-home-teaser-image,
#top #leistungs-teaser-kompakt .go-home-teaser-image :is(.avia-image-container-inner,.avia_image_wrap,a,picture,img,.avia_image) {
  display: block !important;
  width: 100% !important;
  height: var(--go-service-image-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#top #leistungs-teaser-kompakt .go-home-teaser-image {
  position: relative !important;
}

#top #leistungs-teaser-kompakt .go-home-teaser-image::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--go-service-image-gradient-height);
  background: linear-gradient(to bottom, rgba(21,21,21,0) 0%, var(--go-service-body-bg) 100%);
  pointer-events: none;
  z-index: 2;
}

#top #leistungs-teaser-kompakt .go-home-teaser-image :is(img,.avia_image) {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#top #leistungs-teaser-kompakt .go-home-teaser-image :is(.image-overlay,.image-overlay-inside) {
  display: none !important;
}

#top #leistungs-teaser-kompakt .go-home-teaser-body {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  flex: 1 1 auto !important;
  min-height: 150px !important;
  padding: var(--go-service-body-padding-top) var(--go-service-body-padding-x) 0 !important;
  background: var(--go-service-body-bg) !important;
  color: var(--go-service-body-text) !important;
  box-sizing: border-box !important;
}

#top #leistungs-teaser-kompakt .go-home-teaser-body h2 {
  margin: 0 0 12px !important;
  color: var(--go-color-9) !important;
  font-family: var(--go-font-headline) !important;
  font-size: clamp(30px, 2.35vw, 40px) !important;
  line-height: 1.03 !important;
  font-weight: 700 !important;
}

#top #leistungs-teaser-kompakt .go-home-teaser-body p {
  margin: 0 !important;
  color: var(--go-service-body-text) !important;
  font-size: 16px !important;
  line-height: 1.58 !important;
}

#top #leistungs-teaser-kompakt .avia-button-wrap {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 22px var(--go-service-body-padding-x) var(--go-service-body-padding-bottom) !important;
  background: var(--go-service-body-bg) !important;
  box-sizing: border-box !important;
}

#top #leistungs-teaser-kompakt .go-home-teaser-button .avia-button,
#top #leistungs-teaser-kompakt .go-home-teaser-button.avia-button,
#top #leistungs-teaser-kompakt .avia-button-wrap .avia-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 10px 17px !important;
  border: 1px solid var(--go-color-9) !important;
  border-radius: 0 !important;
  background: var(--go-color-10) !important;
  color: var(--go-color-9) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

#top #leistungs-teaser-kompakt .go-home-teaser-button .avia-button :is(span,.avia_button_label),
#top #leistungs-teaser-kompakt .avia-button-wrap .avia-button :is(span,.avia_button_label) {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

#top #leistungs-teaser-kompakt .go-home-teaser-button .avia-button:is(:hover,:focus),
#top #leistungs-teaser-kompakt .avia-button-wrap .avia-button:is(:hover,:focus) {
  background: #8f0000 !important;
  color: var(--go-color-9) !important;
  border-color: var(--go-color-9) !important;
  box-shadow: none !important;
}

@media only screen and (max-width: 989px) {
  #top #leistungs-teaser-kompakt {
    --go-service-gap: 22px;
    --go-service-image-height: 240px;
    --go-service-body-padding-x: 24px;
    --go-service-body-padding-top: 26px;
    --go-service-body-padding-bottom: 22px;
  }
}

@media only screen and (max-width: 767px) {
  #top #leistungs-teaser-kompakt {
    --go-service-gap: 18px;
    --go-service-image-height: 220px;
    --go-service-body-padding-x: 20px;
    --go-service-body-padding-top: 24px;
    --go-service-body-padding-bottom: 22px;
  }

  #top #leistungs-teaser-kompakt .container {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  #top #leistungs-teaser-kompakt .entry-content-wrapper {
    grid-template-columns: 1fr !important;
  }

  #top #leistungs-teaser-kompakt .go-home-teaser-body {
    min-height: 0 !important;
  }
}

/* ==========================================================================
   END GO Startseite: Leistungsteaser 2x2
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.2
   ========================================================================== */

/* ========================================================================== 
   BEGIN GO Startseite: Mercedes-Korrektur und Altfarben-Neutralisierung
   Initial: 2026-06-22, aktuell: 2026-06-22, Version: 0.1
   ========================================================================== */

#top .go-home-original-hero + .go-content-page .container,
#top .go-home-original-hero ~ .go-content-page .container,
#top #leistungs-teaser-kompakt .container {
  max-width:var(--go-content-width) !important;
}

/* Rot nur als Akzent, nicht als große Fläche. */
#top :is(#leistungs-teaser-kompakt,#anfrage,.go-section-yellow,.go-card-yellow,.go-panel-yellow,.go-overlap-strip) {
  background:var(--go-color-7) !important;
  background-color:var(--go-color-7) !important;
  background-image:none !important;
}

#top :is(.go-card-yellow,.go-panel-yellow) {
  border-color:var(--go-color-6) !important;
}

#top :is(.go-section-blue,#standort-einzugsgebiet,.go-panel-blue,.go-card-blue) {
  background:var(--go-color-1) !important;
  background-color:var(--go-color-1) !important;
  background-image:none !important;
}

/* Champagnegold und alte Grün-/Blau-Akzente neutralisieren. */
#top [style*="C8B15A"],
#top [style*="c8b15a"],
#top [style*="f2b400"],
#top [style*="19b85a"] {
  border-color:var(--go-color-6) !important;
}

/* Enfold-Iconlisten: schwarze Hakerl, keine Verbindungslinie. */
#top .avia-icon-list .iconlist-timeline,
#top .avia-icon-list .iconlist-timeline-wrapper,
#top .avia-icon-list::before,
#top .avia-icon-list li::before,
#top .avia-icon-list li::after {
  display:none !important;
  content:none !important;
  border:0 !important;
  background:transparent !important;
}

#top .avia-icon-list .iconlist_icon,
#top .avia-icon-list .iconlist_icon * {
  background:var(--go-icon-bg) !important;
  border-color:var(--go-icon-bg) !important;
  color:var(--go-color-9) !important;
}

#top .avia-icon-list .iconlist_icon {
  box-shadow:none !important;
}

#top .go-step-card-active .avia-icon-list .iconlist_icon,
#top .go-decision-card:nth-child(2) .iconbox_icon {
  background:var(--go-icon-active-bg) !important;
  border-color:var(--go-icon-active-bg) !important;
}

/* Aktions- und Inline-Buttons in Altfarben in Mercedes-System zwingen. */
#top .avia-button,
#top .avia-buttonrow-wrap a {
  box-shadow:none !important;
  border-radius:0 !important;
}

#top .go-section-blue .avia-button,
#top .go-panel-blue .avia-button {
  border:1px solid var(--go-color-9) !important;
  background:var(--go-color-1) !important;
  color:var(--go-color-9) !important;
}

#top .go-section-yellow .avia-button,
#top #anfrage .avia-button {
  border:1px solid var(--go-color-1) !important;
  background:var(--go-color-1) !important;
  color:var(--go-color-9) !important;
}

#top #anfrage :is(h1,h2,h3,h4,p,li,.avia_textblock) {
  color:var(--go-color-1) !important;
}

/* Aktive Karten ohne Blau/Grün/Gelb. */
#top :is(.go-step-card-active,.go-decision-card .iconbox_icon) {
  box-shadow:none !important;
}

/* ========================================================================== 
   END GO Startseite: Mercedes-Korrektur und Altfarben-Neutralisierung
   Initial: 2026-06-22, aktuell: 2026-06-22, Version: 0.1
   ========================================================================== */

/* ========================================================================== 
   BEGIN GO Startseite: Versicherung Split ohne Box
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.6
   ========================================================================== */

#top #versicherung-mobilitaet {
  --go-mobility-gap: var(--go-service-gap, 30px);
  --go-mobility-image-height: 500px;
  --go-mobility-section-padding: 58px;
  background: var(--go-color-9) !important;
  background-color: var(--go-color-9) !important;
  border: 0 !important;
  box-shadow: none !important;
}

#top #versicherung-mobilitaet .container {
  max-width: var(--go-content-width) !important;
  padding-top: var(--go-mobility-section-padding) !important;
  padding-bottom: var(--go-mobility-section-padding) !important;
}

#top #versicherung-mobilitaet :is(.content,.template-page) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Gleiche Layoutlogik wie Leistungsteaser: kein Abschnitts-Offset, gleiche Containerbreite, gleicher Gap. */
/* R28: beide Spalten starten oben, Bildkante fluchtet mit der Headline rechts. */
#top #versicherung-mobilitaet .entry-content-wrapper {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: var(--go-mobility-gap) !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
}

#top #versicherung-mobilitaet :is(.entry-content-wrapper > .flex_column,.go-c-split-image-col,.go-c-split-content) {
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  width: calc((100% - var(--go-mobility-gap)) / 2) !important;
  max-width: calc((100% - var(--go-mobility-gap)) / 2) !important;
  min-width: 0 !important;
  flex: 0 0 calc((100% - var(--go-mobility-gap)) / 2) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#top #versicherung-mobilitaet .go-c-split-image-col {
  align-items: stretch !important;
  justify-content: flex-start !important;
}

#top #versicherung-mobilitaet .go-c-split-content {
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

#top #versicherung-mobilitaet .go-c-split-image,
#top #versicherung-mobilitaet .go-c-split-image.avia-image-container,
#top #versicherung-mobilitaet .go-c-split-image :is(.avia-image-container-inner,.avia_image_wrap,a,picture,img,.avia_image) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: var(--go-mobility-image-height) !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#top #versicherung-mobilitaet .go-c-split-image :is(img,.avia_image) {
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#top #versicherung-mobilitaet .go-c-split-image :is(.image-overlay,.image-overlay-inside) {
  display: none !important;
}

#top #versicherung-mobilitaet .go-c-mobility-heading {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 0 28px !important;
}

#top #versicherung-mobilitaet .go-c-mobility-heading h2 {
  margin: 0 0 14px !important;
  color: var(--go-color-1) !important;
  font-family: var(--go-font-headline) !important;
  font-size: clamp(36px, 3vw, 52px) !important;
  line-height: 1.03 !important;
  font-weight: 700 !important;
}

#top #versicherung-mobilitaet .go-c-mobility-heading p {
  margin: 0 !important;
  color: var(--go-color-4) !important;
  font-size: 17px !important;
  line-height: 1.58 !important;
}

#top #versicherung-mobilitaet .avia-icon-list-container,
#top #versicherung-mobilitaet .avia-icon-list,
#top #versicherung-mobilitaet .avia-icon-list li {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#top #versicherung-mobilitaet .avia-icon-list {
  display: grid !important;
  gap: 22px !important;
  padding: 0 !important;
}

#top #versicherung-mobilitaet .avia-icon-list .iconlist-timeline,
#top #versicherung-mobilitaet .avia-icon-list .iconlist-timeline-wrapper,
#top #versicherung-mobilitaet .avia-icon-list::before,
#top #versicherung-mobilitaet .avia-icon-list li::before,
#top #versicherung-mobilitaet .avia-icon-list li::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  background: transparent !important;
}

#top #versicherung-mobilitaet .avia-icon-list li {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  column-gap: 18px !important;
  align-items: start !important;
  min-height: 0 !important;
  padding: 0 !important;
}

#top #versicherung-mobilitaet .avia-icon-list .iconlist_icon {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  margin: 2px 0 0 !important;
  background: var(--go-color-1) !important;
  border: 1px solid var(--go-color-1) !important;
  border-radius: 50% !important;
  color: var(--go-color-9) !important;
  box-shadow: none !important;
}

#top #versicherung-mobilitaet .avia-icon-list .iconlist_icon * {
  color: var(--go-color-9) !important;
  background: transparent !important;
}

#top #versicherung-mobilitaet .avia-icon-list .article-icon-entry,
#top #versicherung-mobilitaet .avia-icon-list .iconlist_content_wrap {
  min-height: 0 !important;
  padding: 0 !important;
}

#top #versicherung-mobilitaet .avia-icon-list .iconlist_title {
  margin: 0 0 5px !important;
  color: var(--go-color-1) !important;
  font-family: var(--go-font-headline) !important;
  font-size: 27px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
}

#top #versicherung-mobilitaet .avia-icon-list .iconlist_content,
#top #versicherung-mobilitaet .avia-icon-list .iconlist_content p {
  margin: 0 !important;
  color: var(--go-color-4) !important;
  font-size: 15.5px !important;
  line-height: 1.52 !important;
}

#top #versicherung-mobilitaet .avia-buttonrow-wrap {
  margin-top: 30px !important;
  margin-bottom: 0 !important;
}

#top #versicherung-mobilitaet .avia-buttonrow-wrap .avia-button {
  min-height: 42px !important;
  padding: 11px 18px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 650 !important;
}

#top #versicherung-mobilitaet .avia-buttonrow-wrap .avia-button:first-child {
  border: 1px solid var(--go-color-10) !important;
  background: var(--go-color-10) !important;
  color: var(--go-color-9) !important;
}

#top #versicherung-mobilitaet .avia-buttonrow-wrap .avia-button:last-child {
  border: 1px solid var(--go-color-1) !important;
  background: var(--go-color-1) !important;
  color: var(--go-color-9) !important;
}

#top #versicherung-mobilitaet .avia-buttonrow-wrap .avia-button:is(:hover,:focus) {
  background: var(--go-color-9) !important;
  color: var(--go-color-1) !important;
  border-color: var(--go-color-1) !important;
}

@media only screen and (min-width: 1600px) {
  #top #versicherung-mobilitaet { --go-mobility-image-height: 540px; }
}

@media only screen and (max-width: 989px) {
  #top #versicherung-mobilitaet {
    --go-mobility-section-padding: 44px;
    --go-mobility-image-height: 380px;
  }

  #top #versicherung-mobilitaet .entry-content-wrapper {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    transform: none !important;
  }

  #top #versicherung-mobilitaet :is(.entry-content-wrapper > .flex_column,.go-c-split-image-col,.go-c-split-content) {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: auto !important;
  }

  #top #versicherung-mobilitaet .go-c-mobility-heading h2 {
    font-size: clamp(32px, 6vw, 42px) !important;
  }
}

@media only screen and (max-width: 479px) {
  #top #versicherung-mobilitaet {
    --go-mobility-section-padding: 34px;
    --go-mobility-image-height: 260px;
  }

  #top #versicherung-mobilitaet .avia-icon-list li {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    column-gap: 14px !important;
  }

  #top #versicherung-mobilitaet .avia-icon-list .iconlist_icon {
    width: 38px !important;
    height: 38px !important;
  }

  #top #versicherung-mobilitaet .avia-icon-list .iconlist_title {
    font-size: 23px !important;
  }
}

/* ========================================================================== 
   END GO Startseite: Versicherung Split ohne Box
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.6
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Release-Marker
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top .go-release-info-text {
  display: none !important;
}

/* ==========================================================================
   END GO Release-Marker
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ========================================================================== 
   BEGIN GO Startseite: Layoutsystem und Abschnittsfarben
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top {
  --go-layout-width: var(--go-content-width, 1680px);
  --go-layout-edge-desktop: clamp(40px, 6vw, 96px);
  --go-layout-edge-tablet: 32px;
  --go-layout-edge-mobile: 20px;
  --go-layout-gap: 30px;
  --go-layout-gap-tablet: 24px;
  --go-layout-gap-mobile: 18px;

  --go-sec-white-bg: #ffffff;
  --go-sec-soft-bg: #f7f7f5;
  --go-sec-light-bg: #f2f2f2;
  --go-sec-medium-bg: #d9d9d9;
  --go-sec-dark-bg: #151515;
  --go-sec-black-bg: #050505;
}

#top .go-layout {
  --go-layout-edge: var(--go-layout-edge-desktop);
  --go-layout-current-gap: var(--go-layout-gap);
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#top .go-sec-white { background: var(--go-sec-white-bg) !important; }
#top .go-sec-soft { background: var(--go-sec-soft-bg) !important; }
#top .go-sec-light { background: var(--go-sec-light-bg) !important; }
#top .go-sec-medium { background: var(--go-sec-medium-bg) !important; }
#top .go-sec-dark { background: var(--go-sec-dark-bg) !important; }
#top .go-sec-black { background: var(--go-sec-black-bg) !important; }

#top .go-layout .container {
  width: min(var(--go-layout-width), calc(100% - (2 * var(--go-layout-edge)))) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

#top .go-layout :is(.content, .template-page) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#top .go-layout .entry-content-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

#top .go-layout:is(.go-layout-1col, .go-layout-2col, .go-layout-3col, .go-layout-4col) .entry-content-wrapper {
  display: grid !important;
  gap: var(--go-layout-current-gap) !important;
  align-items: start !important;
}

#top .go-layout-1col .entry-content-wrapper { grid-template-columns: 1fr !important; }
#top .go-layout-2col .entry-content-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
#top .go-layout-3col .entry-content-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
#top .go-layout-4col .entry-content-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }

#top .go-layout .entry-content-wrapper > .flex_column {
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#top .go-layout .entry-content-wrapper > .av_one_full {
  grid-column: 1 / -1 !important;
}

#top .go-sec-dark :is(.go-section-heading h2, .go-section-heading h3, .go-section-heading p),
#top .go-sec-black :is(.go-section-heading h2, .go-section-heading h3, .go-section-heading p) {
  color: var(--go-color-9) !important;
}

#top .go-sec-dark .go-section-heading p,
#top .go-sec-black .go-section-heading p {
  color: rgba(255,255,255,.78) !important;
}

#top .go-sec-final-cta .go-final-cta-card {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
  #top .go-layout {
    --go-layout-edge: var(--go-layout-edge-tablet);
    --go-layout-current-gap: var(--go-layout-gap-tablet);
  }

  #top .go-layout-3col .entry-content-wrapper,
  #top .go-layout-4col .entry-content-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media only screen and (max-width: 767px) {
  #top .go-layout {
    --go-layout-edge: var(--go-layout-edge-mobile);
    --go-layout-current-gap: var(--go-layout-gap-mobile);
  }

  #top .go-layout-2col .entry-content-wrapper,
  #top .go-layout-3col .entry-content-wrapper,
  #top .go-layout-4col .entry-content-wrapper {
    grid-template-columns: 1fr !important;
  }
}

/* ========================================================================== 
   END GO Startseite: Layoutsystem und Abschnittsfarben
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ========================================================================== 
   BEGIN GO Startseite: 2-Spalten-Fix Standort und Folierung
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top :is(#standort-einzugsgebiet, #folierung-und-karosserie) {
  --go-local-gap: var(--go-layout-gap);
}

#top :is(#standort-einzugsgebiet, #folierung-und-karosserie) .entry-content-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: var(--go-local-gap) !important;
}

#top :is(#standort-einzugsgebiet, #folierung-und-karosserie) .entry-content-wrapper > .flex_column {
  float: none !important;
  clear: none !important;
  width: calc((100% - var(--go-local-gap)) / 2) !important;
  margin: 0 !important;
  flex: 0 0 calc((100% - var(--go-local-gap)) / 2) !important;
  max-width: calc((100% - var(--go-local-gap)) / 2) !important;
  min-width: 0 !important;
  order: initial !important;
  align-self: flex-start !important;
}

#top #standort-einzugsgebiet .entry-content-wrapper > .flex_column.first,
#top #folierung-und-karosserie .entry-content-wrapper > .flex_column.first {
  order: 1 !important;
}

#top #standort-einzugsgebiet .entry-content-wrapper > .flex_column:not(.first),
#top #folierung-und-karosserie .entry-content-wrapper > .flex_column:not(.first) {
  order: 2 !important;
}

@media only screen and (max-width: 767px) {
  #top :is(#standort-einzugsgebiet, #folierung-und-karosserie) .entry-content-wrapper {
    gap: var(--go-layout-gap-mobile) !important;
  }

  #top :is(#standort-einzugsgebiet, #folierung-und-karosserie) .entry-content-wrapper > .flex_column {
    width: 100% !important;
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}

/* ========================================================================== 
   END GO Startseite: 2-Spalten-Fix Standort und Folierung
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Startseite: R32 Layout, Flächen und CET-Komponenten
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top {
  --go-layout-width: 1680px;
  --go-layout-edge-desktop: clamp(40px, 6vw, 96px);
  --go-layout-edge-tablet: 32px;
  --go-layout-edge-mobile: 20px;
  --go-layout-gap: 30px;
  --go-layout-gap-mobile: 20px;

  --go-sec-white-bg: #ffffff;
  --go-sec-soft-bg: #f7f7f5;
  --go-sec-light-bg: #f2f2f2;
  --go-sec-medium-bg: #d9d9d9;
  --go-sec-dark-bg: #151515;
  --go-sec-black-bg: #050505;

  --go-color-4-dark: #333333;
  --go-color-4-light: rgba(255,255,255,.86);
  --go-color-6-soft: rgba(0,0,0,.14);
  --go-color-10: #B90000;
  --go-color-11: #8F0000;
}

/* Layout-Grundlage für neu bereinigte Startseiten-Abschnitte */
#top .avia-section.go-l {
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#top .avia-section.go-sec-white,
#top .avia-section.go-sec-white .container_wrap { background: var(--go-sec-white-bg) !important; }
#top .avia-section.go-sec-soft,
#top .avia-section.go-sec-soft .container_wrap { background: var(--go-sec-soft-bg) !important; }
#top .avia-section.go-sec-light,
#top .avia-section.go-sec-light .container_wrap { background: var(--go-sec-light-bg) !important; }
#top .avia-section.go-sec-medium,
#top .avia-section.go-sec-medium .container_wrap { background: var(--go-sec-medium-bg) !important; }
#top .avia-section.go-sec-dark,
#top .avia-section.go-sec-dark .container_wrap { background: var(--go-sec-dark-bg) !important; color: var(--go-color-4-light) !important; }
#top .avia-section.go-sec-black,
#top .avia-section.go-sec-black .container_wrap { background: var(--go-sec-black-bg) !important; color: var(--go-color-4-light) !important; }

#top .avia-section.go-l > .container,
#top .avia-section.go-l .container {
  width: min(var(--go-layout-width), calc(100% - (2 * var(--go-layout-edge-desktop)))) !important;
  max-width: min(var(--go-layout-width), calc(100% - (2 * var(--go-layout-edge-desktop)))) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

#top .avia-section.go-l :is(.content,.template-page) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#top .avia-section.go-l :is(.av-section-color-overlay,.av-section-color-overlay-wrap,.av-extra-border-element),
#top .avia-section.go-l::before,
#top .avia-section.go-l::after,
#top .avia-section.go-l :is(.container,.content,.template-page,.post-entry,.entry-content-wrapper)::before,
#top .avia-section.go-l :is(.container,.content,.template-page,.post-entry,.entry-content-wrapper)::after {
  display: none !important;
  content: none !important;
}

#top .avia-section.go-l .entry-content-wrapper {
  display: grid !important;
  gap: var(--go-layout-gap) !important;
  align-items: start !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#top .avia-section.go-l-1 .entry-content-wrapper { grid-template-columns: 1fr !important; }
#top .avia-section.go-l-2 .entry-content-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
#top .avia-section.go-l-3 .entry-content-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
#top .avia-section.go-l-4 .entry-content-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }

#top .avia-section.go-l .entry-content-wrapper > .flex_column {
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#top .avia-section.go-l .entry-content-wrapper > :not(.flex_column) {
  grid-column: 1 / -1 !important;
}

#top .avia-section.go-l :is(h1,h2,h3,h4,h5,h6) {
  color: inherit;
  font-family: var(--go-font-headline, "Open Sans Condensed", "Open Sans", Arial, sans-serif) !important;
}

#top .avia-section.go-l p,
#top .avia-section.go-l li,
#top .avia-section.go-l .avia_textblock {
  font-family: var(--go-font-body, "Open Sans", Arial, sans-serif) !important;
}

#top .avia-section.go-sec-dark :is(h1,h2,h3,h4,p,li,.avia_textblock),
#top .avia-section.go-sec-black :is(h1,h2,h3,h4,p,li,.avia_textblock) {
  color: var(--go-color-4-light) !important;
}

#top .avia-section.go-sec-dark h2,
#top .avia-section.go-sec-black h2 {
  color: var(--go-color-9, #fff) !important;
}

/* CET-Komponenten: Text, Buttons, Media */
#top .go-c-intro h1,
#top .go-c-intro h2 {
  margin: 0 0 16px !important;
  font-size: clamp(34px, 3vw, 50px) !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
}

#top .go-c-intro p {
  margin: 0 0 18px !important;
  font-size: 16px !important;
  line-height: 1.58 !important;
}

#top .go-c-actions,
#top .avia-buttonrow-wrap.go-c-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
  margin-top: 22px !important;
}

#top .go-c-btn .avia-button,
#top .go-c-btn.avia-button,
#top a.go-c-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 11px 18px !important;
  border-radius: 0 !important;
  border: 1px solid currentColor !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

#top .go-c-btn-red .avia-button,
#top .go-c-btn-red.avia-button {
  background: var(--go-color-10) !important;
  border-color: var(--go-color-9,#fff) !important;
  color: var(--go-color-9,#fff) !important;
}

#top .go-c-btn-dark .avia-button,
#top .go-c-btn-dark.avia-button {
  background: var(--go-sec-black-bg) !important;
  border-color: var(--go-sec-black-bg) !important;
  color: var(--go-color-9,#fff) !important;
}

#top .go-c-btn-outline .avia-button,
#top .go-c-btn-outline.avia-button {
  background: transparent !important;
  border-color: var(--go-color-9,#fff) !important;
  color: var(--go-color-9,#fff) !important;
}

#top .go-c-btn .avia-button:hover,
#top .go-c-btn .avia-button:focus {
  background: var(--go-color-11) !important;
  color: var(--go-color-9,#fff) !important;
  border-color: var(--go-color-9,#fff) !important;
}

/* Leistungsteaser */
#top .go-c-services .entry-content-wrapper { align-items: stretch !important; }

#top .go-c-service {
  background: var(--go-sec-dark-bg) !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

#top .go-c-service-img,
#top .go-c-service-img :is(.avia-image-container-inner,.avia_image_wrap,a,picture,img,.avia_image) {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 260px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#top .go-c-service-img::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 44% !important;
  background: linear-gradient(to bottom, rgba(21,21,21,0), var(--go-sec-dark-bg)) !important;
  pointer-events: none !important;
}

#top .go-c-service-img :is(img,.avia_image) {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#top .go-c-service-img :is(.image-overlay,.image-overlay-inside) { display: none !important; }

#top .go-c-service-copy {
  flex: 1 1 auto !important;
  min-height: 155px !important;
  padding: 0 28px 0 !important;
  margin-top: -22px !important;
  position: relative !important;
  z-index: 2 !important;
  background: var(--go-sec-dark-bg) !important;
  color: var(--go-color-4-light) !important;
}

#top .go-c-service-copy h2 {
  margin: 0 0 12px !important;
  color: var(--go-color-9,#fff) !important;
  font-size: clamp(30px, 2.6vw, 44px) !important;
  line-height: 1.02 !important;
  font-weight: 700 !important;
}

#top .go-c-service-copy p {
  margin: 0 !important;
  color: var(--go-color-4-light) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

#top .go-c-service > .avia-button-wrap {
  margin-top: auto !important;
  padding: 22px 28px 28px !important;
  background: var(--go-sec-dark-bg) !important;
}

/* Split-Abschnitte */
#top .go-c-split .entry-content-wrapper { align-items: start !important; }

#top .go-c-split-media,
#top .go-c-split-copy,
#top .go-c-listcard {
  align-self: start !important;
}

#top .go-c-split-img,
#top .go-c-split-img :is(.avia-image-container-inner,.avia_image_wrap,a,picture,img,.avia_image) {
  display: block !important;
  width: 100% !important;
  height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#top .go-c-split-img :is(img,.avia_image) {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#top .go-c-listcard,
#top .go-c-card,
#top .go-c-benefit,
#top .go-c-cta-card {
  background: var(--go-color-9,#fff) !important;
  color: var(--go-color-4-dark) !important;
  border: 1px solid var(--go-color-6-soft) !important;
  box-shadow: none !important;
  padding: 30px !important;
  box-sizing: border-box !important;
}

#top .go-c-list :is(.iconlist_icon,.iconlist_icon span) {
  background: var(--go-sec-black-bg) !important;
  color: var(--go-color-9,#fff) !important;
  border-color: var(--go-sec-black-bg) !important;
}

#top .go-c-list .iconlist_content_title {
  color: inherit !important;
  font-family: var(--go-font-headline, "Open Sans Condensed", "Open Sans", Arial, sans-serif) !important;
  font-weight: 700 !important;
}

#top .go-c-list :is(.iconlist-timeline,.iconlist-timeline::before,.iconlist-timeline::after) {
  display: none !important;
  content: none !important;
}

/* Karten und Benefits */
#top .go-c-cards .go-c-card,
#top .go-c-benefits .go-c-benefit {
  min-height: 100% !important;
}

#top .go-c-benefit.go-is-dark {
  background: var(--go-sec-black-bg) !important;
  color: var(--go-color-4-light) !important;
  border-color: var(--go-sec-black-bg) !important;
}

#top .go-c-num {
  color: var(--go-color-10) !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

#top .go-c-title h3,
#top .go-c-title h4 {
  margin: 0 0 8px !important;
  font-weight: 700 !important;
}

/* Abschnittsabstände */
#top .avia-section.go-l .container {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

#top .avia-section.go-c-services .container,
#top .avia-section.go-c-split .container {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

#top .go-release-info-text { display: none !important; }

@media only screen and (max-width: 989px) {
  #top .avia-section.go-l > .container,
  #top .avia-section.go-l .container {
    width: min(var(--go-layout-width), calc(100% - (2 * var(--go-layout-edge-tablet)))) !important;
    max-width: min(var(--go-layout-width), calc(100% - (2 * var(--go-layout-edge-tablet)))) !important;
  }

  #top .avia-section.go-l-3 .entry-content-wrapper,
  #top .avia-section.go-l-4 .entry-content-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media only screen and (max-width: 767px) {
  #top .avia-section.go-l > .container,
  #top .avia-section.go-l .container {
    width: min(var(--go-layout-width), calc(100% - (2 * var(--go-layout-edge-mobile)))) !important;
    max-width: min(var(--go-layout-width), calc(100% - (2 * var(--go-layout-edge-mobile)))) !important;
  }

  #top .avia-section.go-l .entry-content-wrapper {
    grid-template-columns: 1fr !important;
    gap: var(--go-layout-gap-mobile) !important;
  }

  #top .go-c-service-img,
  #top .go-c-service-img :is(.avia-image-container-inner,.avia_image_wrap,a,picture,img,.avia_image) {
    height: 220px !important;
  }

  #top .go-c-split-img,
  #top .go-c-split-img :is(.avia-image-container-inner,.avia_image_wrap,a,picture,img,.avia_image) {
    height: 240px !important;
  }

  #top .avia-section.go-l .container {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
}

/* ==========================================================================
   END GO Startseite: R32 Layout, Flächen und CET-Komponenten
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Startseite: R33 Korrekturpaket nach CC-Clean
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top {
  --go-layout-width: var(--go-content-width, 1680px);
  --go-layout-edge-desktop: clamp(40px, 6vw, 96px);
  --go-layout-edge-tablet: 32px;
  --go-layout-edge-mobile: 20px;
  --go-layout-gap: 30px;
  --go-layout-gap-tablet: 24px;
  --go-layout-gap-mobile: 18px;
  --go-section-py: 64px;
  --go-section-py-small: 42px;
}

/* Ränder, alte Trennlinien und Enfold-Column-Floats für die neue Startseite neutralisieren */
#top :is(#hero-headline,#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage),
#top :is(#hero-headline,#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage).container_wrap {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

#top :is(#hero-headline,#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage) .container {
  width: min(var(--go-layout-width), calc(100% - (2 * var(--go-layout-edge-desktop)))) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: var(--go-section-py) !important;
  padding-bottom: var(--go-section-py) !important;
  box-sizing: border-box !important;
}

#top :is(#hero-headline,#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage) :is(.content,.template-page) {
  padding: 0 !important;
}

#top :is(#hero-headline,#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage) .entry-content-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: var(--go-layout-gap) !important;
  align-items: start !important;
  box-sizing: border-box !important;
}

#top :is(#hero-headline,#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage) .entry-content-wrapper > .flex_column {
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#top .go-layout-1col .entry-content-wrapper { grid-template-columns: 1fr !important; }
#top .go-layout-2col .entry-content-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
#top .go-layout-3col .entry-content-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
#top .go-layout-4col .entry-content-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
#top .go-layout .entry-content-wrapper > .av_one_full { grid-column: 1 / -1 !important; }

/* Hero: Panel wieder dunkel-transparent, Text weiß, Buttons im Panel */
#top #hero-home.go-hero-mb {
  position: relative !important;
  min-height: var(--go-hero-height-desktop, 560px) !important;
  background-size: cover !important;
  background-position: center center !important;
}

#top #hero-home.go-hero-mb::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.48) 44%, rgba(0,0,0,.18) 72%, rgba(0,0,0,.06) 100%);
}

#top #hero-home.go-hero-mb :is(.container,.entry-content-wrapper) {
  position: relative !important;
  z-index: 2 !important;
  min-height: var(--go-hero-height-desktop, 560px) !important;
}

#top #hero-home.go-hero-mb .go-hero-content-col {
  position: absolute !important;
  left: 0 !important;
  top: var(--go-hero-panel-y-desktop, 56%) !important;
  transform: translateY(-50%) !important;
  width: min(var(--go-hero-panel-width, 640px), 48vw) !important;
  max-width: var(--go-hero-panel-width, 640px) !important;
  margin: 0 !important;
  padding: clamp(28px, 3vw, 44px) !important;
  background: rgba(0,0,0,.62) !important;
  border-left: 3px solid var(--go-color-10, #B90000) !important;
  box-sizing: border-box !important;
}

#top #hero-home.go-hero-mb .go-c-hero-copy,
#top #hero-home.go-hero-mb .go-c-hero-copy :is(h1,h2,h3,p),
#top #hero-home.go-hero-mb .go-c-hero-actions,
#top #hero-home.go-hero-mb .go-c-hero-actions :is(a,.avia-button,.avia_button_label) {
  color: var(--go-color-9, #fff) !important;
}

#top #hero-home.go-hero-mb .go-c-hero-copy h1 {
  margin: 0 0 .34em !important;
  font-family: var(--go-font-headline, "Open Sans Condensed", Arial, sans-serif) !important;
  font-size: clamp(44px, 5.2vw, 76px) !important;
  line-height: 1.02 !important;
  font-weight: 400 !important;
}

#top #hero-home.go-hero-mb .go-c-hero-copy p {
  max-width: 560px !important;
  margin: 0 !important;
  color: rgba(255,255,255,.92) !important;
  font-size: clamp(16px, 1.05vw, 19px) !important;
  line-height: 1.55 !important;
  font-weight: 600 !important;
}

#top #hero-home.go-hero-mb .go-c-hero-actions {
  margin-top: 24px !important;
}

#top #hero-home.go-hero-mb .go-c-hero-actions .avia-button {
  min-height: 42px !important;
  padding: 11px 18px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

/* Intro unter Hero: kein Abstand oben, definierter Abstand zur Teaser-Sektion */
#top #hero-headline {
  background: var(--go-sec-white-bg, #fff) !important;
}

#top #hero-headline .container {
  padding-top: 0 !important;
  padding-bottom: 42px !important;
}

#top #hero-headline .go-c-intro {
  max-width: 1100px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

#top #hero-headline .go-c-intro h2 {
  margin: 0 0 10px !important;
  color: var(--go-color-1, #050505) !important;
}

#top #hero-headline .go-c-intro p {
  margin: 0 !important;
  color: var(--go-color-4, #333) !important;
}

/* Leistungsteaser: unverändert 2x2, aber sicher in neuer Rasterlogik */
#top #leistungs-teaser-kompakt .container {
  padding-top: 52px !important;
  padding-bottom: 56px !important;
}

#top #leistungs-teaser-kompakt .entry-content-wrapper {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* Versicherung: Abschnitt gleichmäßig, Bild/Text auf gleicher Oberkante */
#top #versicherung-mobilitaet .container {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

#top #versicherung-mobilitaet .entry-content-wrapper {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
}

#top #versicherung-mobilitaet .go-c-split-media,
#top #versicherung-mobilitaet .go-c-split-copy {
  align-self: start !important;
}

/* Standort: nicht mehr Vollschwarz-Block-Chaos, aber weiterhin dunkel */
#top #standort-einzugsgebiet .container {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

#top #standort-einzugsgebiet,
#top #standort-einzugsgebiet :is(h2,h3,h4,p) {
  color: var(--go-color-9, #fff) !important;
}

#top #standort-einzugsgebiet .go-c-card,
#top #standort-einzugsgebiet .go-c-list,
#top #standort-einzugsgebiet .avia-icon-list {
  background: var(--go-color-9, #fff) !important;
  color: var(--go-color-4, #333) !important;
}

#top #standort-einzugsgebiet .avia-icon-list :is(.iconlist_title,.iconlist_content,.iconlist_content p) {
  color: var(--go-color-4, #333) !important;
}

/* Autoglas: Headline zentriert, darunter drei stabile Boxen */
#top #autoglas-details .container {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

#top #autoglas-details .entry-content-wrapper {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#top #autoglas-details .go-c-intro {
  max-width: 920px !important;
  margin: 0 auto 10px !important;
  text-align: center !important;
}

#top #autoglas-details .go-c-intro h2 {
  margin: 0 0 12px !important;
}

#top #autoglas-details .go-c-card {
  min-height: 190px !important;
  padding: 30px 24px !important;
  background: var(--go-color-9, #fff) !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

#top #autoglas-details .go-c-card :is(.iconbox,.iconbox_content,.iconbox_content_container) {
  margin: 0 !important;
  padding: 0 !important;
}

#top #autoglas-details .go-c-card :is(.iconbox_icon,.iconbox_icon.heading-color) {
  margin-bottom: 18px !important;
  background: var(--go-color-1, #050505) !important;
  color: var(--go-color-9, #fff) !important;
  border-color: var(--go-color-1, #050505) !important;
}

#top #autoglas-details .go-c-card :is(.iconbox_content_title,.iconbox_content_title a) {
  color: var(--go-color-1, #050505) !important;
  font-weight: 700 !important;
}

#top #autoglas-details .go-c-card :is(.iconbox_content_container,.iconbox_content_container p) {
  color: var(--go-color-4, #333) !important;
}

/* Folierung / Lack: zwei Spalten stabil, gleiche Abstände, dunkle Box mit weißem Text */
#top #folierung-und-karosserie .container {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

#top #folierung-und-karosserie .entry-content-wrapper {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

#top #folierung-und-karosserie .go-c-listcard,
#top #folierung-und-karosserie .go-c-split-copy {
  padding: 34px !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

#top #folierung-und-karosserie .go-c-listcard {
  background: var(--go-color-9, #fff) !important;
  color: var(--go-color-4, #333) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
}

#top #folierung-und-karosserie .go-c-split-copy {
  background: var(--go-color-1, #050505) !important;
  color: var(--go-color-9, #fff) !important;
  border: 1px solid var(--go-color-1, #050505) !important;
}

#top #folierung-und-karosserie .go-c-split-copy :is(h2,h3,h4,p,span,li),
#top #folierung-und-karosserie .go-c-split-copy .avia_textblock {
  color: var(--go-color-9, #fff) !important;
}

#top #folierung-und-karosserie .go-c-listcard :is(h2,h3,h4,p,span,li),
#top #folierung-und-karosserie .go-c-listcard .avia_textblock {
  color: var(--go-color-4, #333) !important;
}

#top #folierung-und-karosserie .go-c-intro h2 {
  margin-top: 0 !important;
}

/* Darum Carcompany: intro zentriert, 4 Boxen in einer Zeile, dritte Box schwarz/weiß */
#top #vorteile .container {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

#top #vorteile .entry-content-wrapper {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

#top #vorteile .go-c-intro {
  max-width: 860px !important;
  margin: 0 auto 10px !important;
  text-align: center !important;
}

#top #vorteile .go-c-benefit {
  min-height: 190px !important;
  padding: 28px 24px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 0 !important;
  background: var(--go-color-9, #fff) !important;
  color: var(--go-color-4, #333) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#top #vorteile .go-c-benefit :is(h3,h4,p,span),
#top #vorteile .go-c-benefit .avia_textblock {
  color: var(--go-color-4, #333) !important;
}

#top #vorteile .go-c-benefit .go-c-num h3 {
  color: var(--go-color-10, #B90000) !important;
}

#top #vorteile .go-c-benefit.go-is-dark {
  background: var(--go-color-1, #050505) !important;
  border-color: var(--go-color-1, #050505) !important;
  color: var(--go-color-9, #fff) !important;
}

#top #vorteile .go-c-benefit.go-is-dark :is(h3,h4,p,span),
#top #vorteile .go-c-benefit.go-is-dark .avia_textblock,
#top #vorteile .go-c-benefit.go-is-dark .go-c-num h3 {
  color: var(--go-color-9, #fff) !important;
}

@media only screen and (min-width: 1600px) {
  #top #hero-home.go-hero-mb,
  #top #hero-home.go-hero-mb :is(.container,.entry-content-wrapper) {
    min-height: var(--go-hero-height-highres, 640px) !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
  #top :is(#hero-headline,#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage) .container {
    width: calc(100% - (2 * var(--go-layout-edge-tablet))) !important;
  }

  #top :is(#autoglas-details,#vorteile) .entry-content-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #top #hero-home.go-hero-mb .go-hero-content-col {
    width: min(var(--go-hero-panel-width, 640px), 88vw) !important;
  }
}

@media only screen and (max-width: 767px) {
  #top :is(#hero-headline,#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage) .container {
    width: calc(100% - (2 * var(--go-layout-edge-mobile))) !important;
    padding-top: var(--go-section-py-small) !important;
    padding-bottom: var(--go-section-py-small) !important;
  }

  #top :is(#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage) .entry-content-wrapper {
    grid-template-columns: 1fr !important;
    gap: var(--go-layout-gap-mobile) !important;
  }

  #top #hero-home.go-hero-mb .go-hero-content-col {
    width: calc(100vw - 40px) !important;
    left: 20px !important;
  }
}

/* ==========================================================================
   END GO Startseite: R33 Korrekturpaket nach CC-Clean
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Startseite: R34 Sichtkorrekturen und Spaltenstabilisierung
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* Abschnittsübergreifend: neue CC-Abschnitte konsequent ohne Linien/Alt-Abstände */
body#top #wrap_all :is(#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile) {
  border: 0 !important;
  box-shadow: none !important;
}

body#top #wrap_all :is(#versicherung-mobilitaet,#standort-einzugsgebiet,#folierung-und-karosserie) .entry-content-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--go-layout-gap, 30px) !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body#top #wrap_all :is(#versicherung-mobilitaet,#standort-einzugsgebiet,#folierung-und-karosserie) .entry-content-wrapper > .flex_column {
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* 1) Versicherung: Spalten hart und ohne Fallback-Versatz definieren */
body#top #wrap_all #versicherung-mobilitaet .entry-content-wrapper > .go-c-split-media {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: stretch !important;
}

body#top #wrap_all #versicherung-mobilitaet .entry-content-wrapper > .go-c-split-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: stretch !important;
}

body#top #wrap_all #versicherung-mobilitaet .go-c-split-img,
body#top #wrap_all #versicherung-mobilitaet .go-c-split-img :is(.avia-image-container-inner,.avia_image_wrap,a,picture,img,.avia_image) {
  width: 100% !important;
  height: clamp(320px, 27vw, 430px) !important;
  max-width: none !important;
  margin: 0 !important;
}

/* 2) Standort: Padding in heller rechter Box, darin schwarze Headlines */
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy {
  grid-column: 1 !important;
  grid-row: 1 !important;
  padding: clamp(12px, 1.4vw, 22px) 0 !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-card,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-list,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:not(.go-c-split-copy) {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start !important;
}

body#top #wrap_all #standort-einzugsgebiet :is(.go-c-card,.go-c-list,.avia-icon-list) {
  padding: clamp(30px, 3vw, 48px) !important;
  background: var(--go-color-9, #ffffff) !important;
  color: var(--go-color-4, #333333) !important;
  box-sizing: border-box !important;
}

body#top #wrap_all #standort-einzugsgebiet :is(.go-c-card,.go-c-list,.avia-icon-list) :is(h1,h2,h3,h4,h5,h6,.iconlist_title,.iconbox_content_title) {
  color: var(--go-color-1, #050505) !important;
}

body#top #wrap_all #standort-einzugsgebiet :is(.go-c-card,.go-c-list,.avia-icon-list) :is(p,li,span,.iconlist_content,.iconlist_content p) {
  color: var(--go-color-4, #333333) !important;
}

/* 3) Autoglas: Iconbox-Icons vollständig sichtbar, Boxen sauber mit Innenabstand */
body#top #wrap_all #autoglas-details .entry-content-wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--go-layout-gap, 30px) !important;
  align-items: stretch !important;
}

body#top #wrap_all #autoglas-details .entry-content-wrapper > .av_one_full {
  grid-column: 1 / -1 !important;
}

body#top #wrap_all #autoglas-details .go-c-card {
  overflow: visible !important;
  min-height: 210px !important;
  padding: 36px 28px 30px !important;
}

body#top #wrap_all #autoglas-details .go-c-card :is(.iconbox,.iconbox_top,.iconbox_content) {
  overflow: visible !important;
}

body#top #wrap_all #autoglas-details .go-c-card :is(.iconbox_icon,.iconbox_icon.heading-color) {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  margin: 0 auto 18px !important;
  transform: none !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
}

body#top #wrap_all #autoglas-details .go-c-card :is(.iconbox_icon span,.iconbox_icon::before) {
  line-height: 1 !important;
}

/* 4) Folierung/Lack: Textabstand zur Box, sichtbare Buttons, stabil nebeneinander */
body#top #wrap_all #folierung-und-karosserie .entry-content-wrapper > .go-c-listcard {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

body#top #wrap_all #folierung-und-karosserie .entry-content-wrapper > .go-c-split-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

body#top #wrap_all #folierung-und-karosserie :is(.go-c-listcard,.go-c-split-copy) {
  padding: clamp(32px, 3vw, 48px) !important;
  box-sizing: border-box !important;
}

body#top #wrap_all #folierung-und-karosserie .go-c-listcard :is(h1,h2,h3,h4,p,li,span,.avia_textblock) {
  color: var(--go-color-4, #333333) !important;
}

body#top #wrap_all #folierung-und-karosserie .go-c-listcard :is(h1,h2,h3,h4) {
  color: var(--go-color-1, #050505) !important;
}

body#top #wrap_all #folierung-und-karosserie .go-c-split-copy :is(h1,h2,h3,h4,p,li,span,.avia_textblock) {
  color: var(--go-color-9, #ffffff) !important;
}

body#top #wrap_all #folierung-und-karosserie .avia-buttonrow-wrap {
  margin-top: 22px !important;
}

body#top #wrap_all #folierung-und-karosserie .avia-buttonrow-wrap :is(a,.avia-button,.avia_button_label,span) {
  color: var(--go-color-9, #ffffff) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body#top #wrap_all #folierung-und-karosserie .go-c-listcard .avia-buttonrow-wrap :is(a,.avia-button) {
  background: var(--go-color-1, #050505) !important;
  border: 1px solid var(--go-color-1, #050505) !important;
  color: var(--go-color-9, #ffffff) !important;
}

body#top #wrap_all #folierung-und-karosserie .go-c-split-copy .avia-buttonrow-wrap :is(a,.avia-button) {
  background: transparent !important;
  border: 1px solid var(--go-color-9, #ffffff) !important;
  color: var(--go-color-9, #ffffff) !important;
}

/* 5) Vorteile: dunkle Benefit-Box lesbar halten */
body#top #wrap_all #vorteile .go-c-benefit.go-is-dark,
body#top #wrap_all #vorteile .go-c-benefit.go-is-dark :is(h1,h2,h3,h4,p,span,.avia_textblock) {
  color: var(--go-color-9, #ffffff) !important;
}

@media only screen and (max-width: 989px) {
  body#top #wrap_all :is(#versicherung-mobilitaet,#standort-einzugsgebiet,#folierung-und-karosserie) .entry-content-wrapper,
  body#top #wrap_all #autoglas-details .entry-content-wrapper {
    grid-template-columns: 1fr !important;
  }

  body#top #wrap_all :is(#versicherung-mobilitaet,#standort-einzugsgebiet,#folierung-und-karosserie) .entry-content-wrapper > .flex_column,
  body#top #wrap_all #autoglas-details .entry-content-wrapper > .flex_column {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

/* ==========================================================================
   END GO Startseite: R34 Sichtkorrekturen und Spaltenstabilisierung
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ========================================================================== 
   BEGIN GO Startseite: R35 Feinkorrekturen Boxradius, Padding, Icons
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* Standort / Einzugsgebiet */
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy {
  padding: clamp(20px, 2vw, 34px) clamp(18px, 2vw, 30px) !important;
  box-sizing: border-box !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > :is(.go-c-card,.go-c-list,.flex_column:not(.go-c-split-copy)) {
  padding: clamp(26px, 2.6vw, 40px) !important;
  border-radius: 8px !important;
}

body#top #wrap_all #standort-einzugsgebiet :is(.go-c-card,.go-c-list,.avia-icon-list) {
  border-radius: 8px !important;
}

body#top #wrap_all #standort-einzugsgebiet :is(.go-c-card,.go-c-list,.avia-icon-list) :is(h1,h2,h3,h4,h5,h6,.iconlist_title,.iconbox_content_title,.av-special-heading-tag) {
  color: var(--go-color-1, #050505) !important;
}

body#top #wrap_all #standort-einzugsgebiet :is(.go-c-card,.go-c-list,.avia-icon-list) :is(.iconlist_content,.iconlist_content p,p,li,span) {
  color: var(--go-color-4, #333333) !important;
}

/* Autoglas-Details */
body#top #wrap_all #autoglas-details .go-c-card {
  overflow: visible !important;
  min-height: 228px !important;
  padding: 20px 28px 38px !important;
  box-sizing: border-box !important;
}

body#top #wrap_all #autoglas-details .go-c-card :is(.iconbox,.iconbox_top,.iconbox_content,.iconbox_content_container) {
  overflow: visible !important;
}

body#top #wrap_all #autoglas-details .go-c-card :is(.iconbox_icon,.iconbox_icon.heading-color) {
  position: relative !important;
  top: -21px !important;
  margin: -21px auto 6px !important;
  z-index: 3 !important;
}

body#top #wrap_all #autoglas-details .go-c-card :is(.iconbox_content,.iconbox_content_container) {
  padding: 0 12px 8px !important;
  box-sizing: border-box !important;
}

body#top #wrap_all #autoglas-details .go-c-card :is(.iconbox_content_title,.iconbox_content_title a) {
  margin-bottom: 10px !important;
}

body#top #wrap_all #autoglas-details .go-c-card :is(.iconbox_content_container,.iconbox_content_container p) {
  padding-bottom: 6px !important;
}

/* Folierung / Lack */
body#top #wrap_all #folierung-und-karosserie .entry-content-wrapper > :is(.go-c-listcard,.go-c-split-copy) {
  padding: clamp(28px, 2.6vw, 42px) !important;
  box-sizing: border-box !important;
}

body#top #wrap_all #folierung-und-karosserie :is(.go-c-listcard,.go-c-split-copy) :is(h1,h2,h3,h4,p,li,span,.avia_textblock) {
  word-break: normal !important;
}

body#top #wrap_all #folierung-und-karosserie .avia-buttonrow-wrap {
  margin-top: 24px !important;
}

body#top #wrap_all #folierung-und-karosserie .avia-buttonrow-wrap :is(.avia-button,.avia-button span,.avia_button_label,a) {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* Vorteile */
body#top #wrap_all #vorteile .go-c-intro {
  text-align: center !important;
  margin: 0 auto 8px !important;
}

body#top #wrap_all #vorteile .entry-content-wrapper > .go-c-benefit {
  padding: 24px 20px 22px !important;
  box-sizing: border-box !important;
}

body#top #wrap_all #vorteile .go-c-benefit :is(h3,h4,p,span,.avia_textblock) {
  padding-right: 4px !important;
}

/* ========================================================================== 
   END GO Startseite: R35 Feinkorrekturen Boxradius, Padding, Icons
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Startseite: R36 Abschnittsfarben und Einzugsgebiet-Textfarben
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top {
  --go-sec-white-bg: #ffffff;
  --go-sec-soft-bg: #f7f7f5;
  --go-sec-light-bg: #f2f2f2;
  --go-sec-medium-bg: #d9d9d9;
  --go-sec-dark-bg: #202020;
  --go-sec-black-bg: #050505;
}

/* Abschnitts-Rhythmus: oben Weiß, darunter wechselnde Grautöne, FAQ weiß, Anfrage hellgrau. */
body#top #wrap_all #hero-headline,
body#top #wrap_all #leistungs-teaser-kompakt,
body#top #wrap_all #autoglas-details,
body#top #wrap_all #vorteile,
body#top #wrap_all #faq {
  background: var(--go-sec-white-bg) !important;
}

body#top #wrap_all #versicherung-mobilitaet,
body#top #wrap_all #folierung-und-karosserie,
body#top #wrap_all #anfrage {
  background: var(--go-sec-light-bg) !important;
}

body#top #wrap_all #standort-einzugsgebiet {
  background: var(--go-sec-dark-bg) !important;
}

/* Enfold-Hintergründe innerhalb der Abschnitte mitziehen. */
body#top #wrap_all :is(#hero-headline,#leistungs-teaser-kompakt,#versicherung-mobilitaet,#standort-einzugsgebiet,#autoglas-details,#folierung-und-karosserie,#vorteile,#faq,#anfrage) :is(.container_wrap,.container,.content,.template-page,.post-entry,.entry-content-wrapper) {
  background-color: transparent !important;
}

/* Helle rechte Einzugsgebiet-Box: Textfarben unabhängig von linker dunkler Spalte setzen. */
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-listcard,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-card,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-list,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:not(.go-c-split-copy) {
  background: var(--go-sec-white-bg) !important;
  color: var(--go-color-4, #333333) !important;
  border-radius: 8px !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-listcard :is(h1,h2,h3,h4,h5,h6,.av-special-heading-tag,.iconlist_title,.iconbox_content_title),
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-card :is(h1,h2,h3,h4,h5,h6,.av-special-heading-tag,.iconlist_title,.iconbox_content_title),
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-list :is(h1,h2,h3,h4,h5,h6,.av-special-heading-tag,.iconlist_title,.iconbox_content_title),
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:not(.go-c-split-copy) :is(h1,h2,h3,h4,h5,h6,.av-special-heading-tag,.iconlist_title,.iconbox_content_title) {
  color: var(--go-color-1, #050505) !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-listcard :is(p,li,span,.avia_textblock,.iconlist_content,.iconlist_content p),
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-card :is(p,li,span,.avia_textblock,.iconlist_content,.iconlist_content p),
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-list :is(p,li,span,.avia_textblock,.iconlist_content,.iconlist_content p),
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:not(.go-c-split-copy) :is(p,li,span,.avia_textblock,.iconlist_content,.iconlist_content p) {
  color: var(--go-color-4, #333333) !important;
}

/* Linke Einzugsgebiet-Spalte bleibt bewusst hell auf dunklem Hintergrund. */
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy :is(h1,h2,h3,h4,p,span,.avia_textblock) {
  color: var(--go-color-9, #ffffff) !important;
}

/* Anfrageblock über späterem schwarzen Footer hellgrau halten. */
body#top #wrap_all #anfrage .go-c-cta,
body#top #wrap_all #anfrage .go-c-card {
  background: var(--go-sec-light-bg) !important;
}

/* ==========================================================================
   END GO Startseite: R36 Abschnittsfarben und Einzugsgebiet-Textfarben
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ========================================================================== 
   BEGIN GO Footer: MB-orientierter Abschluss
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top #go-footer.go-footer-mb,
#top #go-footer.go-footer-section {
  --go-footer-bg: var(--go-sec-black-bg, #050505);
  --go-footer-panel-bg: transparent;
  --go-footer-text: rgba(255,255,255,.88);
  --go-footer-muted: rgba(255,255,255,.68);
  --go-footer-border: rgba(255,255,255,.18);
  --go-footer-link: #ffffff;
  --go-footer-button-bg: var(--go-color-10, #b90000);
  --go-footer-button-bg-hover: #8f0000;
  --go-footer-button-text: #ffffff;
  --go-footer-gap: var(--go-layout-gap, 30px);
  background: var(--go-footer-bg) !important;
  color: var(--go-footer-text) !important;
}

#top #go-footer.go-footer-mb .container {
  max-width: var(--go-layout-width, 1680px) !important;
  width: min(var(--go-layout-width, 1680px), calc(100% - (2 * var(--go-layout-edge-desktop, clamp(40px, 6vw, 96px))))) !important;
  padding-top: clamp(56px, 5vw, 84px) !important;
  padding-bottom: clamp(36px, 4vw, 60px) !important;
}

#top #go-footer.go-footer-mb :is(.content,.template-page) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#top #go-footer.go-footer-mb .entry-content-wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(32px, 4vw, 64px) var(--go-footer-gap) !important;
  align-items: start !important;
}

#top #go-footer.go-footer-mb .flex_column,
#top #go-footer.go-footer-mb .go-footer-col {
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

#top #go-footer.go-footer-mb .go-footer-inner {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--go-footer-text) !important;
}

#top #go-footer.go-footer-mb .go-footer-inner :is(h1,h2,h3,h4) {
  margin: 0 0 18px !important;
  color: #ffffff !important;
  font-family: var(--go-font-headline, 'Open Sans Condensed', Arial, sans-serif) !important;
  font-size: calc(var(--go-size-h4, 22px) * 1.1) !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
}

#top #go-footer.go-footer-mb .go-footer-inner,
#top #go-footer.go-footer-mb .go-footer-inner :is(p,li,span,strong,div) {
  color: var(--go-footer-text) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

#top #go-footer.go-footer-mb .go-footer-inner strong {
  color: #ffffff !important;
  font-weight: 700 !important;
}

#top #go-footer.go-footer-mb .go-footer-inner ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#top #go-footer.go-footer-mb .go-footer-inner li {
  margin: 0 0 10px !important;
  padding: 0 !important;
}

#top #go-footer.go-footer-mb .go-footer-inner a {
  color: var(--go-footer-link) !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
}

#top #go-footer.go-footer-mb .go-footer-inner a:is(:hover,:focus) {
  color: #ffffff !important;
  border-bottom-color: rgba(255,255,255,.55) !important;
}

#top #go-footer.go-footer-mb .go-footer-logo-main {
  display: block !important;
  width: min(240px, 100%) !important;
  max-width: 240px !important;
  height: auto !important;
  margin: 0 0 22px !important;
}

#top #go-footer.go-footer-mb .go-footer-contact-intro {
  margin: 0 0 18px !important;
}

#top #go-footer.go-footer-mb .go-footer-buttonrow {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 24px !important;
}

#top #go-footer.go-footer-mb .go-footer-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 10px 18px !important;
  border: 1px solid var(--go-footer-button-bg) !important;
  border-radius: 0 !important;
  background: var(--go-footer-button-bg) !important;
  color: var(--go-footer-button-text) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

#top #go-footer.go-footer-mb .go-footer-button:is(:hover,:focus) {
  background: var(--go-footer-button-bg-hover) !important;
  border-color: var(--go-footer-button-bg-hover) !important;
  color: #ffffff !important;
}

#top #go-footer.go-footer-mb .go-footer-logo-table,
#top #go-footer.go-footer-mb .go-footer-social-table {
  width: auto !important;
  margin: 24px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#top #go-footer.go-footer-mb .go-footer-logo-table td,
#top #go-footer.go-footer-mb .go-footer-social-table td {
  padding: 0 14px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#top #go-footer.go-footer-mb .go-footer-partner-logo {
  display: block !important;
  max-width: 92px !important;
  height: auto !important;
  background: #ffffff !important;
  padding: 6px !important;
}

#top #go-footer.go-footer-mb .hr,
#top #go-footer.go-footer-mb .hr-inner,
#top #go-footer.go-footer-mb .hr-invisible {
  display: none !important;
}

#top #go-footer.go-footer-mb .go-footer-bottomline {
  grid-column: 1 / -1 !important;
  margin-top: 8px !important;
  padding-top: 24px !important;
  border-top: 1px solid var(--go-footer-border) !important;
  color: var(--go-footer-muted) !important;
  font-size: 14px !important;
}

@media only screen and (max-width: 989px) {
  #top #go-footer.go-footer-mb .container {
    width: min(var(--go-layout-width, 1680px), calc(100% - (2 * var(--go-layout-edge-tablet, 32px)))) !important;
  }
  #top #go-footer.go-footer-mb .entry-content-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media only screen and (max-width: 767px) {
  #top #go-footer.go-footer-mb .container {
    width: min(var(--go-layout-width, 1680px), calc(100% - (2 * var(--go-layout-edge-mobile, 20px)))) !important;
  }
  #top #go-footer.go-footer-mb .entry-content-wrapper {
    grid-template-columns: 1fr !important;
  }
  #top #go-footer.go-footer-mb .go-footer-inner :is(h1,h2,h3,h4) {
    font-size: 24px !important;
  }
}

/* ========================================================================== 
   END GO Footer: MB-orientierter Abschluss
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ========================================================================== 
   BEGIN GO Footer: R38 Grid-Fix und MB-Flächenlayout
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top #go-footer.go-footer-mb {
  --go-footer-bg: #050505;
  --go-footer-text: rgba(255,255,255,.88);
  --go-footer-muted: rgba(255,255,255,.68);
  --go-footer-gap-x: clamp(32px, 5vw, 80px);
  --go-footer-gap-y: clamp(34px, 4vw, 56px);
  background: var(--go-footer-bg) !important;
}

/* Enfold Equal-Height-Spalten erzeugen eigene Tabellen/Flextables.
   Diese müssen im Footer selbst das Grid sein, nicht nur .entry-content-wrapper. */
#top #go-footer.go-footer-mb .entry-content-wrapper {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#top #go-footer.go-footer-mb .entry-content-wrapper > .flex_column_table,
#top #go-footer.go-footer-mb .entry-content-wrapper > .av-equal-height-column-flextable,
#top #go-footer.go-footer-mb .entry-content-wrapper > .av-flex-placeholder + .flex_column_table {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--go-footer-gap-y) var(--go-footer-gap-x) !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#top #go-footer.go-footer-mb .entry-content-wrapper > .flex_column_table + .flex_column_table,
#top #go-footer.go-footer-mb .entry-content-wrapper > .av-equal-height-column-flextable + .av-equal-height-column-flextable {
  margin-top: var(--go-footer-gap-y) !important;
}

#top #go-footer.go-footer-mb .av-flex-placeholder {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#top #go-footer.go-footer-mb .flex_column,
#top #go-footer.go-footer-mb .go-footer-col,
#top #go-footer.go-footer-mb .flex_column_table_cell {
  display: block !important;
  float: none !important;
  clear: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#top #go-footer.go-footer-mb .go-footer-inner {
  max-width: 42rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#top #go-footer.go-footer-mb .go-footer-inner :is(p,li,span,strong,div),
#top #go-footer.go-footer-mb .go-footer-inner {
  font-size: 15px !important;
  line-height: 1.55 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

#top #go-footer.go-footer-mb .go-footer-inner :is(h1,h2,h3,h4) {
  font-size: calc(var(--go-size-h4, 22px) * 1.1) !important;
  line-height: 1.1 !important;
  margin-bottom: 16px !important;
  color: #ffffff !important;
}

#top #go-footer.go-footer-mb .go-footer-inner ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#top #go-footer.go-footer-mb .go-footer-inner li {
  margin: 0 0 8px !important;
  padding: 0 !important;
}

#top #go-footer.go-footer-mb .go-footer-inner a {
  color: #ffffff !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
}

#top #go-footer.go-footer-mb .go-footer-inner a:is(:hover,:focus) {
  border-bottom-color: rgba(255,255,255,.55) !important;
}

#top #go-footer.go-footer-mb .go-footer-buttonrow {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

#top #go-footer.go-footer-mb .go-footer-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 10px 18px !important;
  border: 1px solid #b90000 !important;
  border-radius: 0 !important;
  background: #b90000 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#top #go-footer.go-footer-mb .go-footer-bottomline {
  display: block !important;
  margin-top: clamp(34px, 4vw, 56px) !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(255,255,255,.18) !important;
  color: var(--go-footer-muted) !important;
  font-size: 14px !important;
}

@media only screen and (max-width: 989px) {
  #top #go-footer.go-footer-mb .entry-content-wrapper > .flex_column_table,
  #top #go-footer.go-footer-mb .entry-content-wrapper > .av-equal-height-column-flextable {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media only screen and (max-width: 767px) {
  #top #go-footer.go-footer-mb .entry-content-wrapper > .flex_column_table,
  #top #go-footer.go-footer-mb .entry-content-wrapper > .av-equal-height-column-flextable {
    grid-template-columns: 1fr !important;
  }
}

/* ========================================================================== 
   END GO Footer: R38 Grid-Fix und MB-Flächenlayout
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ========================================================================== 
   BEGIN GO Footer: R42 bewährtes Grid + Abstandskorrektur
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* R42 basiert wieder auf dem funktionierenden R38-Footer mit Enfold-Flextables.
   R41-Normalspalten wurde verworfen, weil dadurch der 3+3-Umbruch instabil wurde. */
#top #go-footer.go-footer-mb {
  --go-footer-gap-y: clamp(58px, 5.2vw, 82px);
  --go-footer-gap-x: clamp(34px, 5vw, 80px);
  --go-footer-button-top: 12px;
  --go-footer-bottom-space: 30px;
}

/* Funktionsfähiges 3+3-Raster aus R38 sichern. */
#top #go-footer.go-footer-mb .entry-content-wrapper > .flex_column_table,
#top #go-footer.go-footer-mb .entry-content-wrapper > .av-equal-height-column-flextable,
#top #go-footer.go-footer-mb .entry-content-wrapper > .av-flex-placeholder + .flex_column_table {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--go-footer-gap-y) var(--go-footer-gap-x) !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Abstand zwischen erster und zweiter Reihe: nicht über die Buttonzeile steuern. */
#top #go-footer.go-footer-mb .entry-content-wrapper > .flex_column_table + .flex_column_table,
#top #go-footer.go-footer-mb .entry-content-wrapper > .av-equal-height-column-flextable + .av-equal-height-column-flextable {
  margin-top: var(--go-footer-gap-y) !important;
}

/* Buttons näher an Telefon/E-Mail. */
#top #go-footer.go-footer-mb .go-footer-buttonrow {
  margin-top: var(--go-footer-button-top) !important;
  margin-bottom: 0 !important;
  gap: 14px !important;
}

#top #go-footer.go-footer-mb .go-footer-button {
  min-height: 38px !important;
  padding: 10px 18px !important;
}

/* Copyright ohne Trennlinie, kompakt und vertikal mittig im schwarzen Abschlussbereich. */
#top #go-footer.go-footer-mb .go-footer-bottomline {
  display: flex !important;
  align-items: center !important;
  min-height: 38px !important;
  margin-top: var(--go-footer-bottom-space) !important;
  padding: 0 !important;
  border-top: 0 !important;
  color: var(--go-footer-muted, rgba(255,255,255,.68)) !important;
}

#top #go-footer.go-footer-mb .hr,
#top #go-footer.go-footer-mb .hr-inner,
#top #go-footer.go-footer-mb .hr-invisible,
#top #go-footer.go-footer-mb .av_hr {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#top #go-footer.go-footer-mb .content,
#top #go-footer.go-footer-mb .template-page {
  padding-bottom: 12px !important;
}

@media only screen and (max-width: 989px) {
  #top #go-footer.go-footer-mb .entry-content-wrapper > .flex_column_table,
  #top #go-footer.go-footer-mb .entry-content-wrapper > .av-equal-height-column-flextable {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media only screen and (max-width: 767px) {
  #top #go-footer.go-footer-mb {
    --go-footer-gap-y: 34px;
    --go-footer-button-top: 12px;
    --go-footer-bottom-space: 22px;
  }

  #top #go-footer.go-footer-mb .entry-content-wrapper > .flex_column_table,
  #top #go-footer.go-footer-mb .entry-content-wrapper > .av-equal-height-column-flextable {
    grid-template-columns: 1fr !important;
  }
}

/* ========================================================================== 
   END GO Footer: R42 bewährtes Grid + Abstandskorrektur
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ========================================================================== 
   BEGIN GO Footer: R43 nur Button-Design
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* Nur Button-Optik. Keine Grid-, Spalten-, Reihen- oder Footer-Layoutänderung. */
#top #go-footer .go-footer-buttonrow {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}

#top #go-footer .go-footer-button,
#top #go-footer a.go-footer-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 10px 18px !important;
  border: 1px solid var(--go-color-10, #b90000) !important;
  border-radius: 0 !important;
  background: var(--go-color-10, #b90000) !important;
  color: var(--go-color-9, #ffffff) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

#top #go-footer .go-footer-button:is(:hover,:focus),
#top #go-footer a.go-footer-button:is(:hover,:focus) {
  background: #8f0000 !important;
  border-color: #8f0000 !important;
  color: var(--go-color-9, #ffffff) !important;
  text-decoration: none !important;
}

#top #go-footer .go-footer-button :is(span,.avia_button_label) {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

/* ========================================================================== 
   END GO Footer: R43 nur Button-Design
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ========================================================================== 
   BEGIN GO Footer: minimale Basis und Buttons
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top #go-footer.go-r49 {
  --go-footer-bg: #050505;
  --go-footer-text: rgba(255,255,255,.9);
  --go-footer-muted: rgba(255,255,255,.72);
  --go-footer-button-bg: var(--go-color-10, #b90000);
  --go-footer-button-bg-hover: #8f0000;
  background: var(--go-footer-bg) !important;
  color: var(--go-footer-text) !important;
}

#top #go-footer.go-r49 :is(h1,h2,h3,h4,h5,h6,p,li,strong,span,div),
#top #go-footer.go-r49 :is(a,a:visited) {
  color: var(--go-footer-text) !important;
}

#top #go-footer.go-r49 h3 {
  font-size: 1.1em !important;
  line-height: 1.25 !important;
  margin: 0 0 .75em !important;
}

#top #go-footer.go-r49 ul {
  margin: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

#top #go-footer.go-r49 li {
  margin: 0 0 .42em !important;
  padding: 0 !important;
  list-style: none !important;
}

#top #go-footer.go-r49 a:is(:hover,:focus) {
  color: var(--go-color-9, #ffffff) !important;
  text-decoration: underline !important;
}

#top #go-footer.go-r49 .go-footer-logo {
  display: block !important;
  max-width: 205px !important;
  height: auto !important;
  margin: 0 0 18px !important;
}

#top #go-footer.go-r49 .go-footer-logos {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 20px !important;
  margin-top: 28px !important;
}

#top #go-footer.go-r49 .go-footer-partner-logo {
  display: block !important;
  width: 72px !important;
  height: 72px !important;
  object-fit: contain !important;
  background: var(--go-color-9, #ffffff) !important;
}

#top #go-footer.go-r49 .go-c-buttonrow {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 16px !important;
}

#top #go-footer.go-r49 .go-c-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 10px 18px !important;
  background: var(--go-footer-button-bg) !important;
  border: 1px solid var(--go-footer-button-bg) !important;
  border-radius: 0 !important;
  color: var(--go-color-9, #ffffff) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

#top #go-footer.go-r49 .go-c-button:is(:hover,:focus) {
  background: var(--go-footer-button-bg-hover) !important;
  border-color: var(--go-footer-button-bg-hover) !important;
  color: var(--go-color-9, #ffffff) !important;
  text-decoration: none !important;
}

#top #go-footer.go-r49 .go-release-info-text {
  display: none !important;
}

/* ========================================================================== 
   END GO Footer: minimale Basis und Buttons
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Footer: Headline-Größe
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top #go-footer h3 {
  font-size: 115% !important;
}

/* ==========================================================================
   END GO Footer: Headline-Größe
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Footer: CET-minimal, ALB-Umbruch und Buttons
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.2
   ========================================================================== */

#top #go-footer.go-r49 {
  background: var(--go-sec-black-bg, #050505) !important;
}

#top #go-footer.go-r49 h3 {
  font-size: 1.15em !important;
}

#top #go-footer.go-r49 .go-c-footer-logo {
  width: min(220px, 100%) !important;
  height: auto !important;
}

#top #go-footer.go-r49 .go-c-logo-row {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-top: 24px !important;
}

#top #go-footer.go-r49 .go-c-partner-logo {
  width: 74px !important;
  height: auto !important;
}

#top #go-footer.go-r49 .go-c-buttonrow {
  margin-top: 18px !important;
}

#top #go-footer.go-r49 .go-c-button,
#top #go-footer.go-r49 .go-c-button.avia-button {
  border-radius: 0 !important;
  border: 1px solid var(--go-color-10, #B90000) !important;
  background: var(--go-color-10, #B90000) !important;
  color: var(--go-color-9, #ffffff) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

#top #go-footer.go-r49 .go-c-button :is(span,.avia_button_label),
#top #go-footer.go-r49 .go-c-button.avia-button :is(span,.avia_button_label) {
  color: inherit !important;
}

#top #go-footer.go-r49 .go-c-button:is(:hover,:focus),
#top #go-footer.go-r49 .go-c-button.avia-button:is(:hover,:focus) {
  border-color: #8F0000 !important;
  background: #8F0000 !important;
  color: var(--go-color-9, #ffffff) !important;
}

#top #go-footer.go-r49 .go-release-info-text {
  display: none !important;
}

/* ==========================================================================
   END GO Footer: CET-minimal, ALB-Umbruch und Buttons
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.2
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Startseite: Einzugsgebiet Mobile-Stack
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

@media only screen and (max-width: 989px) {
  body#top #wrap_all #standort-einzugsgebiet .container {
    width: calc(100% - (2 * var(--go-layout-edge-mobile, 20px))) !important;
    max-width: none !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 28px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column,
  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .av_one_half {
    display: block !important;
    float: none !important;
    clear: both !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy {
    order: 1 !important;
    padding: 0 !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-listcard,
  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-card,
  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-list,
  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:not(.go-c-split-copy) {
    order: 2 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .go-c-split-copy :is(.go-c-intro,.avia_textblock,h1,h2,h3,h4,p,span) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    text-align: left !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .go-c-split-copy h2 {
    font-size: clamp(30px, 9vw, 42px) !important;
    line-height: 1.05 !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .go-c-listcard,
  body#top #wrap_all #standort-einzugsgebiet :is(.go-c-card,.go-c-list,.avia-icon-list) {
    padding: 28px 22px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .avia-buttonrow-wrap,
  body#top #wrap_all #standort-einzugsgebiet .avia-buttonrow {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
}

/* ==========================================================================
   END GO Startseite: Einzugsgebiet Mobile-Stack
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Startseite: Abschnittsfarben, Radien und FAQ-Abstände
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

#top {
  --go-radius: 2px;
  --go-button-radius: 2px;
}

/* Abschnittsfarben vor dem Footer */
body#top #wrap_all #faq,
body#top #wrap_all #faq.container_wrap {
  background: var(--go-sec-light-bg, #f2f2f2) !important;
}

body#top #wrap_all #anfrage,
body#top #wrap_all #anfrage.container_wrap {
  background: var(--go-sec-white-bg, #ffffff) !important;
}

body#top #wrap_all #anfrage .go-c-cta,
body#top #wrap_all #anfrage .go-c-card,
body#top #wrap_all #anfrage .go-c-cta-card {
  background: var(--go-sec-white-bg, #ffffff) !important;
}

/* Radien: Startseiten-Buttons und Boxen auf 2px */
body#top #wrap_all #main :is(
  .avia-button,
  .avia-button.avia-color-theme-color,
  .go-c-button,
  .go-c-buttonrow a,
  .go-c-service-button .avia-button,
  .go-home-teaser-button .avia-button,
  .go-c-cta .avia-button,
  .go-c-cta-card .avia-button
) {
  border-radius: var(--go-button-radius, 2px) !important;
}

body#top #wrap_all #main :is(
  .go-c-card,
  .go-c-list,
  .go-c-listcard,
  .go-c-split-copy,
  .go-c-service,
  .go-c-service-card,
  .go-c-benefit,
  .go-c-cta-card,
  .iconbox,
  .iconbox_content,
  .togglecontainer,
  .toggle_content,
  .toggler
) {
  border-radius: var(--go-radius, 2px) !important;
}

/* FAQ: geringerer Abstand zwischen Fragen */
body#top #wrap_all #faq .togglecontainer {
  margin-top: 22px !important;
  border-radius: var(--go-radius, 2px) !important;
}

body#top #wrap_all #faq .toggler {
  min-height: 0 !important;
  margin: 0 0 6px !important;
  padding: 12px 18px !important;
  line-height: 1.3 !important;
  border-radius: var(--go-radius, 2px) !important;
}

body#top #wrap_all #faq .toggle_wrap {
  margin: 0 0 6px !important;
}

body#top #wrap_all #faq .toggle_content {
  margin: 0 !important;
  padding: 12px 18px 14px !important;
  border-radius: var(--go-radius, 2px) !important;
}

body#top #wrap_all #faq .toggler + .toggle_wrap + .toggler,
body#top #wrap_all #faq .single_toggle + .single_toggle {
  margin-top: 6px !important;
}

/* ==========================================================================
   END GO Startseite: Abschnittsfarben, Radien und FAQ-Abstände
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ==========================================================================
   END GO R49: aus neuen CC-Blöcken generierte GO-Struktur
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */


/* ==========================================================================
   BEGIN GO Startseite: Einzugsgebiet Sichtbarkeit und Mobile R50
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* Der Abschnitt enthält zwei ALB-Spalten. Nach der Umstellung von cc-* auf go-*
   mussten die alten Mobile-Regeln neu auf go-* gemappt werden. */
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--go-layout-gap, 30px) !important;
  align-items: center !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  color: var(--go-color-9, #ffffff) !important;
}

body#top #wrap_all #standort-einzugsgebiet .go-c-split-copy :is(.avia_textblock,.av_textblock_section,h1,h2,h3,h4,p,span) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 720px !important;
  min-width: 0 !important;
  color: var(--go-color-9, #ffffff) !important;
  text-align: left !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-listcard {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

@media only screen and (max-width: 989px) {
  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: var(--go-layout-gap-mobile, 20px) !important;
    align-items: stretch !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy,
  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-listcard {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy {
    order: 1 !important;
    padding: 0 !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-listcard {
    order: 2 !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .go-c-split-copy :is(.avia_textblock,.av_textblock_section,h1,h2,h3,h4,p,span) {
    max-width: none !important;
  }
}

/* ==========================================================================
   END GO Startseite: Einzugsgebiet Sichtbarkeit und Mobile R50
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */


/* ==========================================================================
   BEGIN GO Startseite: Einzugsgebiet Strukturfix sichtbar
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/*
   Zweck:
   Der linke Textblock im Abschnitt „Für Wien, Schwechat und Umgebung“ wird
   nicht mehr nur über die Komponentenklasse angesprochen, sondern zusätzlich
   strukturell über die erste ALB-Spalte. Damit bleibt der Abschnitt stabil,
   auch wenn Enfold/Alt-CSS noch ältere Klassen im Markup oder Cache führt.
*/
body#top #wrap_all #standort-einzugsgebiet {
  background: var(--go-sec-dark-bg, #202020) !important;
  color: var(--go-color-9, #ffffff) !important;
  overflow: visible !important;
}

body#top #wrap_all #standort-einzugsgebiet .container {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--go-layout-gap, 30px) !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column {
  float: none !important;
  clear: none !important;
  position: relative !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  transform: none !important;
  box-sizing: border-box !important;
}

/* Linke ALB-Spalte: Textblock, sowohl per Klasse als auch per Struktur. */
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:first-child,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: stretch !important;
  align-self: center !important;
  background: transparent !important;
  color: var(--go-color-9, #ffffff) !important;
  padding: clamp(20px, 2vw, 34px) clamp(18px, 2vw, 30px) !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:first-child :is(.av_textblock_section,.avia_textblock,h1,h2,h3,h4,p,span,a),
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy :is(.av_textblock_section,.avia_textblock,h1,h2,h3,h4,p,span,a) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 760px !important;
  color: var(--go-color-9, #ffffff) !important;
  text-align: left !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:first-child h2,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy h2 {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

/* Rechte ALB-Spalte: helle Einzugsgebiet-Karte. */
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:nth-child(2),
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-listcard {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: stretch !important;
  align-self: center !important;
  background: var(--go-color-9, #ffffff) !important;
  color: var(--go-color-4, #333333) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: var(--go-radius, 2px) !important;
  padding: clamp(26px, 2.6vw, 40px) !important;
  box-sizing: border-box !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:nth-child(2) :is(h1,h2,h3,h4,h5,h6,.iconlist_title,.iconbox_content_title),
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-listcard :is(h1,h2,h3,h4,h5,h6,.iconlist_title,.iconbox_content_title) {
  color: var(--go-color-1, #050505) !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:nth-child(2) :is(p,li,span,.avia_textblock,.iconlist_content,.iconlist_content p),
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-listcard :is(p,li,span,.avia_textblock,.iconlist_content,.iconlist_content p) {
  color: var(--go-color-4, #333333) !important;
}

body#top #wrap_all #standort-einzugsgebiet .avia-buttonrow-wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: flex-start !important;
  margin-top: 24px !important;
}

@media only screen and (max-width: 989px) {
  body#top #wrap_all #standort-einzugsgebiet .container {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper {
    grid-template-columns: 1fr !important;
    gap: var(--go-layout-gap-mobile, 20px) !important;
    align-items: stretch !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:first-child,
  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    padding: 0 !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:nth-child(2),
  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-listcard {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: none !important;
  }

  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:first-child :is(.av_textblock_section,.avia_textblock,h1,h2,h3,h4,p,span,a),
  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy :is(.av_textblock_section,.avia_textblock,h1,h2,h3,h4,p,span,a) {
    max-width: none !important;
  }
}

@media only screen and (max-width: 479px) {
  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:nth-child(2),
  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-listcard {
    padding: 24px 20px !important;
  }
}

/* ========================================================================== 
   END GO Startseite: Einzugsgebiet Strukturfix sichtbar
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */


/* ========================================================================== 
   BEGIN GO Startseite: Einzugsgebiet Lesbarkeit und Top-Ausrichtung
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/*
   Zweck:
   Abschnitt „Für Wien, Schwechat und Umgebung“: linke Textspalte oben bündig
   zur rechten Karte ausrichten und Text/Buttons auf dunklem Hintergrund
   sauber lesbar machen.
*/
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper {
  align-items: start !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:first-child,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:nth-child(2),
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-listcard {
  align-self: start !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:first-child,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy {
  padding-top: clamp(26px, 2.6vw, 40px) !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:first-child h2,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy h2 {
  color: var(--go-color-9, #ffffff) !important;
  margin-top: 0 !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:first-child :is(.avia_textblock,p,span),
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy :is(.avia_textblock,p,span) {
  color: var(--go-color-9, #ffffff) !important;
  opacity: 1 !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:first-child p,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy p {
  color: rgba(255,255,255,.88) !important;
}

body#top #wrap_all #standort-einzugsgebiet .avia-buttonrow-wrap {
  margin-top: 26px !important;
}

body#top #wrap_all #standort-einzugsgebiet .avia-buttonrow-wrap .avia-button,
body#top #wrap_all #standort-einzugsgebiet .avia-buttonrow-wrap .avia-button:link,
body#top #wrap_all #standort-einzugsgebiet .avia-buttonrow-wrap .avia-button:visited {
  color: var(--go-color-9, #ffffff) !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.70) !important;
  border-radius: var(--go-radius, 2px) !important;
  opacity: 1 !important;
}

body#top #wrap_all #standort-einzugsgebiet .avia-buttonrow-wrap .avia-button .avia_iconbox_title,
body#top #wrap_all #standort-einzugsgebiet .avia-buttonrow-wrap .avia-button span {
  color: var(--go-color-9, #ffffff) !important;
  opacity: 1 !important;
}

body#top #wrap_all #standort-einzugsgebiet .avia-buttonrow-wrap .avia-button:hover,
body#top #wrap_all #standort-einzugsgebiet .avia-buttonrow-wrap .avia-button:focus {
  color: var(--go-color-9, #ffffff) !important;
  background: var(--go-accent, var(--go-color-10, #B90000)) !important;
  border-color: var(--go-accent, var(--go-color-10, #B90000)) !important;
}

@media only screen and (max-width: 989px) {
  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .flex_column:first-child,
  body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy {
    padding-top: 0 !important;
  }
}

/* ========================================================================== 
   END GO Startseite: Einzugsgebiet Lesbarkeit und Top-Ausrichtung
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */


/* ========================================================================== 
   BEGIN GO Startseite: Einzugsgebiet Textkontrast final
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/*
   Zweck:
   Im dunklen Standort-Abschnitt werden Fließtext und Buttontexte der linken
   Spalte hart auf helle Schrift gesetzt. Das überschreibt Enfold-Erbfarben
   und ältere Abschnittsfarben, die nach der GO-Umstellung noch durchscheinen
   können.
*/
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy {
  align-self: start !important;
  color: var(--go-color-9, #ffffff) !important;
  opacity: 1 !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy :is(.av_textblock_section,.avia_textblock) {
  color: var(--go-color-9, #ffffff) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy h2 {
  color: var(--go-color-9, #ffffff) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--go-color-9, #ffffff) !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy :is(p,li,span) {
  color: rgba(255,255,255,.92) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: rgba(255,255,255,.92) !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy .avia-buttonrow-wrap :is(a,.avia-button,.avia_iconbox_title,span) {
  color: var(--go-color-9, #ffffff) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--go-color-9, #ffffff) !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy .avia-buttonrow-wrap .avia-button {
  background-color: transparent !important;
  border-color: rgba(255,255,255,.75) !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy .avia-buttonrow-wrap .avia-button:hover,
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-split-copy .avia-buttonrow-wrap .avia-button:focus {
  background-color: var(--go-accent, var(--go-color-10, #B90000)) !important;
  border-color: var(--go-accent, var(--go-color-10, #B90000)) !important;
}

/* Rechte Karte bleibt bewusst dunkel auf hell. */
body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-listcard :is(h1,h2,h3,h4,h5,h6,.iconlist_title) {
  color: var(--go-color-1, #050505) !important;
  -webkit-text-fill-color: var(--go-color-1, #050505) !important;
}

body#top #wrap_all #standort-einzugsgebiet .entry-content-wrapper > .go-c-listcard :is(p,li,span,.iconlist_content) {
  color: var(--go-color-4, #333333) !important;
  -webkit-text-fill-color: var(--go-color-4, #333333) !important;
}

/* ========================================================================== 
   END GO Startseite: Einzugsgebiet Textkontrast final
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */


/* ========================================================================== 
   BEGIN GO Startseite: FAQ und Abschluss-CTA Feinkorrektur
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/*
   Zweck:
   FAQ/Q&A vollständig auf hellgrauer Fläche halten, inklusive Toggle-Fragen
   und geöffnetem Antwortbereich. Beim Abschluss-CTA wird nur der sichtbare
   Rahmen der Karte entfernt.
*/
body#top #wrap_all #faq,
body#top #wrap_all #faq .container,
body#top #wrap_all #faq .content,
body#top #wrap_all #faq .post-entry,
body#top #wrap_all #faq .entry-content-wrapper,
body#top #wrap_all #faq .togglecontainer,
body#top #wrap_all #faq .av_toggle_section,
body#top #wrap_all #faq .single_toggle,
body#top #wrap_all #faq .toggler,
body#top #wrap_all #faq .toggle_wrap,
body#top #wrap_all #faq .toggle_content {
  background-color: var(--go-surface-light, var(--go-color-7, #F2F2F2)) !important;
  background-image: none !important;
}

body#top #wrap_all #faq .toggler,
body#top #wrap_all #faq .toggle_wrap,
body#top #wrap_all #faq .toggle_content {
  border-color: var(--go-border, var(--go-color-6, #D9D9D9)) !important;
}

body#top #wrap_all #faq .toggler {
  margin-bottom: 0 !important;
}

body#top #wrap_all #faq .av_toggle_section + .av_toggle_section .toggler {
  border-top-width: 0 !important;
}

body#top #wrap_all #anfrage .go-c-cta-card,
body#top #wrap_all #anfrage .go-c-cta-card.flex_column,
body#top #wrap_all #anfrage .entry-content-wrapper > .flex_column:first-child {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* ========================================================================== 
   END GO Startseite: FAQ und Abschluss-CTA Feinkorrektur
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ========================================================================== 
   BEGIN GO Startseite: Detailfixes FAQ, Autoglas-Karten, Einzugsgebiet, Teaser
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* FAQ/Q&A: keine Zwischenlinien, alles auf hellgrau, Plus/Öffner schwarz. */
body#top #wrap_all #faq,
body#top #wrap_all #faq .container,
body#top #wrap_all #faq .content,
body#top #wrap_all #faq .post-entry,
body#top #wrap_all #faq .entry-content-wrapper,
body#top #wrap_all #faq .togglecontainer,
body#top #wrap_all #faq .av_toggle_section,
body#top #wrap_all #faq .single_toggle,
body#top #wrap_all #faq .toggler,
body#top #wrap_all #faq .toggle_wrap,
body#top #wrap_all #faq .toggle_content {
  background: var(--go-surface-light, var(--go-color-7, #f2f2f2)) !important;
  background-color: var(--go-surface-light, var(--go-color-7, #f2f2f2)) !important;
  background-image: none !important;
}

body#top #wrap_all #faq .togglecontainer,
body#top #wrap_all #faq .av_toggle_section,
body#top #wrap_all #faq .single_toggle,
body#top #wrap_all #faq .toggler,
body#top #wrap_all #faq .toggle_wrap,
body#top #wrap_all #faq .toggle_content {
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body#top #wrap_all #faq .toggler {
  padding-left: 12px !important;
  padding-right: 54px !important;
}

body#top #wrap_all #faq .toggle_icon {
  border-color: var(--go-color-1, #050505) !important;
  color: var(--go-color-1, #050505) !important;
  background: transparent !important;
}

body#top #wrap_all #faq .toggle_icon .vert_icon,
body#top #wrap_all #faq .toggle_icon .hor_icon {
  border-color: var(--go-color-1, #050505) !important;
  background-color: var(--go-color-1, #050505) !important;
}

/* Autoglas-Entscheidungskarten: vollständige Box hellgrau, Icongröße wie Einzugsgebiet. */
body#top #wrap_all #autoglas-details .go-c-card,
body#top #wrap_all #autoglas-details .go-c-card .iconbox,
body#top #wrap_all #autoglas-details .go-c-card .iconbox_content,
body#top #wrap_all #autoglas-details .go-c-card .iconbox_content_container {
  background: var(--go-surface-light, var(--go-color-7, #f2f2f2)) !important;
  background-color: var(--go-surface-light, var(--go-color-7, #f2f2f2)) !important;
  background-image: none !important;
}

body#top #wrap_all #autoglas-details .go-c-card {
  border-color: var(--go-surface-light, var(--go-color-7, #f2f2f2)) !important;
}

body#top #wrap_all #autoglas-details .go-c-card .iconbox_icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  line-height: 48px !important;
  font-size: 22px !important;
  border-radius: 50% !important;
  background: var(--go-color-1, #050505) !important;
  color: var(--go-color-9, #ffffff) !important;
  border-color: var(--go-color-1, #050505) !important;
}

body#top #wrap_all #autoglas-details .go-c-card .iconbox_icon svg {
  width: 22px !important;
  height: 22px !important;
}

/* Einzugsgebiet: Weißraum unter dem letzten Iconlist-Eintrag verkleinern. */
body#top #wrap_all #standort-einzugsgebiet .go-c-listcard {
  padding-bottom: clamp(28px, 3vw, 44px) !important;
}

body#top #wrap_all #standort-einzugsgebiet .go-c-listcard .avia-icon-list,
body#top #wrap_all #standort-einzugsgebiet .go-c-listcard .avia-icon-list-container,
body#top #wrap_all #standort-einzugsgebiet .go-c-listcard .avia-icon-list li:last-child,
body#top #wrap_all #standort-einzugsgebiet .go-c-listcard .avia-icon-list li:last-child article,
body#top #wrap_all #standort-einzugsgebiet .go-c-listcard .avia-icon-list li:last-child .iconlist_content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Leistungsteaser: eine dunkle Fläche unter Text und Button, Verlauf startet direkt über der Textbox. */
body#top #wrap_all #leistungs-teaser-kompakt .go-c-service {
  background: var(--go-color-2, #151515) !important;
  background-color: var(--go-color-2, #151515) !important;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-img {
  position: relative !important;
  background: var(--go-color-2, #151515) !important;
  overflow: hidden !important;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-img::after {
  height: clamp(82px, 10vw, 150px) !important;
  bottom: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(21,21,21,0) 0%,
    rgba(21,21,21,.72) 58%,
    var(--go-color-2, #151515) 100%
  ) !important;
  z-index: 2 !important;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-copy,
body#top #wrap_all #leistungs-teaser-kompakt .go-c-service > .avia-button-wrap {
  background: var(--go-color-2, #151515) !important;
  background-color: var(--go-color-2, #151515) !important;
  background-image: none !important;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-copy {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-copy h2 {
  margin-top: -38px !important;
  position: relative !important;
  z-index: 3 !important;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-copy p,
body#top #wrap_all #leistungs-teaser-kompakt .go-c-service > .avia-button-wrap {
  position: relative !important;
  z-index: 3 !important;
}

/* ========================================================================== 
   END GO Startseite: Detailfixes FAQ, Autoglas-Karten, Einzugsgebiet, Teaser
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ========================================================================== 
   BEGIN GO Startseite: Autoglas-Karten Schrift und Hakerl proportional
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/*
   Ziel:
   Die Textgröße der Autoglas-Entscheidungskarten folgt der normalen Bodygröße.
   Die Hakerl-Icons sind proportional dazu definiert und dadurch mit den
   Einzugsgebiet-Hakerln konsistent skalierbar.
*/
body#top #wrap_all #autoglas-details,
body#top #wrap_all #standort-einzugsgebiet {
  --go-check-size: 3em;
  --go-check-glyph-size: 1.35em;
}

body#top #wrap_all #autoglas-details .go-c-card,
body#top #wrap_all #autoglas-details .go-c-card :is(.iconbox,.iconbox_top,.iconbox_content) {
  font-size: 1em !important;
}

body#top #wrap_all #autoglas-details .go-c-card :is(.iconbox_content_container,.iconbox_content_container p) {
  font-size: 1em !important;
  line-height: 1.5 !important;
}

body#top #wrap_all #autoglas-details .go-c-card :is(.iconbox_content_title,h2.iconbox_content_title) {
  font-size: 1.05em !important;
  line-height: 1.15 !important;
}

body#top #wrap_all #autoglas-details .go-c-card :is(.iconbox_icon,.iconbox_icon.heading-color),
body#top #wrap_all #standort-einzugsgebiet .go-c-listcard .iconlist_icon {
  width: var(--go-check-size) !important;
  height: var(--go-check-size) !important;
  min-width: var(--go-check-size) !important;
  min-height: var(--go-check-size) !important;
  line-height: var(--go-check-size) !important;
  font-size: var(--go-check-glyph-size) !important;
  border-radius: 50% !important;
}

body#top #wrap_all #autoglas-details .go-c-card .iconbox_icon svg,
body#top #wrap_all #standort-einzugsgebiet .go-c-listcard .iconlist_icon svg {
  width: var(--go-check-glyph-size) !important;
  height: var(--go-check-glyph-size) !important;
}

/* ========================================================================== 
   END GO Startseite: Autoglas-Karten Schrift und Hakerl proportional
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Footer: Links ohne Unterstreichung
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.2
   ========================================================================== */

/*
   R58 Sicherheitsfix:
   Nur die Link-Unterstreichung im Footer entfernen.
   Keine Änderung an Footer-Raster, Spalten, Farben, Schriftgrößen, Logos oder Buttons.
   Wichtig: Der Footer-Debug behält die Basisklasse go-r49, damit die bestehenden
   Footer-Basisregeln weiterhin greifen.
*/
#top #go-footer a,
#top #go-footer a:visited,
#top #go-footer a:hover,
#top #go-footer a:focus,
#top #go-footer a:active,
#top #go-footer a span,
#top #go-footer a strong {
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* ==========================================================================
   END GO Footer: Links ohne Unterstreichung
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.2
   ========================================================================== */


/* ==========================================================================
   BEGIN GO Footer: Partnerlogo-Abstand und Headline-Größe
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */

/* R59: Nur Footer-Partnerlogo-Abstand und Footer-Headlines. Keine Strukturänderung. */
#top #go-footer .go-c-footer-logos {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 40px !important;
}

#top #go-footer .go-c-footer-logos .go-c-partner-logo,
#top #go-footer .go-c-footer-logos img {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#top #go-footer h3 {
  font-size: 115% !important;
  line-height: 1.15 !important;
}

/* ==========================================================================
   END GO Footer: Partnerlogo-Abstand und Headline-Größe
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ========================================================================== */


/* ============================================================================
   BEGIN GO Header: Hauptmenü zentriert und Topbar bereinigt
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ============================================================================ */

#top {
  /* topbar-bg: leicht dunkleres Hellgrau als bisher, Schwarz bleibt barrierefrei lesbar */
  --go-header-line-bg: #e6e6e6;

  /* social-hit-area: größere Klickfläche für Social Icons in der Topbar */
  --go-topbar-social-size: 34px;
  --go-topbar-social-gap: 10px;
}

/* Desktop: Hauptmenü an der Seitenmitte ausrichten, damit es optisch über den Aktionsbuttons sitzt. */
@media only screen and (min-width: 1181px) {
  #top #header_main .main_menu {
    left: 50% !important;
    right: auto !important;
    top: var(--cc-menu-top-desktop) !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important;
    max-width: calc(100vw - 520px) !important;
  }

  #top #header_main .main_menu .avia-menu,
  #top #header_main .main_menu .av-main-nav {
    justify-content: center !important;
    width: auto !important;
  }
}

/* Kompakter Desktop bleibt bewusst etwas flexibler, damit Logo, Menü und Buttons nicht kollidieren. */
@media only screen and (min-width: 990px) and (max-width: 1180px) {
  #top #header_main .main_menu {
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important;
    max-width: calc(100vw - 360px) !important;
  }

  #top #header_main .main_menu .avia-menu,
  #top #header_main .main_menu .av-main-nav {
    justify-content: center !important;
  }
}

/* Topbar: leicht dunkleres Hellgrau sicher auf alle Enfold-Hintergründe anwenden. */
#top #header_meta,
#top #header_meta .container,
#top #header_meta .header_bg {
  background: var(--go-header-line-bg) !important;
  background-color: var(--go-header-line-bg) !important;
}

/* Social Icons: Trennlinien entfernen und größere klickbare Fläche herstellen. */
#top #header_meta .social_bookmarks,
#top #header_meta .social_bookmarks ul,
#top #header_meta .social_bookmarks li,
#top #header_meta .social_bookmarks li a {
  border: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

#top #header_meta .social_bookmarks {
  gap: var(--go-topbar-social-gap) !important;
}

#top #header_meta .social_bookmarks li {
  width: var(--go-topbar-social-size) !important;
  min-width: var(--go-topbar-social-size) !important;
  margin-left: 0 !important;
}

#top #header_meta .social_bookmarks li + li {
  margin-left: 0 !important;
}

#top #header_meta .social_bookmarks li a {
  width: var(--go-topbar-social-size) !important;
  min-width: var(--go-topbar-social-size) !important;
  height: var(--cc-topbar-height) !important;
  min-height: var(--cc-topbar-height) !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 2px !important;
}

#top #header_meta .social_bookmarks li a::before {
  font-size: 15px !important;
}

#top #header_meta .social_bookmarks li a:is(:hover, :focus-visible) {
  background: rgba(0,0,0,.08) !important;
  opacity: 1 !important;
}

#top #header_meta .social_bookmarks li a:focus-visible {
  outline: 2px solid #050505 !important;
  outline-offset: -2px !important;
}

/* ============================================================================
   END GO Header: Hauptmenü zentriert und Topbar bereinigt
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ============================================================================ */


/* ============================================================================
   BEGIN GO Startseite: Leistungsteaser Verlauf und Textboxhöhe
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ============================================================================ */

/*
   Ziel:
   - Verlauf im Bild startet ungefähr bei der Bildmitte und endet direkt an der Textbox
     mit 100% Deckung der Textbox-Farbe.
   - Textbox-Minimalhöhe wird reduziert, damit Text und Button näher zusammenrücken.
*/
body#top #wrap_all #leistungs-teaser-kompakt {
  --go-service-body-bg: var(--go-color-2, #151515);
  --go-service-copy-min-height: 108px;
  --go-service-gradient-start: rgba(21, 21, 21, 0);
  --go-service-gradient-end: var(--go-service-body-bg);
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service,
body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-copy,
body#top #wrap_all #leistungs-teaser-kompakt .go-c-service > .avia-button-wrap {
  background: var(--go-service-body-bg) !important;
  background-color: var(--go-service-body-bg) !important;
  background-image: none !important;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-img {
  background: var(--go-service-body-bg) !important;
  overflow: hidden !important;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-img::after {
  height: 52% !important;
  top: auto !important;
  bottom: 0 !important;
  background: linear-gradient(
    to bottom,
    var(--go-service-gradient-start) 0%,
    rgba(21, 21, 21, .35) 46%,
    var(--go-service-gradient-end) 100%
  ) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-copy {
  min-height: var(--go-service-copy-min-height) !important;
  padding-top: 0 !important;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-copy h2 {
  margin-top: -38px !important;
  position: relative !important;
  z-index: 3 !important;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-copy p {
  position: relative !important;
  z-index: 3 !important;
  margin-bottom: 0 !important;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service > .avia-button-wrap {
  padding-top: 14px !important;
}

@media only screen and (max-width: 989px) {
  body#top #wrap_all #leistungs-teaser-kompakt {
    --go-service-copy-min-height: 96px;
  }

  body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-img::after {
    height: 56% !important;
  }
}

/* ============================================================================
   END GO Startseite: Leistungsteaser Verlauf und Textboxhöhe
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ============================================================================ */


/* ============================================================================
   BEGIN GO Startseite: Leistungsteaser Bildbereich und Verlauf
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ============================================================================ */

/*
   Ziel:
   - Das Bild endet optisch und technisch oberhalb von Headline, Subtext und Button.
   - Der Verlauf liegt nur mehr im sichtbaren Bildbereich.
   - Am unteren Bildrand 100% Deckung der Textbox-Farbe, nach oben bis ca. 30% Bildhöhe auf 0%.
*/
body#top #wrap_all #leistungs-teaser-kompakt {
  --go-service-body-bg: var(--go-color-2, #151515);
  --go-service-gradient-height: 30%;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service,
body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-copy,
body#top #wrap_all #leistungs-teaser-kompakt .go-c-service > .avia-button-wrap {
  background: var(--go-service-body-bg) !important;
  background-color: var(--go-service-body-bg) !important;
  background-image: none !important;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-img {
  position: relative !important;
  background: var(--go-service-body-bg) !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-img::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  bottom: 0 !important;
  height: var(--go-service-gradient-height) !important;
  background: linear-gradient(
    to bottom,
    rgba(21, 21, 21, 0) 0%,
    var(--go-service-body-bg) 100%
  ) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-copy {
  margin-top: 0 !important;
  min-height: auto !important;
  padding-top: 24px !important;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-copy h2 {
  margin-top: 0 !important;
  position: relative !important;
  z-index: 3 !important;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-copy p {
  position: relative !important;
  z-index: 3 !important;
  margin-bottom: 0 !important;
}

body#top #wrap_all #leistungs-teaser-kompakt .go-c-service > .avia-button-wrap {
  margin-top: 0 !important;
  padding-top: 12px !important;
}

@media only screen and (max-width: 989px) {
  body#top #wrap_all #leistungs-teaser-kompakt {
    --go-service-gradient-height: 34%;
  }

  body#top #wrap_all #leistungs-teaser-kompakt .go-c-service-copy {
    padding-top: 22px !important;
  }
}

/* ============================================================================
   END GO Startseite: Leistungsteaser Bildbereich und Verlauf
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ============================================================================ */

/* ============================================================================
   BEGIN GO Header: Logo, Menüabstand und Submenü-Feinschliff
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ============================================================================ */

/*
   R63: Nur Header/Menü/Topbar.
   Ziel:
   - Logo etwas kleiner, vertikal zur Menüzeile ausgerichtet.
   - Hauptmenü kompakter, damit es nicht ins Logo läuft.
   - Submenü: weißer Hintergrund sauber abgerundet, keine dunklen Rest-Rahmen.
   - Topbar/Social: Trennlinien entfernen, größere klickbare Fläche, Hellgrau etwas dunkler.
*/
#top {
  /* header-line-bg: dunkleres Hellgrau; schwarze Schrift bleibt klar lesbar */
  --go-header-line-bg: #dddddd;

  /* desktop-logo: etwas kleiner als bisher, optisch mittig zur Menüzeile */
  --go-header-logo-width-desktop: 245px;
  --go-header-logo-height-desktop: 92px;
  --go-header-logo-offset-top: 16px;

  /* desktop-menu: kompaktere Navigation */
  --go-header-menu-gap: 12px;
  --go-header-menu-padding-x: 12px;
  --go-header-menu-padding-y: 9px;

  /* submenu */
  --go-header-submenu-radius: 16px;
  --go-header-submenu-item-radius: 10px;
}

@media only screen and (min-width: 990px) {
  /* Logo kleiner, aber vertikal weiter zur Menüzeile zentriert. */
  #top .logo,
  #top .logo a {
    width: var(--go-header-logo-width-desktop) !important;
    max-width: var(--go-header-logo-width-desktop) !important;
    height: var(--go-header-logo-height-desktop) !important;
    max-height: var(--go-header-logo-height-desktop) !important;
    margin-top: var(--go-header-logo-offset-top) !important;
    align-items: center !important;
  }

  #top .logo :is(img, svg),
  #top .logo a :is(img, svg) {
    width: 100% !important;
    max-width: 100% !important;
    max-height: var(--go-header-logo-height-desktop) !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* Menüabstand kompakter, damit das Menü seltener ins Logo läuft. */
  #top #header_main .main_menu .av-main-nav > li:not(.av-burger-menu-main) + li:not(.av-burger-menu-main) {
    margin-left: var(--go-header-menu-gap) !important;
  }

  #top #header_main .main_menu .av-main-nav > li:not(.av-burger-menu-main) > a {
    padding: var(--go-header-menu-padding-y) var(--go-header-menu-padding-x) !important;
  }

  /* Weißes Submenü sauber abrunden. */
  #top #header_main .main_menu .av-main-nav > li > ul.sub-menu {
    background: var(--go-white) !important;
    border: 0 !important;
    border-radius: var(--go-header-submenu-radius) !important;
    padding: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.22) !important;
  }

  /* Halb sichtbare/dunkle Rahmen aus Enfold-Altregeln neutralisieren. */
  #top #header_main .main_menu .av-main-nav > li > ul.sub-menu,
  #top #header_main .main_menu .av-main-nav > li > ul.sub-menu li,
  #top #header_main .main_menu .av-main-nav > li > ul.sub-menu li a,
  #top #header_main .main_menu .av-main-nav > li > ul.sub-menu li a .avia-menu-text {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
  }

  #top #header_main .main_menu .av-main-nav > li > ul.sub-menu li {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  #top #header_main .main_menu .av-main-nav ul.sub-menu > li > a {
    border-radius: var(--go-header-submenu-item-radius) !important;
    background: transparent !important;
    color: var(--go-text) !important;
    padding: 10px 14px !important;
    text-decoration: none !important;
  }

  #top #header_main .main_menu .av-main-nav ul.sub-menu > li > a:is(:hover, :focus) {
    background: rgba(0,0,0,.06) !important;
    color: var(--go-black) !important;
  }
}

@media only screen and (min-width: 990px) and (max-width: 1180px) {
  #top {
    --go-header-logo-width-desktop: 215px;
    --go-header-logo-height-desktop: 82px;
    --go-header-logo-offset-top: 17px;
    --go-header-menu-gap: 7px;
    --go-header-menu-padding-x: 8px;
    --go-header-menu-padding-y: 7px;
  }
}

/* Topbar-Hintergrund auf das abgedunkelte Hellgrau ziehen. */
#top #header_meta,
#top #header_meta .container,
#top #header_meta .header_bg {
  background: var(--go-header-line-bg) !important;
  background-color: var(--go-header-line-bg) !important;
}

/* Social-Media-Icons: Trennlinien weg, größere klickbare Fläche. */
#top #header_meta .social_bookmarks,
#top #header_meta .social_bookmarks li,
#top #header_meta .social_bookmarks li a,
#top #header_meta .social_bookmarks li:first-child,
#top #header_meta .social_bookmarks li:last-child {
  border: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

#top #header_meta .social_bookmarks li::before,
#top #header_meta .social_bookmarks li::after,
#top #header_meta .social_bookmarks li a::after {
  display: none !important;
  content: none !important;
}

#top #header_meta .social_bookmarks li {
  margin-left: 8px !important;
  width: 34px !important;
  min-width: 34px !important;
}

#top #header_meta .social_bookmarks li a {
  width: 34px !important;
  min-width: 34px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  justify-content: center !important;
}

#top #header_meta .social_bookmarks li a:is(:hover, :focus-visible) {
  background: rgba(0,0,0,.08) !important;
}

#top #header_meta .social_bookmarks li a:focus-visible {
  outline: 2px solid var(--go-black) !important;
  outline-offset: -2px !important;
}

/* ============================================================================
   END GO Header: Logo, Menüabstand und Submenü-Feinschliff
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ============================================================================ */

/* ============================================================================
   BEGIN GO Header: Submenü-Dreieck
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.2
   ============================================================================ */

/*
   R65: Submenü-Dreieck ohne sichtbaren Rahmen/Schatten,
   Submenütext beginnt exakt unter dem Hauptmenütext.
   Nur Header/Submenü. Kein Debug, keine Strukturänderung.
*/
#top {
  /* submenu-arrow-size: Größe des weißen Verbindungspfeils zum Submenü */
  --go-header-submenu-arrow-size: 14px;

  /* submenu-left-offset: Panel nach links, damit Linktext unter Hauptmenütext beginnt */
  --go-header-submenu-left-offset: -14px;

  /* submenu-arrow-left: Pfeilposition nach Panel-Verschiebung optisch beibehalten */
  --go-header-submenu-arrow-left: 48px;
}

@media only screen and (min-width: 990px) {
  /* Submenüfläche: Dreieck sichtbar lassen, aber Außenrahmen/Schatten entfernen. */
  #top #header_main .main_menu .av-main-nav > li > ul.sub-menu {
    left: var(--go-header-submenu-left-offset) !important;
    overflow: visible !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    background-image: none !important;
  }

  /* Keine zusätzlichen Pseudo-Rahmen aus Enfold/Altregeln. */
  #top #header_main .main_menu .av-main-nav > li > ul.sub-menu::after,
  #top #header_main .main_menu .av-main-nav > li > ul.sub-menu li::before,
  #top #header_main .main_menu .av-main-nav > li > ul.sub-menu li::after,
  #top #header_main .main_menu .av-main-nav > li > ul.sub-menu li a::before,
  #top #header_main .main_menu .av-main-nav > li > ul.sub-menu li a::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Weißes Dreieck als Verbindung zwischen Hauptmenüpunkt und Submenüfläche. */
  #top #header_main .main_menu .av-main-nav > li > ul.sub-menu::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: var(--go-header-submenu-arrow-left) !important;
    top: calc(var(--go-header-submenu-arrow-size) * -1) !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: var(--go-header-submenu-arrow-size) solid transparent !important;
    border-right: var(--go-header-submenu-arrow-size) solid transparent !important;
    border-bottom: var(--go-header-submenu-arrow-size) solid var(--go-white) !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    z-index: 3 !important;
    pointer-events: none !important;
  }

  /* Submenütext: Start exakt unter dem Hauptmenütext.
     Rechnung: Panel -14px + Panelpadding 12px + Linkpadding 14px = Hauptmenüpadding 12px. */
  #top #header_main .main_menu .av-main-nav ul.sub-menu > li > a {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* ============================================================================
   END GO Header: Submenü-Dreieck
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.2
   ============================================================================ */

/* ============================================================================
   BEGIN GO Header: Submenü-Linie entfernen
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ============================================================================ */

/*
   R66: Entfernt die hartnäckige Linie/Rahmenwirkung beim aktiven Hauptmenüpunkt.
   Ursache ist nicht das weiße Dreieck selbst, sondern Enfold-/Alt-CSS am
   Hauptmenülink, insbesondere Boxshadow/Borders und avia-menu-fx.
   Nur Header/Submenü. Kein Debug, keine Strukturänderung.
*/
@media only screen and (min-width: 990px) {

  #top #header_main .main_menu .av-main-nav > li > a,
  #top #header_main .main_menu .av-main-nav > li:hover > a,
  #top #header_main .main_menu .av-main-nav > li:focus-within > a,
  #top #header_main .main_menu .av-main-nav > li.current-menu-item > a,
  #top #header_main .main_menu .av-main-nav > li.current_page_item > a,
  #top #header_main .main_menu .av-main-nav > li.current-menu-parent > a,
  #top #header_main .main_menu .av-main-nav > li.current-menu-ancestor > a {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    background-image: none !important;
    text-decoration: none !important;
  }

  #top #header_main .main_menu .av-main-nav > li > a::before,
  #top #header_main .main_menu .av-main-nav > li > a::after,
  #top #header_main .main_menu .av-main-nav > li:hover > a::before,
  #top #header_main .main_menu .av-main-nav > li:hover > a::after,
  #top #header_main .main_menu .av-main-nav > li:focus-within > a::before,
  #top #header_main .main_menu .av-main-nav > li:focus-within > a::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Enfolds Menü-Effekt ist die typische Quelle für kleine Linien/Marker. */
  #top #header_main .main_menu .av-main-nav > li > a .avia-menu-fx,
  #top #header_main .main_menu .av-main-nav > li > a .avia-menu-fx .avia-arrow-wrap,
  #top #header_main .main_menu .av-main-nav > li > a .avia-menu-fx .avia-arrow {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Dreieck bleibt rein weiß, ohne Schatten oder Kontur. */
  #top #header_main .main_menu .av-main-nav > li > ul.sub-menu::before {
    border-bottom-color: var(--go-white, #ffffff) !important;
    box-shadow: none !important;
    filter: none !important;
  }
}

/* ============================================================================
   END GO Header: Submenü-Linie entfernen
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ============================================================================ */


/* ============================================================================
   BEGIN GO Header: Logo nicht abschneiden
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ============================================================================ */

/*
   R67: Das Logo wird unten nicht mehr vom Enfold-Logo-Container abgeschnitten.
   Nur Header/Logo. Keine Änderung an Menü, Submenü, Buttons, Topbar oder Debug.
*/
@media only screen and (min-width: 990px) {
  #top {
    --go-header-logo-width-desktop: 245px;
    --go-header-logo-height-desktop: 108px;
    --go-header-logo-offset-top: 8px;
  }

  #top #header,
  #top #header_main,
  #top #header_main .container,
  #top .logo,
  #top .logo a {
    overflow: visible !important;
  }

  #top .logo,
  #top .logo a {
    height: var(--go-header-logo-height-desktop) !important;
    max-height: none !important;
    margin-top: var(--go-header-logo-offset-top) !important;
    align-items: center !important;
  }

  #top .logo :is(img, svg),
  #top .logo a :is(img, svg) {
    width: var(--go-header-logo-width-desktop) !important;
    max-width: var(--go-header-logo-width-desktop) !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    overflow: visible !important;
  }
}

@media only screen and (min-width: 990px) and (max-width: 1180px) {
  #top {
    --go-header-logo-width-desktop: 215px;
    --go-header-logo-height-desktop: 98px;
    --go-header-logo-offset-top: 8px;
  }
}

/* ============================================================================
   END GO Header: Logo nicht abschneiden
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ============================================================================ */

/* ============================================================================
   BEGIN GO Autoglas Hub: R74 Reihenfolge, FAQ/CTA und Abstände
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   Ziel: Repair-Decision unten vor FAQ, FAQ/CTA wie Startseite, kompaktere
   Abschnittsabstände und stabile GO-Gridlogik.
   ============================================================================ */

html body#top.page-id-1201 #wrap_all {
  --go-content-width: 1680px;
  --go-autoglas-edge: clamp(40px, 6vw, 96px);
  --go-autoglas-gap: clamp(28px, 2.8vw, 56px);
  --go-autoglas-detail-gap: clamp(44px, 4.8vw, 90px);
}

/* Gemeinsame Containerlogik für Autoglas-Hub, nicht autoglas-spezifische Breite. */
html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74 > .container {
  width: min(var(--go-content-width), calc(100vw - (2 * var(--go-autoglas-edge)))) !important;
  max-width: var(--go-content-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74 :is(.content,.template-page,.post-entry,.entry-content-wrapper) {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Hero analog Startseite: Container 1680, Panel über dieselben Variablen steuerbar. */
html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74,
html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 :is(.container,.entry-content-wrapper,.flex_column,.avia-builder-el-no-sibling) {
  overflow: visible !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 {
  position: relative !important;
  z-index: 30 !important;
  min-height: var(--go-hero-height-desktop, 560px) !important;
  height: var(--go-hero-height-desktop, 560px) !important;
  background-color: var(--go-color-1, #050505) !important;
  background-size: cover !important;
  background-position: center center !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.58) 38%, rgba(0,0,0,.24) 66%, rgba(0,0,0,.08) 100%) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 > .container {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: var(--go-content-width) !important;
  min-height: var(--go-hero-height-desktop, 560px) !important;
  height: var(--go-hero-height-desktop, 560px) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .entry-content-wrapper {
  position: relative !important;
  display: block !important;
  min-height: var(--go-hero-height-desktop, 560px) !important;
  height: var(--go-hero-height-desktop, 560px) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-hero-content-col {
  position: absolute !important;
  left: var(--go-hero-panel-offset-x, 0px) !important;
  top: var(--go-hero-panel-y-desktop, 56%) !important;
  transform: translateY(-50%) !important;
  width: min(var(--go-hero-panel-width, 640px), 48vw) !important;
  max-width: var(--go-hero-panel-width, 640px) !important;
  margin: 0 !important;
  padding: clamp(28px, 3vw, 46px) !important;
  background: var(--go-hero-panel-bg, rgba(0,0,0,.58)) !important;
  border-left: 3px solid var(--go-color-10, #B90000) !important;
  box-sizing: border-box !important;
  color: var(--go-color-9, #ffffff) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-c-hero-copy,
html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-c-hero-copy .avia_textblock {
  margin: 0 !important;
  color: var(--go-color-9, #ffffff) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-c-hero-copy :is(h1,h2,h3,p) {
  color: var(--go-color-9, #ffffff) !important;
  -webkit-text-fill-color: var(--go-color-9, #ffffff) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-c-hero-copy h1 {
  margin: 0 0 .34em !important;
  font-family: var(--go-font-headline, "Open Sans Condensed", Arial, sans-serif) !important;
  font-size: clamp(44px, 5.2vw, 78px) !important;
  line-height: 1.02 !important;
  font-weight: 300 !important;
  letter-spacing: -.015em !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-c-hero-copy p {
  max-width: 560px !important;
  margin: 0 !important;
  font-size: clamp(16px, 1.15vw, 20px) !important;
  line-height: 1.55 !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,.92) !important;
  -webkit-text-fill-color: rgba(255,255,255,.92) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-c-hero-actions {
  margin-top: 24px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-c-hero-actions :is(a,.avia-button) {
  min-height: 42px !important;
  padding: 11px 20px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  text-decoration: none !important;
  text-transform: none !important;
  transform: none !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-c-hero-actions a:first-of-type,
html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-c-hero-actions .go-c-button-red {
  border: 1px solid var(--go-color-10, #B90000) !important;
  background: var(--go-color-10, #B90000) !important;
  color: var(--go-color-9, #ffffff) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-c-hero-actions a:nth-of-type(n+2),
html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-c-hero-actions .go-c-button-outline-white {
  border: 1px solid rgba(255,255,255,.78) !important;
  background: rgba(0,0,0,.16) !important;
  color: var(--go-color-9, #ffffff) !important;
}

/* R74-Kern: Enfold-Floats, RTL-Spalten und Post-CSS-Column-Werte in Autoglas-Abschnitten neutralisieren. */
html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74:not(#autoglas-hub-hero) .entry-content-wrapper > :is(.flex_column,.flex_column_div,.av_one_full,.av_one_half,.av_one_third,.av_one_fourth) {
  float: none !important;
  clear: none !important;
  display: block !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}

html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74:not(#autoglas-hub-hero) .entry-content-wrapper > .av-flex-placeholder,
html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74:not(#autoglas-hub-hero) .av-flex-placeholder {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  flex: 0 0 0 !important;
}

html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74:not(#autoglas-hub-hero) {
  padding-top: var(--go-autoglas-pad-y, clamp(54px, 5vw, 86px)) !important;
  padding-bottom: var(--go-autoglas-pad-y, clamp(54px, 5vw, 86px)) !important;
}

html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-layout-1col .entry-content-wrapper {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: var(--go-autoglas-gap) !important;
  align-items: start !important;
}

html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-layout-2col .entry-content-wrapper,
html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-c-detail-section .entry-content-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--go-autoglas-detail-gap) !important;
  align-items: center !important;
}

html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-layout-2col .entry-content-wrapper > .flex_column:nth-of-type(1),
html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-c-detail-section .entry-content-wrapper > .flex_column:nth-of-type(1) {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-layout-2col .entry-content-wrapper > .flex_column:nth-of-type(2),
html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-c-detail-section .entry-content-wrapper > .flex_column:nth-of-type(2) {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-ablauf.go-r74 .entry-content-wrapper {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: var(--go-autoglas-gap) !important;
  align-items: stretch !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-ablauf.go-r74 .go-c-section-head {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-ablauf.go-r74 .go-c-step-card {
  grid-row: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: clamp(24px, 2.3vw, 36px) !important;
}

html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74 .go-c-detail-copy,
html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74 .go-c-split-text {
  max-width: 720px !important;
}

html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74 .go-is-invert :is(h1,h2,h3,h4,p,li,strong,a),
html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-sec-dark :is(.go-c-detail-copy,.go-c-split-text) :is(h1,h2,h3,h4,p,li,strong,a) {
  color: var(--go-color-9, #ffffff) !important;
  -webkit-text-fill-color: var(--go-color-9, #ffffff) !important;
}

html body#top.page-id-1201 #wrap_all .go-c-detail-section.go-r74 .go-c-detail-media,
html body#top.page-id-1201 #wrap_all .go-c-detail-section.go-r74 .go-c-detail-image,
html body#top.page-id-1201 #wrap_all .go-c-detail-section.go-r74 .go-c-detail-image :is(.avia-image-container-inner,.avia-image-overlay-wrap,.avia_image_wrap,a,picture,img,.avia_image) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

html body#top.page-id-1201 #wrap_all .go-c-detail-section.go-r74 .go-c-detail-image img,
html body#top.page-id-1201 #wrap_all .go-c-detail-section.go-r74 .go-c-detail-image .avia_image {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  object-fit: cover !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-versicherung.go-r74 .go-c-split-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 22px !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-versicherung.go-r74 .go-c-buttonrow {
  width: 100% !important;
  margin-top: 0 !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-versicherung.go-r74 .go-c-check-card {
  padding: clamp(34px, 4vw, 64px) !important;
  background: var(--go-color-9, #ffffff) !important;
  color: var(--go-color-1, #050505) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-qualitaet.go-r74 .go-c-partner-logos {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 48px !important;
  min-height: 260px !important;
  background: var(--go-color-7, #f2f2f2) !important;
  padding: clamp(36px, 4vw, 72px) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-qualitaet.go-r74 .go-c-partner-logo,
html body#top.page-id-1201 #wrap_all #autoglas-qualitaet.go-r74 .go-c-partner-logo :is(.avia-image-container-inner,.avia-image-overlay-wrap,.avia_image_wrap,a,picture,img,.avia_image) {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-qualitaet.go-r74 .go-c-partner-logo img {
  max-width: 190px !important;
  max-height: 130px !important;
  object-fit: contain !important;
}

@media only screen and (min-width: 1600px) {
  html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74,
  html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 :is(.container,.entry-content-wrapper) {
    min-height: var(--go-hero-height-highres, 640px) !important;
    height: var(--go-hero-height-highres, 640px) !important;
  }
  html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-hero-content-col {
    top: var(--go-hero-panel-y-highres, 56%) !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
  html body#top.page-id-1201 #wrap_all { --go-autoglas-edge: 32px; }
  html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74,
  html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 :is(.container,.entry-content-wrapper) {
    min-height: var(--go-hero-height-tablet, 520px) !important;
    height: var(--go-hero-height-tablet, 520px) !important;
  }
  html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-hero-content-col {
    width: min(var(--go-hero-panel-width, 640px), 88vw) !important;
    top: var(--go-hero-panel-y-tablet, 54%) !important;
  }
  html body#top.page-id-1201 #wrap_all #autoglas-ablauf.go-r74 .entry-content-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-layout-2col .entry-content-wrapper,
  html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-c-detail-section .entry-content-wrapper {
    grid-template-columns: 1fr !important;
  }
  html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-layout-2col .entry-content-wrapper > .flex_column:nth-of-type(n),
  html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-c-detail-section .entry-content-wrapper > .flex_column:nth-of-type(n) {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  html body#top.page-id-1201 #wrap_all { --go-autoglas-edge: 24px; }
  html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74,
  html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 :is(.container,.entry-content-wrapper) {
    min-height: var(--go-hero-height-mobile, 500px) !important;
    height: var(--go-hero-height-mobile, 500px) !important;
  }
  html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-hero-content-col {
    left: 0 !important;
    right: 0 !important;
    top: var(--go-hero-panel-y-mobile, 53%) !important;
    width: 100% !important;
    max-width: none !important;
  }
  html body#top.page-id-1201 #wrap_all #autoglas-ablauf.go-r74 .entry-content-wrapper,
  html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-layout-2col .entry-content-wrapper,
  html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-c-detail-section .entry-content-wrapper {
    grid-template-columns: 1fr !important;
  }
  html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-layout-2col .entry-content-wrapper > .flex_column:nth-of-type(n),
  html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-c-detail-section .entry-content-wrapper > .flex_column:nth-of-type(n) {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

@media only screen and (max-width: 479px) {
  html body#top.page-id-1201 #wrap_all {
    --go-autoglas-edge: 20px;
    --go-autoglas-pad-y: 42px;
  }
  html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74,
  html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 :is(.container,.entry-content-wrapper) {
    min-height: var(--go-hero-height-mini, 460px) !important;
    height: var(--go-hero-height-mini, 460px) !important;
  }
  html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-hero-content-col {
    left: 0 !important;
    right: 0 !important;
    top: var(--go-hero-panel-y-mini, 52%) !important;
    width: 100% !important;
    max-width: none !important;
    padding: 22px !important;
  }
  html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-c-hero-copy h1 {
    font-size: clamp(34px, 12vw, 46px) !important;
  }
  html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-c-hero-actions {
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  html body#top.page-id-1201 #wrap_all #autoglas-hub-hero.go-r74 .go-c-hero-actions :is(a,.avia-button) {
    width: 100% !important;
    margin: 0 0 10px !important;
    justify-content: center !important;
    text-align: center !important;
  }
  html body#top.page-id-1201 #wrap_all #autoglas-ablauf.go-r74 .entry-content-wrapper,
  html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-layout-2col .entry-content-wrapper,
  html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-c-detail-section .entry-content-wrapper {
    grid-template-columns: 1fr !important;
  }
  html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-layout-2col .entry-content-wrapper > .flex_column:nth-of-type(n),
  html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-c-detail-section .entry-content-wrapper > .flex_column:nth-of-type(n) {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  html body#top.page-id-1201 #wrap_all #autoglas-qualitaet.go-r74 .go-c-partner-logos {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 22px !important;
  }
}

html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-layout-3col .entry-content-wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--go-autoglas-gap, clamp(28px, 2.8vw, 56px)) !important;
  align-items: stretch !important;
}

html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-layout-3col .entry-content-wrapper > .av_one_full {
  grid-column: 1 / -1 !important;
}

html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-layout-3col .entry-content-wrapper > .av_one_third {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
}

/* Intro mit Hakerlblock: textlich ähnlich altem Block, technisch als GO/CET-Struktur. */
html body#top.page-id-1201 #wrap_all #autoglas-intro.go-r74 .entry-content-wrapper {
  align-items: center !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-intro.go-r74 .go-c-intro-copy {
  max-width: 760px !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-intro.go-r74 .go-c-intro-checks {
  margin-top: clamp(26px, 3vw, 42px) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-intro.go-r74 .go-c-intro-checks :is(.iconlist_title,.iconlist_content,p) {
  color: var(--go-color-1, #050505) !important;
  -webkit-text-fill-color: var(--go-color-1, #050505) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-intro.go-r74 .go-c-intro-checks .iconlist_content,
html body#top.page-id-1201 #wrap_all #autoglas-intro.go-r74 .go-c-intro-checks .iconlist_content p {
  color: var(--go-color-4, #333333) !important;
  -webkit-text-fill-color: var(--go-color-4, #333333) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-intro.go-r74 .go-c-intro-image,
html body#top.page-id-1201 #wrap_all #autoglas-intro.go-r74 .go-c-intro-image :is(.avia-image-container-inner,.avia-image-overlay-wrap,img,.avia_image) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-intro.go-r74 .go-c-intro-image img,
html body#top.page-id-1201 #wrap_all #autoglas-intro.go-r74 .go-c-intro-image .avia_image {
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  height: auto !important;
}

/* Entscheidungsblock aus dem alten Debug wiederhergestellt. */
html body#top.page-id-1201 #wrap_all #autoglas-leistungen.go-r74 .go-c-decision-card {
  position: relative !important;
  padding: clamp(34px, 3.2vw, 54px) clamp(26px, 2.6vw, 44px) !important;
  background: var(--go-color-9, #ffffff) !important;
  border: 1px solid var(--go-color-6, #D9D9D9) !important;
  border-radius: 2px !important;
  text-align: center !important;
  min-height: 210px !important;
  box-sizing: border-box !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-leistungen.go-r74 .go-c-decision-copy :is(h3,p) {
  color: var(--go-color-1, #050505) !important;
  -webkit-text-fill-color: var(--go-color-1, #050505) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-leistungen.go-r74 .go-c-decision-copy p:not(.go-c-decision-icon) {
  color: var(--go-color-4, #333333) !important;
  -webkit-text-fill-color: var(--go-color-4, #333333) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-leistungen.go-r74 .go-c-decision-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: -58px auto 18px !important;
  color: var(--go-color-9, #ffffff) !important;
  -webkit-text-fill-color: var(--go-color-9, #ffffff) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-leistungen.go-r74 .go-c-decision-icon.go-is-red { background: var(--go-color-10, #B90000) !important; }
html body#top.page-id-1201 #wrap_all #autoglas-leistungen.go-r74 .go-c-decision-icon.go-is-blue { background: #002B66 !important; }
html body#top.page-id-1201 #wrap_all #autoglas-leistungen.go-r74 .go-c-decision-icon.go-is-green { background: #18A957 !important; }

/* Detailabschnitte: klare Trennung und stabile Links/Rechts-Logik. */
html body#top.page-id-1201 #wrap_all .go-c-detail-section.go-r74 {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

html body#top.page-id-1201 #wrap_all .go-c-detail-section.go-r74 > .container {
  padding-top: clamp(78px, 7vw, 132px) !important;
  padding-bottom: clamp(78px, 7vw, 132px) !important;
}

html body#top.page-id-1201 #wrap_all .go-c-detail-section.go-r74 .entry-content-wrapper {
  align-items: center !important;
}

html body#top.page-id-1201 #wrap_all .go-c-detail-section.go-r74 .go-c-detail-copy {
  max-width: 680px !important;
}

html body#top.page-id-1201 #wrap_all .go-c-detail-section.go-r74 .go-c-detail-image img,
html body#top.page-id-1201 #wrap_all .go-c-detail-section.go-r74 .go-c-detail-image .avia_image {
  border-radius: 2px !important;
}

/* Versicherungs-Checkkarte: weißer Kasten, schwarze Schrift, Hakerl bleiben schwarz/weiß. */
html body#top.page-id-1201 #wrap_all #autoglas-versicherung.go-r74 .go-c-check-card {
  background: var(--go-color-9, #ffffff) !important;
  color: var(--go-color-1, #050505) !important;
  padding: clamp(42px, 4vw, 74px) !important;
  border-radius: 2px !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-versicherung.go-r74 .go-c-check-card :is(.iconlist_title,.iconlist_content,.iconlist_content p,article,p,h1,h2,h3,h4,h5,h6,li,strong,span) {
  color: var(--go-color-1, #050505) !important;
  -webkit-text-fill-color: var(--go-color-1, #050505) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-versicherung.go-r74 .go-c-check-card .iconlist_content,
html body#top.page-id-1201 #wrap_all #autoglas-versicherung.go-r74 .go-c-check-card .iconlist_content p {
  color: var(--go-color-4, #333333) !important;
  -webkit-text-fill-color: var(--go-color-4, #333333) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-versicherung.go-r74 .go-c-check-card .iconlist_icon,
html body#top.page-id-1201 #wrap_all #autoglas-versicherung.go-r74 .go-c-check-card .iconlist_icon span,
html body#top.page-id-1201 #wrap_all #autoglas-versicherung.go-r74 .go-c-check-card .av-icon-char {
  background: var(--go-color-1, #050505) !important;
  color: var(--go-color-9, #ffffff) !important;
  -webkit-text-fill-color: var(--go-color-9, #ffffff) !important;
  border-color: var(--go-color-1, #050505) !important;
}

/* Partnerlogos: nebeneinander, mit ruhiger Logo-Bühne statt gestapelter Zufallsbox. */
html body#top.page-id-1201 #wrap_all #autoglas-qualitaet.go-r74 .go-c-partner-logos {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(145px, 220px)) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(28px, 3vw, 48px) !important;
  min-height: 260px !important;
  background: var(--go-color-7, #f2f2f2) !important;
  padding: clamp(36px, 4vw, 72px) !important;
  border-radius: 2px !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-qualitaet.go-r74 .go-c-partner-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 150px !important;
  margin: 0 !important;
  padding: 22px !important;
  background: var(--go-color-9, #ffffff) !important;
  border-radius: 2px !important;
  box-sizing: border-box !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-qualitaet.go-r74 .go-c-partner-logo :is(.avia-image-container-inner,.avia-image-overlay-wrap,.avia_image_wrap,a,picture,img,.avia_image) {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-qualitaet.go-r74 .go-c-partner-logo img,
html body#top.page-id-1201 #wrap_all #autoglas-qualitaet.go-r74 .go-c-partner-logo .avia_image {
  max-width: 150px !important;
  max-height: 100px !important;
  object-fit: contain !important;
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
  html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-layout-3col .entry-content-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-layout-3col .entry-content-wrapper > .av_one_full {
    grid-column: 1 / -1 !important;
  }
}

@media only screen and (max-width: 767px) {
  html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74.go-layout-3col .entry-content-wrapper {
    grid-template-columns: 1fr !important;
  }
  html body#top.page-id-1201 #wrap_all #autoglas-qualitaet.go-r74 .go-c-partner-logos {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
  }
}

/* R74: kompaktere Abschnittslogik. Section selbst ohne doppeltes Enfold-Padding, Container steuert vertikale Abstände. */
html body#top.page-id-1201 #wrap_all {
  --go-content-width: 1680px;
  --go-autoglas-edge: clamp(40px, 5vw, 96px);
  --go-autoglas-gap: clamp(24px, 2.4vw, 44px);
  --go-autoglas-detail-gap: clamp(36px, 4vw, 72px);
  --go-autoglas-pad-y: clamp(42px, 3.4vw, 66px);
  --go-autoglas-pad-y-compact: clamp(34px, 2.8vw, 54px);
}

html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74:not(#autoglas-hub-hero) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body#top.page-id-1201 #wrap_all .go-autoglas-hub.go-r74:not(#autoglas-hub-hero) > .container {
  padding-top: var(--go-autoglas-pad-y) !important;
  padding-bottom: var(--go-autoglas-pad-y) !important;
}

html body#top.page-id-1201 #wrap_all :is(#autoglas-intro,#autoglas-ablauf,#autoglas-leistungen,#autoglas-faq,#autoglas-anfrage).go-r74 > .container {
  padding-top: var(--go-autoglas-pad-y-compact) !important;
  padding-bottom: var(--go-autoglas-pad-y-compact) !important;
}

/* R74: Entscheidungsblock steht unten vor FAQ, optisch als kompakter Startseiten-Verwandter. */
html body#top.page-id-1201 #wrap_all #autoglas-leistungen.go-r74 {
  background: var(--go-color-7, #f2f2f2) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-leistungen.go-r74 .go-c-section-head {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-leistungen.go-r74 .go-c-decision-card {
  padding: clamp(26px, 2.5vw, 42px) clamp(22px, 2vw, 34px) !important;
  min-height: 0 !important;
}

/* R74: FAQ und CTA wie Startseiten-Komponente, nur autoglas-spezifische IDs. */
html body#top.page-id-1201 #wrap_all #autoglas-faq.go-r74,
html body#top.page-id-1201 #wrap_all #autoglas-faq.go-r74 :is(.container,.content,.post-entry,.entry-content-wrapper,.togglecontainer,.av_toggle_section,.single_toggle,.toggler,.toggle_wrap,.toggle_content) {
  background: var(--go-color-7, #f2f2f2) !important;
  box-shadow: none !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-faq.go-r74 .go-c-faq-wrap {
  max-width: 1360px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-faq.go-r74 .go-c-intro {
  text-align: center !important;
  margin-bottom: clamp(18px, 2vw, 30px) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-faq.go-r74 .toggler {
  min-height: 46px !important;
  padding: 12px 54px 12px 18px !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--go-color-6, #d9d9d9) !important;
  color: var(--go-color-2, #111111) !important;
  text-decoration: none !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-faq.go-r74 .toggle_icon {
  color: var(--go-color-2, #111111) !important;
  border-color: var(--go-color-2, #111111) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-faq.go-r74 .toggle_icon .vert_icon,
html body#top.page-id-1201 #wrap_all #autoglas-faq.go-r74 .toggle_icon .hor_icon {
  border-color: var(--go-color-2, #111111) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-anfrage.go-r74,
html body#top.page-id-1201 #wrap_all #autoglas-anfrage.go-r74 :is(.container,.content,.post-entry,.entry-content-wrapper) {
  background: var(--go-color-9, #ffffff) !important;
  box-shadow: none !important;
  border: 0 !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-anfrage.go-r74 .go-c-final-cta {
  max-width: 1360px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  text-align: center !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-anfrage.go-r74 .go-c-final-cta-copy {
  margin-bottom: clamp(16px, 1.8vw, 24px) !important;
}

html body#top.page-id-1201 #wrap_all #autoglas-anfrage.go-r74 .go-c-final-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
}

/* R74: Detailbereiche kompakter, ohne doppeltes Innenpadding. */
html body#top.page-id-1201 #wrap_all .go-c-detail-section.go-r74 > .container {
  padding-top: var(--go-autoglas-pad-y) !important;
  padding-bottom: var(--go-autoglas-pad-y) !important;
}

html body#top.page-id-1201 #wrap_all .go-c-detail-section.go-r74 .go-c-detail-copy {
  max-width: 720px !important;
}

/* R74: Qualität/Partner kompakter und logo-bühne ruhiger. */
html body#top.page-id-1201 #wrap_all #autoglas-qualitaet.go-r74 .go-c-partner-logos {
  min-height: 0 !important;
  padding: clamp(24px, 2.8vw, 44px) !important;
  gap: clamp(32px, 4vw, 64px) !important;
}

@media only screen and (max-width: 767px) {
  html body#top.page-id-1201 #wrap_all {
    --go-autoglas-pad-y: 42px;
    --go-autoglas-pad-y-compact: 36px;
  }
  html body#top.page-id-1201 #wrap_all #autoglas-anfrage.go-r74 .go-c-final-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

/* ============================================================================
   END GO Autoglas Hub: R74 Reihenfolge, FAQ/CTA und Abstände
   Initial: 2026-06-23, aktuell: 2026-06-23, Version: 0.1
   ============================================================================ */