/*
Theme Name: daWebart 10.6 SEO Hosting
Theme URI: https://www.da-webart.eu/
Author: OpenAI / daWebart
Description: daWebart Theme Build 10.6 – stabiles Responsive-Theme mit sauberer Rank-Math-SEO-Integration
Version: 10.6
Text Domain: dawebart_10_6
*/


/* Accessibility Skip Link */
.skip-link.screen-reader-text{
position:absolute;
left:-9999px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
z-index:-9999;
}
.skip-link.screen-reader-text:focus{
left:20px;
top:20px;
width:auto;
height:auto;
overflow:visible;
z-index:999999;
padding:12px 18px;
background:#ffffff;
color:#000000;
border:2px solid #1e73be;
font-weight:700;
text-decoration:none;
}


/* ===== daWebart Final Refresh ===== */
body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    color:#2b2b2b;
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

.site-header{
    position:sticky;
    top:0;
    z-index:999;
    background:#fff;
    box-shadow:0 2px 12px rgba(0,0,0,.06);
}

.site-header,
.main-header{
    padding-top:10px!important;
    padding-bottom:10px!important;
}

.custom-logo,
.site-logo img,
.logo img{
    max-height:58px;
    width:auto;
}

.main-navigation a,
.main-menu a{
    font-size:14px;
    letter-spacing:.14em;
    font-weight:700;
    transition:all .2s ease;
}

.main-navigation a:hover,
.main-menu a:hover{
    color:#97c93c!important;
}

h1,h2,h3,h4{
    color:#1f1f1f;
    font-weight:700;
    line-height:1.25;
}

h1{
    font-size:clamp(2rem,4vw,3.4rem);
}

h2{
    font-size:clamp(1.6rem,3vw,2.5rem);
}

p,li{
    font-size:16px;
}

button,
.button,
input[type=submit],
.single_add_to_cart_button{
    border-radius:10px!important;
    transition:all .2s ease;
    box-shadow:0 4px 14px rgba(0,0,0,.08);
}

button:hover,
.button:hover,
.single_add_to_cart_button:hover{
    transform:translateY(-1px);
}

.single-product .product{
    gap:60px;
}

.single-product .price{
    font-size:2rem!important;
    color:#97c93c!important;
    font-weight:700;
}

.woocommerce-tabs{
    display:none!important;
}

.site-footer{
    background:#111!important;
    color:#fff!important;
    padding:28px 0!important;
}

.site-footer a{
    color:#fff!important;
}

.footer-hosting-badge{
    margin-right:90px;
    max-height:52px;
}

@media(max-width:768px){

    .custom-logo,
    .site-logo img,
    .logo img{
        max-height:46px;
    }

    .main-navigation a,
    .main-menu a{
        letter-spacing:.08em;
        font-size:13px;
    }

    p,li{
        font-size:15px;
    }

    .footer-hosting-badge{
        margin-right:85px;
        max-width:125px;
    }

    .single-product .product{
        gap:25px;
    }

    .woocommerce div.product form.cart{
        display:flex;
        flex-direction:column;
        gap:12px;
    }

    .single_add_to_cart_button{
        width:100%;
    }
}

/* ===== daWebart Final_2 Premium Polish ===== */
:root{
  --dw-green:#8bc53f;
  --dw-blue:#1e73be;
  --dw-dark:#161616;
  --dw-text:#262626;
  --dw-muted:#5f6770;
  --dw-soft:#f6f8fb;
}

body{font-size:16px;color:var(--dw-text);background:#fff;}
a{transition:color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.button:focus-visible{outline:3px solid rgba(30,115,190,.45)!important;outline-offset:3px!important;border-radius:8px;}

.header-top,.site-header{backdrop-filter:saturate(120%) blur(4px);}
.navigation-wrapper{min-height:74px;display:flex;align-items:center;}
.logo_col img,.site-logo-img,.custom-logo{max-height:54px!important;}
.main-menu>li>a{color:#111!important;padding:28px 13px!important;text-transform:uppercase;}
.main-menu>li.current-menu-item>a,.main-menu>li.current-menu-ancestor>a{color:#111!important;}
.main-menu ul.sub-menu{border-radius:12px;box-shadow:0 14px 35px rgba(0,0,0,.14);border:1px solid rgba(0,0,0,.06);overflow:hidden;}
.main-menu ul.sub-menu a{letter-spacing:.05em;text-transform:none;padding:11px 16px!important;}

.hero-section{min-height:min(680px,72vh);position:relative;overflow:hidden;}
.hero-section:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-70px;height:140px;background:#fff;transform:rotate(-2deg);transform-origin:left top;z-index:2;}
.hero-content{position:relative;z-index:3;max-width:850px;margin:auto;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.25);}
.hero-content h1{letter-spacing:.08em;margin-bottom:14px;}
.hero-content p{font-size:clamp(1.05rem,2vw,1.35rem);font-weight:500;}

.gridContainer{max-width:1180px;}
section .gridContainer,.content-right-image-section .gridContainer,.content-section .gridContainer{padding-left:22px;padding-right:22px;}
.content-right-image-gridcol,.content-left-image-gridcol{gap:54px;align-items:center;}
.content-right-image-textcol p,.content-left-image-textcol p,.entry-content p{color:var(--dw-muted);}

.button,.color1,input[type=submit],.single_add_to_cart_button,.woocommerce a.button,.woocommerce button.button{background:var(--dw-blue)!important;color:#fff!important;border:0!important;font-weight:700!important;text-decoration:none!important;border-radius:10px!important;padding:12px 22px!important;line-height:1.2!important;}
.button:hover,.color1:hover,input[type=submit]:hover,.single_add_to_cart_button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:#155f9f!important;color:#fff!important;box-shadow:0 10px 24px rgba(30,115,190,.24);}

/* Cards, product/pricing polish */
.pricing-card,.webhosting-card,.product-card,.service-card,.webdesign-card,.woocommerce ul.products li.product,.single-product .summary,.single-product .woocommerce-product-gallery{border-radius:18px!important;box-shadow:0 12px 34px rgba(0,0,0,.08)!important;border:1px solid rgba(0,0,0,.05)!important;background:#fff;}
.webhosting-card,.pricing-card,.webdesign-card{transition:transform .2s ease, box-shadow .2s ease;}
.webhosting-card:hover,.pricing-card:hover,.webdesign-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(0,0,0,.11)!important;}
.woocommerce div.product .product_title{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15;margin-bottom:12px;}
.woocommerce div.product p.price,.woocommerce div.product span.price{font-size:2.1rem!important;color:var(--dw-green)!important;font-weight:800!important;}
.woocommerce-product-details__short-description ul,.entry-summary ul{list-style:none;padding-left:0!important;margin-left:0!important;}
.woocommerce-product-details__short-description li,.entry-summary li{position:relative;padding-left:28px;margin:8px 0;color:var(--dw-muted);}
.woocommerce-product-details__short-description li:before,.entry-summary li:before{content:"✓";position:absolute;left:0;top:0;color:var(--dw-green);font-weight:900;}
.woocommerce-tabs{max-width:980px;margin:40px auto 0;}
.woocommerce-tabs .panel{border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.06);padding:24px!important;}
.woocommerce table.shop_attributes,.woocommerce-tabs table{border-collapse:collapse!important;width:100%;overflow:hidden;border-radius:12px;}
.woocommerce table.shop_attributes th,.woocommerce table.shop_attributes td,.woocommerce-tabs table th,.woocommerce-tabs table td{padding:12px 14px!important;border:1px solid #e5e9ef!important;line-height:1.45;}
.woocommerce table.shop_attributes th,.woocommerce-tabs table th{background:#f6f8fb!important;color:#202020;font-weight:700;}

/* Footer polish */
.site-footer{background:#101114!important;color:#fff!important;padding:28px 0!important;}
.site-footer a{color:#fff!important;text-decoration:none;}
.site-footer a:hover{color:var(--dw-green)!important;}
.footer-inner{gap:18px;}
.footer-hosting-badge{max-height:46px!important;filter:drop-shadow(0 3px 8px rgba(0,0,0,.22));}

/* Contact/support readability */
.contact-info,.support-info,.contact-card{line-height:1.45!important;}
.contact-info p,.support-info p{margin:7px 0!important;}
.contact-info a[href^="mailto:"],.support-info a[href^="mailto:"]{word-break:break-word;}

/* Partner logos */
.partner-grid,.partners-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:26px;align-items:center;}
.partner-grid a,.partners-grid a{display:flex;align-items:center;justify-content:center;min-height:110px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 8px 26px rgba(0,0,0,.06);}
.partner-grid img,.partners-grid img{max-height:70px;width:auto;max-width:100%;object-fit:contain;}

@media (max-width:900px){
  .navigation-wrapper{min-height:64px;}
  .logo_col img,.site-logo-img,.custom-logo{max-height:46px!important;}
  .main-navigation{border-top:1px solid rgba(0,0,0,.08);}
  .main-menu a{letter-spacing:.06em!important;font-size:15px!important;padding:14px 18px!important;}
  .hero-section{min-height:540px;}
  .hero-section:after{bottom:-55px;height:110px;}
  .content-right-image-gridcol,.content-left-image-gridcol{gap:28px;}
  .single-product .product{gap:24px!important;}
}

@media (max-width:600px){
  body{font-size:15.5px;line-height:1.65;}
  h1{font-size:2rem!important;}
  h2{font-size:1.55rem!important;}
  .hero-section{min-height:480px;}
  .hero-content h1{letter-spacing:.045em;}
  .gridContainer{padding-left:18px!important;padding-right:18px!important;}
  .button,.color1,input[type=submit],.single_add_to_cart_button,.woocommerce a.button,.woocommerce button.button{width:auto;min-height:44px;padding:12px 18px!important;}
  .footer-hosting-badge{margin-right:72px!important;max-width:120px!important;}
  .site-footer{text-align:center;}
}


/* Final_7: Mobile-Fix für High-End-Server/Produktseiten */
@media (max-width: 768px){
  html, body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  .site, .page, .content, .content-wrap, .woo-page, .woocommerce, .single-product div.product{
    max-width:100%!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  .single-product div.product{
    display:block!important;
    width:100%!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .single-product div.product div.images,
  .single-product div.product div.summary,
  .single-product .woocommerce-product-gallery,
  .single-product .summary{
    width:100%!important;
    max-width:100%!important;
    float:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  .single-product div.product div.images img,
  .single-product .woocommerce-product-gallery img{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    object-fit:cover!important;
  }

  /* Optionsfelder/Dropdowns dürfen mobil nicht mehr aus der Karte laufen */
  .single-product div.product form.cart,
  .single-product div.product form.cart .variations,
  .single-product div.product form.cart table,
  .single-product div.product form.cart tbody,
  .single-product div.product form.cart tr,
  .single-product div.product form.cart th,
  .single-product div.product form.cart td,
  .single-product div.product .summary table,
  .single-product div.product .summary tbody,
  .single-product div.product .summary tr,
  .single-product div.product .summary th,
  .single-product div.product .summary td{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    float:none!important;
    box-sizing:border-box!important;
    text-align:left!important;
  }

  .single-product div.product .summary th,
  .single-product div.product .summary td,
  .single-product div.product form.cart th,
  .single-product div.product form.cart td{
    padding-left:0!important;
    padding-right:0!important;
  }

  .single-product div.product form.cart select,
  .single-product div.product .summary select,
  .woocommerce div.product form.cart .variations select,
  .single-product input[type="text"],
  .single-product input[type="number"],
  .single-product input[type="email"],
  .single-product textarea{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:44px!important;
    box-sizing:border-box!important;
  }

  /* Advanced Product Fields / Zusatzoptionen */
  .single-product .wapf,
  .single-product .wapf-wrapper,
  .single-product .wapf-field-container,
  .single-product .wapf-field-label,
  .single-product .wapf-field-input,
  .single-product .wc-pao-addon,
  .single-product .wc-pao-addon-wrap,
  .single-product .product-addon,
  .single-product .tm-extra-product-options,
  .single-product .cpf-section,
  .single-product .cpf-type-select{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .single-product .wapf-field-container,
  .single-product .wc-pao-addon,
  .single-product .product-addon{
    margin:12px 0!important;
  }

  .single-product .wapf-field-label,
  .single-product .wc-pao-addon-name,
  .single-product .product-addon label,
  .single-product div.product .summary th,
  .single-product div.product form.cart th{
    margin:0 0 6px!important;
    color:#444!important;
    font-weight:700!important;
    letter-spacing:0!important;
  }

  .single-product .wapf-field-input select,
  .single-product .wc-pao-addon select,
  .single-product .product-addon select,
  .single-product .tm-extra-product-options select{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* Warenkorbbereich mobil sauber stapeln */
  .single-product div.product form.cart{
    display:block!important;
    margin-top:22px!important;
  }
  .single-product div.product form.cart div.quantity{
    width:100%!important;
    margin:0 0 12px!important;
  }
  .single-product div.product form.cart .qty{
    width:78px!important;
    max-width:78px!important;
  }
  .single-product div.product form.cart .single_add_to_cart_button{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-top:10px!important;
  }

  /* Leere/unnötige WooCommerce-Boxen mobil entschärfen */
  .single-product .woocommerce-tabs,
  .single-product .woocommerce-Tabs-panel,
  .single-product .woocommerce-Tabs-panel--description,
  .single-product .woocommerce-Tabs-panel--reviews,
  .single-product #reviews,
  .single-product .woocommerce-Reviews,
  .single-product .commentlist{
    height:auto!important;
    min-height:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .single-product .woocommerce-Tabs-panel--reviews,
  .single-product #reviews{
    display:none!important;
  }

  .single-product .woocommerce-Tabs-panel,
  .single-product .woocommerce-Tabs-panel--description{
    margin-left:0!important;
    margin-right:0!important;
    padding:22px 16px 24px!important;
  }

  /* Footer und Consent-Button auf Handy ohne Überlappung */
  .site-footer,
  .footer-inner{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .footer-inner{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:14px!important;
  }
  .footer-hosting-badge,
  .footer-inner img{
    margin:0!important;
    max-width:135px!important;
    height:auto!important;
  }
  .scroll-top{
    right:18px!important;
    bottom:18px!important;
    z-index:99999!important;
  }
}

@media (max-width: 420px){
  .single-product div.product{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .single-product div.product div.summary{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  }



/* Build 7.30: keep the green hero only on the start page.
   Legal/form/content pages stay clean and white. */
body:not(.home) .page-hero,
body:not(.home) .entry-hero,
body:not(.home) .dawebart-page-hero,
body:not(.home) .subpage-hero,
body:not(.home) .inner-hero,
body:not(.home) .title-hero,
body:not(.home) .hero-section:not(.home-hero),
body:not(.home) .page-title-section,
body:not(.home) .green-title-section,
body:not(.home) .breadcrumb-hero {
  display: none !important;
}

body:not(.home) main,
body:not(.home) .site-main,
body:not(.home) .content-area {
  padding-top: 48px;
}


/* Build 7.48: Vertrags-Widerruf-Seite ohne grünen Unterseiten-Banner */
.dw-contract-hero{display:none!important;}
.dw-contract-content{padding-top:48px;}



/* Build 7.48 - lokale SVG-Feature-Icons ohne externe Bildquellen */
.features-overlapped-icons-featuresrow .features-icon-container {
  width: 74px;
  height: 74px;
  margin: 0 auto 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, #1e88e5, #0d47a1);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(13, 71, 161, 0.22);
}

.features-overlapped-icons-featuresrow .features-icon-container::before {
  content: "";
  width: 34px;
  height: 34px;
  display: block;
  background-color: #ffffff;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* Unternehmen */
.features-overlapped-icons-featuresrow .features-large-icons-featcol:nth-child(1) .features-icon-container::before {
  -webkit-mask-image: url("assets/icons/feature-company.svg");
  mask-image: url("assets/icons/feature-company.svg");
}

/* Unternehmensphilosophie */
.features-overlapped-icons-featuresrow .features-large-icons-featcol:nth-child(2) .features-icon-container::before {
  -webkit-mask-image: url("assets/icons/feature-handshake.svg");
  mask-image: url("assets/icons/feature-handshake.svg");
}

/* Entwicklung */
.features-overlapped-icons-featuresrow .features-large-icons-featcol:nth-child(3) .features-icon-container::before {
  -webkit-mask-image: url("assets/icons/feature-code-server.svg");
  mask-image: url("assets/icons/feature-code-server.svg");
}

/* Auszeichnung */
.features-overlapped-icons-featuresrow .features-large-icons-featcol:nth-child(4) .features-icon-container::before {
  -webkit-mask-image: url("assets/icons/feature-award.svg");
  mask-image: url("assets/icons/feature-award.svg");
}

@media (max-width: 767px) {
  .features-overlapped-icons-featuresrow .features-icon-container {
    width: 64px;
    height: 64px;
    margin-bottom: 14px;
  }

  .features-overlapped-icons-featuresrow .features-icon-container::before {
    width: 30px;
    height: 30px;
  }
}



/* Build 7.48 - sichtbare Inline-SVG Icons in Feature-Kreisen */
.features-overlapped-icons-featuresrow .features-icon-container svg.dawebart-feature-svg {
  width: 36px !important;
  height: 36px !important;
  display: block !important;
  color: #ffffff !important;
  fill: currentColor !important;
  position: relative;
  z-index: 2;
}

.features-overlapped-icons-featuresrow .features-icon-container {
  overflow: visible;
}



/* Build 7.48 - Feature-Icons dezenter im Kreis */
.features-overlapped-icons-featuresrow .features-icon-container svg.dawebart-feature-svg {
  width: 28px !important;
  height: 28px !important;
}

@media (max-width: 767px) {
  .features-overlapped-icons-featuresrow .features-icon-container svg.dawebart-feature-svg {
    width: 25px !important;
    height: 25px !important;
  }
}



/* Build 7.48 - dezenter Conversion- und UX-Feinschliff */
.home .hero a.button,
.home .hero-section a.button,
.home a[href*="produkte"],
.home a[href*="webhosting"],
.home a[href*="kontakt"] {
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease;
}

.home .hero a.button:hover,
.home .hero-section a.button:hover,
.home a[href*="produkte"]:hover,
.home a[href*="webhosting"]:hover,
.home a[href*="kontakt"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.16);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(151, 195, 18, .55);
  outline-offset: 3px;
}

.button,
a.button,
.wp-block-button__link {
  letter-spacing: .02em;
}

.site-footer,
footer {
  font-size: 15px;
}

ul.sub-menu a,
.main-menu ul a,
nav ul li a {
  pointer-events: auto;
}



/* Build 7.48 - Karten-Texte vollständig anzeigen, ohne Grunddesign zu verändern */
.features-large-icons-featcol,
.features-overlapped-icons-featcol,
.features-overlapped-icons-featinnerrow,
.features-overlapped-icons-featuresrow .cp3cols,
.features-overlapped-icons-featuresrow .cp6cols-tablet {
  height: auto !important;
  min-height: 0 !important;
}

.features-large-icons-featcol p,
.features-overlapped-icons-featcol p,
.features-overlapped-icons-featinnerrow p,
.features-overlapped-icons-featuresrow p,
.features-large-icons-featcol .text,
.features-overlapped-icons-featcol .text {
  display: block !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

/* Leistungs-Karten bleiben optisch gleich, dürfen aber bei längeren Texten sauber wachsen */
#features-4 .features-large-icons-featcol,
#features-4 .features-overlapped-icons-featcol,
#leistungen .features-large-icons-featcol,
#leistungen .features-overlapped-icons-featcol {
  overflow: visible !important;
}

#features-4 .features-overlapped-icons-featinnerrow,
#leistungen .features-overlapped-icons-featinnerrow {
  padding-bottom: 34px;
}

/* Mobile: längere Texte bekommen etwas Luft, ohne die Kartenbreite zu ändern */
@media (max-width: 767px) {
  .features-large-icons-featcol p,
  .features-overlapped-icons-featuresrow p {
    line-height: 1.65;
  }
}







/* Build 7.48 - keine Theme-Eingriffe mehr in Complianz/Cookiebanner */



/* Build 7.48 - Mobile Fix Rechenzentrum-Kacheln */
@media (max-width: 767px) {
  body.page-id-227 .content-left-image-gridrow,
  body.page-id-227 .content-right-image-gridrow,
  body.page-id-227 .row,
  body.page-id-227 .gridContainer,
  body.page-id-227 [class*="gridrow"],
  body.page-id-227 [class*="innerrow"] {
    overflow: visible !important;
  }

  body.page-id-227 [class*="imagecol"],
  body.page-id-227 [class*="textcol"],
  body.page-id-227 [class*="gridcol"],
  body.page-id-227 .cp2cols,
  body.page-id-227 .cp3cols,
  body.page-id-227 .cp4cols,
  body.page-id-227 .cp6cols,
  body.page-id-227 .cp6cols-tablet {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body.page-id-227 img,
  body.page-id-227 .custom-image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover;
  }

  body.page-id-227 h1,
  body.page-id-227 h2,
  body.page-id-227 h3,
  body.page-id-227 h4,
  body.page-id-227 p {
    position: relative !important;
    z-index: 2;
    word-break: normal;
    overflow-wrap: break-word;
  }

  body.page-id-227 a.button,
  body.page-id-227 .button {
    display: inline-block !important;
    max-width: 100% !important;
    white-space: normal !important;
    margin-top: 18px !important;
  }
}

/* Falls die Rechenzentrum-Seite nicht mehr page-id-227 ist: anhand der URL zusätzlich absichern */
@media (max-width: 767px) {
  body[class*="rechenzentrum"] [class*="imagecol"],
  body[class*="rechenzentrum"] [class*="textcol"],
  body[class*="rechenzentrum"] .cp2cols,
  body[class*="rechenzentrum"] .cp3cols,
  body[class*="rechenzentrum"] .cp4cols,
  body[class*="rechenzentrum"] .cp6cols {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    position: relative !important;
    height: auto !important;
    overflow: visible !important;
  }
}

/* Build 7.61: kompakter Footer mit zweispaltigen Pflichtlinks und Hosting-Badge links */
.site-footer{
  background:#171717!important;
  color:#f7f7f7!important;
  padding:24px 0 26px!important;
  min-height:0!important;
}
.site-footer .footer-inner-build-756{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) minmax(170px,220px) minmax(190px,240px)!important;
  align-items:center!important;
  gap:28px!important;
  text-align:left!important;
}
.footer-brand{
  font-size:15px!important;
  line-height:1.45!important;
  color:#f5f5f5!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
}
.footer-company{font-weight:700!important;letter-spacing:.02em!important;}
.footer-subline{font-size:13px!important;color:rgba(255,255,255,.68)!important;margin:0!important;}
.footer-hosting-badge{
  max-width:128px!important;
  height:auto!important;
  margin:0 0 4px!important;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.22));
}
.footer-legal{
  text-align:left!important;
  justify-self:start!important;
}
.footer-legal ul{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  gap:7px!important;
}
.footer-legal li{margin:0!important;padding:0!important;line-height:1.25!important;}
.footer-legal a{
  color:rgba(255,255,255,.82)!important;
  text-decoration:none!important;
  font-size:14px!important;
  line-height:1.3!important;
  transition:color .18s ease, background-color .18s ease, border-color .18s ease!important;
}
.footer-legal a:hover,.footer-legal a:focus{color:#9cca1b!important;text-decoration:none!important;}
.footer-legal .footer-contract-cancel{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:5px!important;
  padding:10px 16px!important;
  border:2px solid rgba(156,202,27,.95)!important;
  border-radius:999px!important;
  color:#fff!important;
  font-weight:800!important;
  font-size:14px!important;
  letter-spacing:.02em!important;
  background:rgba(156,202,27,.10)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.18)!important;
}
.footer-legal .footer-contract-cancel:hover,
.footer-legal .footer-contract-cancel:focus{
  color:#171717!important;
  background:#9cca1b!important;
  border-color:#9cca1b!important;
}
@media(max-width:782px){
  .site-footer{padding:24px 0 92px!important;}
  .site-footer .footer-inner-build-756{
    grid-template-columns:1fr!important;
    gap:18px!important;
    text-align:center!important;
  }
  .footer-brand{align-items:center!important;}
  .footer-hosting-badge{max-width:128px!important;margin:0 0 3px!important;}
  .footer-legal{justify-self:center!important;text-align:center!important;width:100%!important;}
  .footer-legal ul{gap:8px!important;}
  .footer-legal .footer-contract-cancel{margin-top:8px!important;min-width:210px!important;}
}


/* Build 7.61: Version sync and footer/rechenzentrum fallback overrides */
.footer-legal .footer-contract-cancel{display:inline!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;color:rgba(255,255,255,.82)!important;font-weight:300!important;font-size:14px!important;letter-spacing:0!important;background:transparent!important;box-shadow:none!important;}
.footer-legal .footer-contract-cancel:hover,.footer-legal .footer-contract-cancel:focus{color:#9cca1b!important;background:transparent!important;border-color:transparent!important;}


/* Build 7.61: Rechenzentrum Feinschliff - kompaktere Typografie und bessere Balance */
.standard-page-rechenzentrum .dw-datacenter-page{padding:58px 0 70px!important;}
.standard-page-rechenzentrum .dw-dc-hero{grid-template-columns:minmax(0, .96fr) minmax(360px, 500px)!important;gap:54px!important;align-items:center!important;margin-bottom:44px!important;}
.standard-page-rechenzentrum .dw-dc-copy h1{font-size:clamp(38px,4.1vw,52px)!important;line-height:1.08!important;margin-bottom:10px!important;max-width:620px!important;}
.standard-page-rechenzentrum .dw-dc-subtitle{margin:0 0 22px!important;color:#2f7d20!important;font-size:clamp(19px,2vw,24px)!important;line-height:1.35!important;font-weight:700!important;}
.standard-page-rechenzentrum .dw-dc-lead,.standard-page-rechenzentrum .dw-dc-partnerline{font-size:17px!important;line-height:1.58!important;margin-bottom:16px!important;}
.standard-page-rechenzentrum .dw-dc-checks{margin-top:22px!important;gap:10px 22px!important;}
.standard-page-rechenzentrum .dw-dc-image img{height:330px!important;filter:saturate(.92) contrast(.96)!important;}
.standard-page-rechenzentrum .dw-dc-image figcaption{padding:17px 19px!important;width:min(250px,calc(100% - 40px))!important;}
.standard-page-rechenzentrum .dw-dc-trust{padding-top:28px!important;margin-bottom:30px!important;}
.standard-page-rechenzentrum .dw-dc-trust h2,.standard-page-rechenzentrum .dw-dc-partners h2{font-size:28px!important;margin-bottom:20px!important;}
.standard-page-rechenzentrum .dw-dc-card,.standard-page-rechenzentrum .dw-dc-partnergrid article{padding:24px 20px!important;}
.standard-page-rechenzentrum .dw-dc-icon{width:50px!important;height:50px!important;margin-bottom:14px!important;}
.standard-page-rechenzentrum .dw-dc-card p,.standard-page-rechenzentrum .dw-dc-partnergrid p,.standard-page-rechenzentrum .dw-dc-partners > p,.standard-page-rechenzentrum .dw-dc-green p{font-size:15.5px!important;line-height:1.5!important;}
.standard-page-rechenzentrum .dw-dc-stats{margin:30px 0 40px!important;padding:28px!important;}
.standard-page-rechenzentrum .dw-dc-stats strong{font-size:28px!important;}
.standard-page-rechenzentrum .dw-dc-stats p{font-size:13.5px!important;}
.standard-page-rechenzentrum .dw-dc-partnergrid article{min-height:0!important;}
.standard-page-rechenzentrum .dw-dc-green{margin-top:30px!important;padding:22px 26px!important;}
@media(max-width:980px){
  .standard-page-rechenzentrum .dw-datacenter-page{padding:40px 0 62px!important;}
  .standard-page-rechenzentrum .dw-dc-hero{gap:24px!important;}
  .standard-page-rechenzentrum .dw-dc-image img{height:250px!important;}
}
@media(max-width:560px){
  .standard-page-rechenzentrum .dw-dc-copy h1{font-size:32px!important;}
  .standard-page-rechenzentrum .dw-dc-subtitle{font-size:18px!important;margin-bottom:18px!important;}
  .standard-page-rechenzentrum .dw-dc-image img{height:200px!important;}
}


/* Build 7.61: Mobile-Fix Rechenzentrum – volle Textbreite, saubere Umbrüche */
@media (max-width: 980px){
  body .standard-page-rechenzentrum .dw-datacenter-page,
  body .dw-datacenter-page{
    width: min(100% - 32px, 720px) !important;
    max-width: 720px !important;
    padding: 38px 0 58px !important;
    overflow: visible !important;
  }
  body .standard-page-rechenzentrum .dw-dc-hero,
  body .dw-datacenter-page .dw-dc-hero{
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 26px !important;
    align-items: stretch !important;
    margin: 0 0 34px !important;
  }
  body .standard-page-rechenzentrum .dw-dc-copy,
  body .standard-page-rechenzentrum .dw-dc-image,
  body .dw-datacenter-page .dw-dc-copy,
  body .dw-datacenter-page .dw-dc-image{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }
  body .standard-page-rechenzentrum .dw-dc-image,
  body .dw-datacenter-page .dw-dc-image{
    order: 2 !important;
  }
  body .standard-page-rechenzentrum .dw-dc-copy h1,
  body .dw-datacenter-page .dw-dc-copy h1{
    max-width: none !important;
    width: 100% !important;
    font-size: clamp(34px, 9vw, 44px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.03em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }
  body .standard-page-rechenzentrum .dw-dc-subtitle,
  body .standard-page-rechenzentrum .dw-dc-lead,
  body .standard-page-rechenzentrum .dw-dc-partnerline,
  body .dw-datacenter-page .dw-dc-subtitle,
  body .dw-datacenter-page .dw-dc-lead,
  body .dw-datacenter-page .dw-dc-partnerline{
    max-width: none !important;
    width: 100% !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: auto !important;
  }
  body .standard-page-rechenzentrum .dw-dc-partnerline strong,
  body .dw-datacenter-page .dw-dc-partnerline strong{
    white-space: normal !important;
    word-break: keep-all !important;
  }
  body .standard-page-rechenzentrum .dw-dc-checks,
  body .dw-datacenter-page .dw-dc-checks{
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 600px){
  body .standard-page-rechenzentrum .dw-datacenter-page,
  body .dw-datacenter-page{
    width: calc(100% - 32px) !important;
    padding-top: 30px !important;
  }
  body .standard-page-rechenzentrum .dw-dc-kicker,
  body .dw-datacenter-page .dw-dc-kicker{
    font-size: 13px !important;
    letter-spacing: .10em !important;
    margin-bottom: 10px !important;
  }
  body .standard-page-rechenzentrum .dw-dc-copy h1,
  body .dw-datacenter-page .dw-dc-copy h1{
    font-size: 34px !important;
    line-height: 1.08 !important;
    margin-bottom: 12px !important;
  }
  body .standard-page-rechenzentrum .dw-dc-subtitle,
  body .dw-datacenter-page .dw-dc-subtitle{
    font-size: 20px !important;
    line-height: 1.35 !important;
    margin-bottom: 18px !important;
  }
  body .standard-page-rechenzentrum .dw-dc-lead,
  body .standard-page-rechenzentrum .dw-dc-partnerline,
  body .dw-datacenter-page .dw-dc-lead,
  body .dw-datacenter-page .dw-dc-partnerline{
    font-size: 16.5px !important;
    line-height: 1.62 !important;
  }
  body .standard-page-rechenzentrum .dw-dc-image img,
  body .dw-datacenter-page .dw-dc-image img{
    height: 190px !important;
    width: 100% !important;
    object-fit: cover !important;
  }
  body .standard-page-rechenzentrum .dw-dc-image figcaption,
  body .dw-datacenter-page .dw-dc-image figcaption{
    position: static !important;
    width: auto !important;
    transform: none !important;
    border-radius: 0 0 14px 14px !important;
    padding: 18px !important;
    background: #0b1e33 !important;
  }
  body .standard-page-rechenzentrum .dw-dc-checks,
  body .dw-datacenter-page .dw-dc-checks{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 22px !important;
  }
  body .standard-page-rechenzentrum .dw-dc-checks li,
  body .dw-datacenter-page .dw-dc-checks li{
    font-size: 16px !important;
    line-height: 1.4 !important;
    align-items: flex-start !important;
  }
  body .standard-page-rechenzentrum .dw-dc-trust h2,
  body .standard-page-rechenzentrum .dw-dc-partners h2,
  body .dw-datacenter-page .dw-dc-trust h2,
  body .dw-datacenter-page .dw-dc-partners h2{
    font-size: 28px !important;
    line-height: 1.16 !important;
  }
  body .standard-page-rechenzentrum .dw-dc-cardgrid,
  body .standard-page-rechenzentrum .dw-dc-partnergrid,
  body .dw-datacenter-page .dw-dc-cardgrid,
  body .dw-datacenter-page .dw-dc-partnergrid{
    grid-template-columns: 1fr !important;
  }
  body .standard-page-rechenzentrum .dw-dc-stats,
  body .dw-datacenter-page .dw-dc-stats{
    grid-template-columns: 1fr 1fr !important;
    gap: 18px !important;
    padding: 22px !important;
  }
  body .standard-page-rechenzentrum .dw-dc-stats div,
  body .dw-datacenter-page .dw-dc-stats div{
    border: 0 !important;
    padding: 0 !important;
  }
  body .standard-page-rechenzentrum .dw-dc-stats strong,
  body .dw-datacenter-page .dw-dc-stats strong{
    font-size: 24px !important;
  }
  body .standard-page-rechenzentrum .dw-dc-stats p,
  body .dw-datacenter-page .dw-dc-stats p{
    display: none !important;
  }
  body .standard-page-rechenzentrum .dw-dc-green,
  body .dw-datacenter-page .dw-dc-green{
    align-items: flex-start !important;
    padding: 20px !important;
    gap: 14px !important;
  }
}

@media (max-width: 380px){
  body .standard-page-rechenzentrum .dw-dc-copy h1,
  body .dw-datacenter-page .dw-dc-copy h1{font-size: 31px !important;}
  body .standard-page-rechenzentrum .dw-dc-subtitle,
  body .dw-datacenter-page .dw-dc-subtitle{font-size: 18px !important;}
  body .standard-page-rechenzentrum .dw-dc-stats,
  body .dw-datacenter-page .dw-dc-stats{grid-template-columns: 1fr !important;}
}


/* Build 7.67 – Moderne Leistungsübersicht */
.dw-services-modern{
  background:#fff;
  padding:82px 0 70px;
  color:#0b1d34;
}
.dw-services-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.dw-services-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:70px;align-items:center;margin-bottom:62px;}
.dw-services-kicker{margin:0 0 16px;color:#3f8f28;font-size:13px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;}
.dw-services-copy h1{margin:0 0 26px;font-size:46px;line-height:1.12;font-weight:900;color:#0b1d34;letter-spacing:-.035em;max-width:760px;}
.dw-services-copy h1 span{color:#3f8f28;display:inline;}
.dw-services-lead{font-size:18px;line-height:1.75;color:#536071;max-width:690px;margin:0 0 10px;}
.dw-services-visual{margin:0;min-height:250px;border:1px solid rgba(139,195,24,.22);border-radius:22px;background:linear-gradient(135deg,#fff 0%,#fff 58%,#eef8df 58%,#f8fcf1 100%);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 22px 55px rgba(12,32,52,.07);overflow:hidden;}
.dw-services-visual img{width:292px;max-width:70%;height:auto;display:block;}
.dw-services-visual figcaption{position:absolute;left:46px;right:46px;bottom:42px;background:#071d34;color:#fff;border-radius:999px;padding:13px 18px;font-weight:800;text-align:center;box-shadow:0 14px 30px rgba(7,29,52,.18);}
.dw-services-visual figcaption span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#91c914;color:#fff;margin-right:10px;}
.dw-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-bottom:70px;}
.dw-service-card{background:#fff;border:1px solid rgba(11,29,52,.09);border-radius:16px;padding:38px 26px 30px;text-align:center;box-shadow:0 14px 34px rgba(11,29,52,.06);display:flex;flex-direction:column;align-items:center;min-height:350px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.dw-service-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(11,29,52,.1);border-color:rgba(139,195,24,.32);}
.dw-service-icon{width:86px;height:86px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:31px;margin:0 auto 24px;box-shadow:0 16px 25px rgba(0,0,0,.16);}
.dw-service-blue .dw-service-icon{background:#08a9e6;}.dw-service-green .dw-service-icon{background:#4caf50;}.dw-service-orange .dw-service-icon{background:#f5b51b;}.dw-service-purple .dw-service-icon{background:#9629b8;}
.dw-service-card h2{font-size:24px;line-height:1.25;margin:0 0 18px;color:#0b1d34;font-weight:900;letter-spacing:-.02em;}
.dw-service-card p{font-size:16px;line-height:1.72;color:#536071;margin:0 0 24px;}
.dw-service-link{margin-top:auto;font-weight:800;text-decoration:none!important;}
.dw-service-blue .dw-service-link{color:#08a9e6;}.dw-service-green .dw-service-link{color:#3f8f28;}.dw-service-orange .dw-service-link{color:#d99700;}.dw-service-purple .dw-service-link{color:#9629b8;}
.dw-services-why{display:grid;grid-template-columns:1fr 1.2fr .95fr;gap:52px;align-items:start;background:linear-gradient(135deg,#fbfdf7 0%,#fff 100%);border-top:1px solid rgba(139,195,24,.18);padding:50px 0 0;}
.dw-services-why h2{font-size:30px;line-height:1.15;margin:0;color:#0b1d34;font-weight:900;letter-spacing:-.03em;}
.dw-services-why-text p{font-size:17px;line-height:1.75;color:#536071;margin:0;}
.dw-services-checks{list-style:none;margin:0;padding:0;display:grid;gap:13px;}
.dw-services-checks li{font-size:16px;line-height:1.45;color:#26364a;position:relative;padding-left:32px;}
.dw-services-checks li::before{content:'✓';position:absolute;left:0;top:-2px;width:22px;height:22px;border-radius:50%;border:1px solid #75b843;color:#3f8f28;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;}
@media (max-width: 1100px){.dw-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.dw-services-hero{gap:40px;}.dw-services-copy h1{font-size:40px;}.dw-services-why{grid-template-columns:1fr;gap:24px;}}
@media (max-width: 767px){
  .dw-services-modern{padding:56px 0 46px;}
  .dw-services-wrap{padding:0 22px;}
  .dw-services-hero{display:block;margin-bottom:38px;}
  .dw-services-copy h1{font-size:33px;line-height:1.12;margin-bottom:20px;}
  .dw-services-lead{font-size:16px;line-height:1.72;}
  .dw-services-visual{margin-top:28px;min-height:210px;border-radius:18px;}
  .dw-services-visual img{max-width:68%;}
  .dw-services-visual figcaption{left:24px;right:24px;bottom:28px;font-size:14px;padding:12px 14px;}
  .dw-services-grid{grid-template-columns:1fr;gap:20px;margin-bottom:46px;}
  .dw-service-card{min-height:0;padding:32px 24px 28px;}
  .dw-service-card h2{font-size:23px;}
  .dw-service-card p{font-size:16px;}
  .dw-services-why{padding-top:38px;gap:24px;}
  .dw-services-why h2{font-size:27px;}
}


/* Build 7.77: Footer-Aktionsbuttons für Vertrag widerrufen / Vertrag kündigen */
.footer-legal .footer-contract-action{
  display:inline-block!important;
  margin:6px 0 0!important;
  padding:9px 14px!important;
  border:1px solid rgba(156,202,27,.75)!important;
  border-radius:3px!important;
  color:#fff!important;
  background:rgba(156,202,27,.14)!important;
  font-weight:600!important;
  font-size:14px!important;
  line-height:1.25!important;
  text-decoration:none!important;
}
.footer-legal .footer-contract-action:hover,
.footer-legal .footer-contract-action:focus{
  color:#fff!important;
  background:#9cca1b!important;
  border-color:#9cca1b!important;
}
.dw-contract-page-title{
  margin:0 0 18px!important;
  text-align:center!important;
  color:#555!important;
  font-size:34px!important;
  font-weight:400!important;
}
@media(max-width:760px){
  .footer-legal .footer-contract-action{display:block!important;text-align:center!important;margin-top:8px!important;}
  .dw-contract-page-title{font-size:28px!important;}
}


/* Build 7.77: mobile Footer-Aktionsbuttons kompakter darstellen */
@media(max-width:760px){
  .site-footer{padding-bottom:78px!important;}
  .footer-legal .footer-contract-action{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:min(84vw,320px)!important;
    max-width:320px!important;
    min-height:44px!important;
    margin:7px auto 0!important;
    padding:8px 14px!important;
    font-size:15px!important;
    line-height:1.2!important;
    border-radius:4px!important;
    box-sizing:border-box!important;
  }
  .footer-legal-secondary ul{
    align-items:center!important;
  }
}
@media(max-width:380px){
  .footer-legal .footer-contract-action{
    width:min(82vw,292px)!important;
    font-size:14px!important;
    min-height:42px!important;
  }
}


/* Build 7.77: Footer-Aktionsbuttons auch auf Desktop dezenter und optisch passender */
.footer-legal .footer-contract-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:158px!important;
  max-width:178px!important;
  min-height:34px!important;
  margin:5px 0 0!important;
  padding:7px 12px!important;
  border-radius:3px!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
  .footer-legal .footer-contract-action{
    width:min(78vw,280px)!important;
    max-width:280px!important;
    min-height:40px!important;
    padding:7px 12px!important;
    font-size:14px!important;
    margin:6px auto 0!important;
  }
}
@media(max-width:380px){
  .footer-legal .footer-contract-action{
    width:min(76vw,260px)!important;
    min-height:38px!important;
    font-size:13px!important;
  }
}

/* Build 7.79: Desktop-Footer ausbalancieren – Rechtslinks näher an Aktionsbuttons, Mobil unverändert */
@media (min-width: 783px){
  .site-footer .footer-inner,
  .site-footer .footer-inner-build-776{
    display:grid!important;
    grid-template-columns:minmax(280px,1fr) 150px 190px!important;
    align-items:center!important;
    column-gap:34px!important;
    row-gap:0!important;
    text-align:left!important;
  }
  .site-footer .footer-brand{
    justify-self:start!important;
  }
  .site-footer .footer-legal-primary{
    justify-self:end!important;
    text-align:left!important;
    margin-left:auto!important;
  }
  .site-footer .footer-legal-secondary{
    justify-self:start!important;
    text-align:left!important;
  }
  .site-footer .footer-legal ul{
    list-style:none!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    gap:8px!important;
  }
  .site-footer .footer-legal-secondary ul{
    align-items:start!important;
  }
  .site-footer .footer-contract-action{
    width:172px!important;
    min-width:172px!important;
    max-width:172px!important;
    text-align:center!important;
  }
}


/* Build 7.79: Desktop-Footer sauber ausrichten – Rechtsbereich als kompakter Linkblock */
@media (min-width: 783px){
  .site-footer .footer-inner,
  .site-footer .footer-inner-build-776{
    display:grid!important;
    grid-template-columns:minmax(300px,1fr) auto!important;
    align-items:center!important;
    column-gap:56px!important;
    text-align:left!important;
  }
  .site-footer .footer-brand{
    justify-self:start!important;
    align-self:center!important;
  }
  .site-footer .footer-links-wrap{
    justify-self:end!important;
    display:grid!important;
    grid-template-columns:150px 178px!important;
    column-gap:42px!important;
    align-items:start!important;
  }
  .site-footer .footer-legal-primary,
  .site-footer .footer-legal-secondary{
    justify-self:start!important;
    text-align:left!important;
    margin:0!important;
  }
  .site-footer .footer-legal ul{
    list-style:none!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    gap:8px!important;
  }
  .site-footer .footer-legal-secondary ul{
    align-items:start!important;
  }
  .site-footer .footer-contract-action{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:164px!important;
    min-width:164px!important;
    max-width:164px!important;
    min-height:32px!important;
    margin:4px 0 0!important;
    padding:6px 10px!important;
    font-size:12.5px!important;
    line-height:1.15!important;
    text-align:center!important;
  }
  .site-footer .footer-legal-secondary li:nth-child(3){
    margin-top:4px!important;
  }
}
@media (max-width: 782px){
  .site-footer .footer-links-wrap{
    display:contents!important;
  }
}


/* Build 7.80: Footer-Vertragslinks ohne Button-Optik, sauber wie normale Service-Links */
.site-footer .footer-inner-build-782{
  display:grid!important;
}
.footer-legal .footer-contract-action,
.footer-legal .footer-contract-cancel,
.footer-legal .footer-contract-link{
  display:inline!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.78)!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.35!important;
  text-align:inherit!important;
  text-decoration:none!important;
}
.footer-legal .footer-contract-link:hover,
.footer-legal .footer-contract-link:focus{
  color:#9cca1b!important;
  background:transparent!important;
  border:0!important;
  text-decoration:none!important;
}
.footer-legal .footer-contract-withdraw{
  color:#fff!important;
  font-weight:800!important;
}
@media (min-width:783px){
  .site-footer .footer-inner,
  .site-footer .footer-inner-build-782{
    display:grid!important;
    grid-template-columns:minmax(300px,1fr) auto!important;
    align-items:center!important;
    column-gap:56px!important;
    text-align:left!important;
  }
  .site-footer .footer-brand{
    justify-self:start!important;
    align-self:center!important;
  }
  .site-footer .footer-links-wrap{
    justify-self:end!important;
    display:grid!important;
    grid-template-columns:150px 178px!important;
    column-gap:42px!important;
    align-items:start!important;
  }
  .site-footer .footer-legal-primary,
  .site-footer .footer-legal-secondary{
    justify-self:start!important;
    text-align:left!important;
    margin:0!important;
  }
  .site-footer .footer-legal ul{
    list-style:none!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    gap:8px!important;
  }
}
@media (max-width:782px){
  .site-footer{
    padding:34px 0 78px!important;
  }
  .site-footer .footer-inner,
  .site-footer .footer-inner-build-782{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
    text-align:center!important;
  }
  .site-footer .footer-brand,
  .site-footer .footer-links-wrap,
  .site-footer .footer-legal-primary,
  .site-footer .footer-legal-secondary{
    justify-self:center!important;
    text-align:center!important;
    width:100%!important;
  }
  .site-footer .footer-links-wrap{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .site-footer .footer-legal ul{
    display:grid!important;
    gap:9px!important;
    align-items:center!important;
    justify-items:center!important;
    margin:0!important;
    padding:0!important;
  }
  .site-footer .footer-contract-link{
    display:inline!important;
    font-size:21px!important;
    line-height:1.35!important;
  }
  .site-footer .footer-contract-withdraw{
    font-weight:800!important;
  }
}
@media (max-width:420px){
  .site-footer .footer-contract-link{
    font-size:20px!important;
  }
}

/* Build 7.86: Mobile Footer-Vertragslinks dezenter wie normale Footer-Links */
@media (max-width:782px){
  .site-footer .footer-contract-link,
  .site-footer .footer-contract-termination,
  .site-footer .footer-contract-withdraw{
    font-size:18px!important;
    line-height:1.35!important;
    letter-spacing:0!important;
    margin:0!important;
    padding:0!important;
    color:rgba(255,255,255,.82)!important;
  }
  .site-footer .footer-contract-termination{
    font-weight:400!important;
  }
  .site-footer .footer-contract-withdraw{
    font-weight:700!important;
    color:#fff!important;
  }
}
@media (max-width:420px){
  .site-footer .footer-contract-link,
  .site-footer .footer-contract-termination,
  .site-footer .footer-contract-withdraw{
    font-size:17px!important;
  }
}

/* Build 7.86: Details in assets/css/dawebart.css */


/* Build 8.5: Header-Warenkorb nur bei Inhalt sichtbar; leere Wrapper nicht anzeigen. */
.header-cart-wrap:empty{display:none!important;}
.header-cart-link{
  text-decoration:none!important;
}

/* ===== Build 8.0 SEO Edition ===== */
.dw-breadcrumb-wrap{padding-top:18px;padding-bottom:4px;font-size:14px;color:#68717c}
.dw-breadcrumb-wrap a{color:#4d641b;text-decoration:none}
.dw-breadcrumb-wrap .rank-math-breadcrumb p,.dw-simple-breadcrumb{margin:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}

.dw-seo-solutions,.dw-home-faq{padding:76px 0;background:#fff}
.dw-home-faq{background:#f6f8f3}
.dw-section-kicker{margin:0 0 8px;color:#6f9916!important;font-size:14px!important;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.dw-section-intro{max-width:820px;margin:0 auto 34px;text-align:center;color:#5f6770}
.dw-seo-solutions h2{text-align:center;margin:0 0 16px}
.dw-solution-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:32px}
.dw-solution-card{display:flex;flex-direction:column;min-height:250px;padding:28px;border:1px solid #e4e9df;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(18,30,8,.07)}
.dw-solution-card h3{font-size:1.35rem;margin:0 0 12px}
.dw-solution-card p{color:#5f6770;margin:0 0 22px}
.dw-solution-card a{margin-top:auto;color:#4f7410;font-weight:800;text-decoration:none}
.dw-solution-card a:hover{text-decoration:underline}
.dw-home-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:54px;align-items:start}
.dw-home-faq-copy h2{margin-top:0}
.dw-home-faq-copy p:not(.dw-section-kicker){color:#5f6770}
.dw-faq-list{display:grid;gap:12px}
.dw-faq-item{border:1px solid #e0e6dc;border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(20,36,10,.05);overflow:hidden}
.dw-faq-item summary{position:relative;cursor:pointer;list-style:none;padding:18px 54px 18px 20px;color:#182132;font-weight:800;line-height:1.4}
.dw-faq-item summary::-webkit-details-marker{display:none}
.dw-faq-item summary:after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:24px;color:#7ea918;font-weight:500}
.dw-faq-item[open] summary:after{content:'–'}
.dw-faq-answer{padding:0 20px 18px}
.dw-faq-answer p{margin:0;color:#5f6770}
.dw-product-seo-section{clear:both;max-width:1040px;margin:38px auto 0;padding:30px;border:1px solid #e3e8de;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.06)}
.dw-product-seo-section h2{font-size:clamp(1.45rem,2.5vw,2rem);margin:0 0 20px}
.dw-related-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dw-related-family-card{display:flex;flex-direction:column;gap:8px;min-height:150px;padding:20px;border:1px solid #e4eadf;border-radius:14px;background:#f9fbf7;text-decoration:none!important}
.dw-related-family-card strong{color:#182132;font-size:1.1rem}
.dw-related-family-card span{color:#6e9715;font-weight:800}
.dw-related-family-card small{margin-top:auto;color:#4f641d;font-weight:700}
.dw-related-family-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.07)}

@media(max-width:980px){
  .dw-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dw-home-faq-grid{grid-template-columns:1fr;gap:30px}
}
@media(max-width:680px){
  .dw-seo-solutions,.dw-home-faq{padding:54px 0}
  .dw-solution-grid,.dw-related-family-grid{grid-template-columns:1fr}
  .dw-solution-card{min-height:0}
  .dw-product-seo-section{margin:28px 0 0;padding:22px 16px;border-radius:14px}
  .dw-breadcrumb-wrap{padding-left:18px;padding-right:18px}
}

/* ===== Build 9.0: Landingpages, Vergleich, Trust und Mobile UX ===== */
.dw-landing-seo{clear:both;padding:72px 20px;background:linear-gradient(180deg,#f8faf6 0%,#fff 46%);border-top:1px solid #edf0e8}
.dw-landing-seo-inner{width:min(1180px,100%);margin:0 auto}
.dw-landing-seo-head{max-width:850px;margin:0 auto 36px;text-align:center}
.dw-landing-seo-head h2{margin:0 0 15px;color:#111a2b;font-size:clamp(2rem,4vw,3.1rem);line-height:1.08}
.dw-landing-seo-head>p:last-child{margin:0;color:#5c6571;font-size:1.05rem;line-height:1.75}
.dw-tariff-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.dw-tariff-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:26px 24px;border:1px solid #dfe6d8;border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(24,37,15,.07);transition:transform .2s ease,box-shadow .2s ease}
.dw-tariff-card:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(24,37,15,.11)}
.dw-tariff-card.is-highlighted{border-color:#9ccb23;box-shadow:0 18px 44px rgba(112,153,20,.14)}
.dw-tariff-badge{position:absolute;top:-13px;left:22px;padding:6px 11px;border-radius:999px;background:#96c817;color:#13200b;font-size:.75rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.dw-tariff-card h3{margin:5px 0 12px;color:#111a2b;font-size:1.28rem;line-height:1.25}
.dw-tariff-price{margin-bottom:14px;color:#4f7410;font-size:1.35rem;font-weight:900}
.dw-tariff-price del{font-size:.9rem;font-weight:500;opacity:.65}.dw-tariff-price ins{text-decoration:none}
.dw-tariff-card p{margin:0 0 22px;color:#606976;line-height:1.65}
.dw-tariff-card a{margin-top:auto;color:#4f7410;font-weight:850;text-decoration:none}
.dw-tariff-card a:hover{text-decoration:underline}
.dw-landing-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:48px 0;background:#e5eadd;border:1px solid #e5eadd;border-radius:18px;overflow:hidden}
.dw-landing-trust>div{display:flex;flex-direction:column;gap:6px;padding:22px;background:#fff}
.dw-landing-trust strong{color:#172132;font-size:1rem}.dw-landing-trust span{color:#66707b;font-size:.92rem;line-height:1.5}
.dw-landing-faq{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:46px;align-items:start;padding-top:12px}
.dw-landing-faq-copy h2{margin:0 0 12px;font-size:clamp(1.8rem,3vw,2.5rem)}
.dw-landing-faq-copy>p:not(.dw-section-kicker){color:#606976;line-height:1.7}
.dw-landing-contact{display:inline-flex;margin-top:12px;padding:13px 18px;border-radius:10px;background:#94c613;color:#13200b!important;font-weight:850;text-decoration:none!important;box-shadow:0 9px 22px rgba(148,198,19,.2)}
.dw-landing-contact:hover{transform:translateY(-1px);filter:brightness(.98)}
.dawebart-build-9 a:focus-visible,.dawebart-build-9 button:focus-visible,.dawebart-build-9 summary:focus-visible{outline:3px solid #92c516;outline-offset:3px}

@media(max-width:1040px){
 .dw-tariff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dw-landing-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .dw-landing-seo{padding:54px 16px}
 .dw-landing-seo-head{text-align:left;margin-bottom:30px}
 .dw-tariff-grid{grid-template-columns:1fr;gap:16px}
 .dw-tariff-card{padding:23px 20px;border-radius:16px}
 .dw-landing-trust{grid-template-columns:1fr;margin:34px 0;border-radius:15px}
 .dw-landing-faq{grid-template-columns:1fr;gap:26px}
 .dw-landing-contact{width:100%;justify-content:center;text-align:center}
}
@media(max-width:420px){
 .dw-landing-seo{padding-left:12px;padding-right:12px}
 .dw-landing-seo-head h2{font-size:1.85rem}
 .dw-tariff-card{padding:22px 17px}
 .dw-landing-trust>div{padding:19px 17px}
}

/* =========================================================
   daWebart Build 10.0 – Modern Hosting Preview
   Experimentelles, aber kompatibles Design-Upgrade auf Basis 9.2
   ========================================================= */
:root{
  --dw10-ink:#101a2b;
  --dw10-muted:#617083;
  --dw10-green:#93c817;
  --dw10-green-dark:#5f860c;
  --dw10-line:#e3e9dc;
  --dw10-soft:#f6f8f3;
  --dw10-card:#ffffff;
  --dw10-shadow:0 22px 60px rgba(16,26,43,.09);
  --dw10-radius:22px;
}
body.dawebart-build-10{background:#fff;color:var(--dw10-ink)}
body.dawebart-build-10 .gridContainer{width:min(1180px,calc(100% - 40px));margin-inline:auto}
body.dawebart-build-10 #site-header{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid rgba(16,26,43,.07)!important;
  box-shadow:0 8px 30px rgba(16,26,43,.06)!important;
  backdrop-filter:blur(12px);
}
body.dawebart-build-10 .navigation-wrapper{min-height:82px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
body.dawebart-build-10 .main-menu{display:flex;align-items:center;justify-content:flex-end;gap:34px}
body.dawebart-build-10 .main-menu>li>a{
  position:relative;padding:30px 0!important;color:var(--dw10-ink)!important;font-size:13px!important;font-weight:850!important;letter-spacing:.17em!important;text-transform:uppercase;
}
body.dawebart-build-10 .main-menu>li>a:after{content:"";position:absolute;left:0;right:100%;bottom:21px;height:2px;background:var(--dw10-green);transition:right .2s ease}
body.dawebart-build-10 .main-menu>li>a:hover:after,body.dawebart-build-10 .main-menu>.current-menu-item>a:after{right:0}
body.dawebart-build-10 .header-cart-link{display:inline-flex!important;align-items:center;gap:8px;padding:10px 13px!important;border:1px solid #dbe5c8;border-radius:999px;background:#fbfdf7;color:var(--dw10-ink)!important;box-shadow:none!important}
body.dawebart-build-10 .header-cart-icon{display:grid;place-items:center;color:var(--dw10-green-dark)}
body.dawebart-build-10 .header-cart-count{display:grid;place-items:center;min-width:23px;height:23px;border-radius:50%;background:var(--dw10-ink);color:#fff;font-size:12px;font-weight:900}

body.dawebart-build-10 .hero-section{min-height:calc(100svh - 82px);display:flex;align-items:center;background:linear-gradient(135deg,#94c817 0%,#7fb310 100%)!important;position:relative;overflow:hidden}
body.dawebart-build-10 .hero-section:before,body.dawebart-build-10 .hero-section:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.11);pointer-events:none}
body.dawebart-build-10 .hero-section:before{width:520px;height:520px;right:-150px;top:-190px}
body.dawebart-build-10 .hero-section:after{width:310px;height:310px;left:-110px;bottom:-120px}
body.dawebart-build-10 .hero-content{max-width:830px;margin-inline:auto;padding:90px 0;text-align:center;position:relative;z-index:2}
body.dawebart-build-10 .hero-kicker{font-size:clamp(1rem,2vw,1.3rem);letter-spacing:.025em}
body.dawebart-build-10 .hero-content h1{font-size:clamp(2.45rem,6vw,5.2rem)!important;line-height:.99!important;letter-spacing:-.045em!important;text-wrap:balance}
body.dawebart-build-10 .hero-content p{max-width:780px;margin:30px auto 0;font-size:clamp(1.1rem,2.1vw,1.45rem);line-height:1.65}
body.dawebart-build-10 .hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:38px}
body.dawebart-build-10 .hero-button{min-height:58px;padding:0 28px!important;border-radius:999px!important;font-size:1rem!important;font-weight:850!important;transition:transform .2s ease,box-shadow .2s ease!important}
body.dawebart-build-10 .hero-button:hover{transform:translateY(-2px)}
body.dawebart-build-10 .hero-button-primary{box-shadow:0 18px 38px rgba(25,39,6,.22)!important}
body.dawebart-build-10 .hero-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 30px;margin-top:38px!important;padding:0!important;list-style:none!important}
body.dawebart-build-10 .hero-trust li:before{content:"✓";margin-right:8px;font-weight:900}

body.dawebart-build-10 .dw-landing-seo{padding:92px 20px!important;background:linear-gradient(180deg,#f7f9f4 0%,#fff 45%,#fff 100%)!important;border-top:1px solid var(--dw10-line)!important}
body.dawebart-build-10 .dw-landing-seo-head{max-width:880px;margin-bottom:46px!important}
body.dawebart-build-10 .dw-section-kicker{color:var(--dw10-green-dark)!important;font-size:.8rem!important;font-weight:900!important;letter-spacing:.19em!important;text-transform:uppercase}
body.dawebart-build-10 .dw-landing-seo-head h2{font-size:clamp(2.2rem,4.4vw,3.65rem)!important;letter-spacing:-.035em!important;text-wrap:balance}
body.dawebart-build-10 .dw-tariff-grid{gap:20px!important}
body.dawebart-build-10 .dw-tariff-card{padding:30px 27px!important;border:1px solid var(--dw10-line)!important;border-radius:var(--dw10-radius)!important;box-shadow:0 14px 40px rgba(16,26,43,.065)!important;overflow:hidden}
body.dawebart-build-10 .dw-tariff-card:before{content:"";display:block;width:48px;height:5px;margin:0 0 24px;border-radius:99px;background:var(--dw10-green)}
body.dawebart-build-10 .dw-tariff-card:hover{transform:translateY(-7px)!important;box-shadow:var(--dw10-shadow)!important}
body.dawebart-build-10 .dw-tariff-card.is-highlighted{border:2px solid var(--dw10-green)!important;transform:translateY(-9px)}
body.dawebart-build-10 .dw-tariff-card.is-highlighted:hover{transform:translateY(-12px)!important}
body.dawebart-build-10 .dw-tariff-badge{top:16px;left:auto;right:16px;background:var(--dw10-ink);color:#fff}
body.dawebart-build-10 .dw-tariff-card h3{font-size:1.36rem!important}
body.dawebart-build-10 .dw-tariff-price{font-size:1.65rem!important;color:var(--dw10-ink)!important}
body.dawebart-build-10 .dw-tariff-card a{justify-content:center;width:100%;min-height:48px;padding:0 18px;margin-top:auto!important;border-radius:12px;background:var(--dw10-green);color:#17210d!important;text-decoration:none!important;box-shadow:0 10px 24px rgba(147,200,23,.2)}
body.dawebart-build-10 .dw-tariff-card a:hover{background:#a4d42c;text-decoration:none!important}
body.dawebart-build-10 .dw-landing-trust{margin:64px 0!important;border-radius:var(--dw10-radius)!important;box-shadow:0 12px 36px rgba(16,26,43,.055)}
body.dawebart-build-10 .dw-landing-trust>div{padding:28px!important}
body.dawebart-build-10 .dw-landing-trust strong{font-size:1.05rem!important}
body.dawebart-build-10 .dw-landing-faq{padding:42px;border:1px solid var(--dw10-line);border-radius:var(--dw10-radius);background:#fff;box-shadow:var(--dw10-shadow)}
body.dawebart-build-10 .dw-faq-item{border:1px solid var(--dw10-line)!important;border-radius:14px!important;background:#fff!important;overflow:hidden}
body.dawebart-build-10 .dw-faq-item+ .dw-faq-item{margin-top:12px}
body.dawebart-build-10 .dw-faq-item summary{padding:18px 20px!important;font-weight:800!important;color:var(--dw10-ink)!important;cursor:pointer}
body.dawebart-build-10 .dw-faq-answer{padding:0 20px 18px!important;color:var(--dw10-muted)!important}
body.dawebart-build-10 .dw-landing-contact{border-radius:999px!important;padding:14px 22px!important}

body.dawebart-build-10.woocommerce .site-content,body.dawebart-build-10.woocommerce-page .site-content{background:linear-gradient(180deg,#fafbf8,#fff)}
body.dawebart-build-10 .woocommerce div.product,body.dawebart-build-10 .woocommerce-cart-form,body.dawebart-build-10 .cart_totals,body.dawebart-build-10 .woocommerce-checkout-review-order,body.dawebart-build-10 .woocommerce-billing-fields,body.dawebart-build-10 .woocommerce-additional-fields{border-radius:var(--dw10-radius)!important}
body.dawebart-build-10 .woocommerce button.button,body.dawebart-build-10 .woocommerce a.button,body.dawebart-build-10 .woocommerce input.button,body.dawebart-build-10 #place_order{border-radius:12px!important;background:var(--dw10-green)!important;color:#17210d!important;font-weight:900!important;box-shadow:0 10px 26px rgba(147,200,23,.2)!important}
body.dawebart-build-10 .woocommerce button.button:hover,body.dawebart-build-10 .woocommerce a.button:hover,body.dawebart-build-10 #place_order:hover{background:#a4d42c!important}
body.dawebart-build-10 .woocommerce input.input-text,body.dawebart-build-10 .woocommerce select,body.dawebart-build-10 .woocommerce textarea{border:1px solid #dbe2e9!important;border-radius:12px!important;min-height:48px!important;background:#fff!important}
body.dawebart-build-10 .woocommerce textarea{min-height:135px!important}

body.dawebart-build-10 .site-footer{margin-top:0;background:#0c111b!important;border-top:4px solid var(--dw10-green);color:#dce2ea}
body.dawebart-build-10 .footer-inner{padding-top:56px!important;padding-bottom:52px!important}
body.dawebart-build-10 .footer-company{font-size:1.05rem;font-weight:850;color:#fff}
body.dawebart-build-10 .footer-subline{color:#96a2b2}
body.dawebart-build-10 .site-footer a{color:#d8e0e9!important;text-decoration:none}
body.dawebart-build-10 .site-footer a:hover{color:var(--dw10-green)!important}
body.dawebart-build-10 .scroll-top{background:var(--dw10-ink)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;box-shadow:0 12px 30px rgba(0,0,0,.2)!important}

@media(max-width:980px){
  body.dawebart-build-10 .navigation-wrapper{grid-template-columns:auto auto auto;gap:14px}
  body.dawebart-build-10 .main-navigation{grid-column:1/-1}
  body.dawebart-build-10 .main-menu{gap:0;align-items:stretch}
  body.dawebart-build-10 .main-menu>li>a{padding:16px 20px!important}
  body.dawebart-build-10 .dw-tariff-card.is-highlighted{transform:none}
  body.dawebart-build-10 .dw-tariff-card.is-highlighted:hover{transform:translateY(-5px)!important}
}
@media(max-width:760px){
  body.dawebart-build-10 .gridContainer{width:min(100% - 28px,1180px)}
  body.dawebart-build-10 .navigation-wrapper{min-height:72px;grid-template-columns:1fr auto auto}
  body.dawebart-build-10 .site-logo-img,body.dawebart-build-10 .custom-logo{max-height:52px!important;max-width:235px!important}
  body.dawebart-build-10 .hero-section{min-height:auto}
  body.dawebart-build-10 .hero-content{padding:72px 0 76px;text-align:left}
  body.dawebart-build-10 .hero-content h1{font-size:clamp(2.35rem,12vw,4.15rem)!important;text-align:center}
  body.dawebart-build-10 .hero-content p{text-align:center;font-size:1.08rem}
  body.dawebart-build-10 .hero-actions{flex-direction:column}
  body.dawebart-build-10 .hero-button{width:100%;justify-content:center;text-align:center}
  body.dawebart-build-10 .hero-trust{flex-direction:column;align-items:center;gap:10px}
  body.dawebart-build-10 .dw-landing-seo{padding:62px 14px!important}
  body.dawebart-build-10 .dw-landing-seo-head{text-align:left!important}
  body.dawebart-build-10 .dw-landing-seo-head h2{font-size:2.15rem!important}
  body.dawebart-build-10 .dw-tariff-card{padding:25px 21px!important}
  body.dawebart-build-10 .dw-landing-faq{padding:25px 20px!important}
  body.dawebart-build-10 .footer-inner{padding-top:42px!important;padding-bottom:42px!important}
}
@media(max-width:420px){
  body.dawebart-build-10 .gridContainer{width:min(100% - 20px,1180px)}
  body.dawebart-build-10 .header-cart-link{padding:8px 10px!important}
  body.dawebart-build-10 .hero-content{padding-top:58px}
  body.dawebart-build-10 .hero-content h1{font-size:2.25rem!important}
  body.dawebart-build-10 .dw-landing-seo{padding-left:10px!important;padding-right:10px!important}
}
@media(prefers-reduced-motion:reduce){
  body.dawebart-build-10 *,body.dawebart-build-10 *:before,body.dawebart-build-10 *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}


/* =========================================================
   daWebart Build 10.5 – stabiles Mobilmenü
   Verhindert, dass die Desktop-Navigation unter dem Header
   sichtbar bleibt. Tablet und Smartphone nutzen ein echtes
   einspaltiges, per Schalter geöffnetes Menü.
   ========================================================= */
@media (min-width: 901px){
  body.dawebart-build-10 .mobile-menu-toggle{display:none!important;}
  body.dawebart-build-10 .main-navigation{display:flex!important;position:static!important;visibility:visible!important;opacity:1!important;transform:none!important;}
}

@media (max-width: 900px){
  html.menu-open,body.menu-open{overflow:hidden!important;}
  body.dawebart-build-10 #site-header{overflow:visible!important;}
  body.dawebart-build-10 .navigation-wrapper{
    position:relative!important;
    min-height:76px!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    align-items:center!important;
    gap:10px!important;
  }
  body.dawebart-build-10 .logo_col{min-width:0!important;}
  body.dawebart-build-10 .text-logo,
  body.dawebart-build-10 .custom-logo-link{display:inline-flex!important;align-items:center!important;max-width:100%!important;}
  body.dawebart-build-10 .site-logo-img,
  body.dawebart-build-10 .custom-logo{width:auto!important;max-width:min(235px,62vw)!important;max-height:58px!important;object-fit:contain!important;}
  body.dawebart-build-10 .mobile-menu-toggle{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    width:52px!important;
    height:52px!important;
    margin:0!important;
    padding:10px!important;
    border:0!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(16,26,43,.10)!important;
    order:3!important;
    z-index:1003!important;
  }
  body.dawebart-build-10 .mobile-menu-toggle span{
    width:28px!important;
    height:3px!important;
    margin:3px 0!important;
    background:#161b22!important;
    border-radius:99px!important;
    transition:transform .2s ease,opacity .2s ease!important;
  }
  body.dawebart-build-10 .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(9px) rotate(45deg)!important;}
  body.dawebart-build-10 .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important;}
  body.dawebart-build-10 .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)!important;}
  body.dawebart-build-10 .header-cart-wrap{order:2!important;justify-self:end!important;}
  body.dawebart-build-10 .main-navigation{
    display:none!important;
    position:absolute!important;
    top:100%!important;
    left:50%!important;
    right:auto!important;
    width:100vw!important;
    max-height:calc(100svh - 76px)!important;
    overflow-y:auto!important;
    transform:translateX(-50%)!important;
    grid-column:auto!important;
    margin:0!important;
    padding:8px 14px 18px!important;
    border-top:1px solid rgba(16,26,43,.08)!important;
    background:#fff!important;
    box-shadow:0 18px 38px rgba(16,26,43,.14)!important;
    z-index:1002!important;
  }
  body.admin-bar.dawebart-build-10 .main-navigation{max-height:calc(100svh - 122px)!important;}
  body.dawebart-build-10 .main-navigation.is-open{display:block!important;}
  body.dawebart-build-10 .main-menu{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    width:100%!important;
    max-width:720px!important;
    margin:0 auto!important;
    padding:0!important;
    list-style:none!important;
  }
  body.dawebart-build-10 .main-menu>li{display:block!important;width:100%!important;margin:0!important;}
  body.dawebart-build-10 .main-menu>li>a{
    display:flex!important;
    align-items:center!important;
    min-height:52px!important;
    width:100%!important;
    padding:13px 14px!important;
    border-top:0!important;
    border-bottom:1px solid #edf0e8!important;
    color:#101a2b!important;
    font-size:14px!important;
    font-weight:850!important;
    letter-spacing:.12em!important;
    line-height:1.35!important;
    text-align:left!important;
    white-space:normal!important;
  }
  body.dawebart-build-10 .main-menu>li>a:after{display:none!important;}
  body.dawebart-build-10 .main-menu .sub-menu{
    position:static!important;
    display:none!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:4px 0 7px!important;
    border:0!important;
    border-radius:0!important;
    background:#f7f9f3!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  body.dawebart-build-10 .main-menu li.is-open>.sub-menu{display:block!important;}
  body.dawebart-build-10 .main-menu .sub-menu a{
    display:block!important;
    padding:12px 20px 12px 30px!important;
    color:#344052!important;
    font-size:14px!important;
    letter-spacing:.03em!important;
    line-height:1.45!important;
    white-space:normal!important;
  }
}

@media (max-width: 480px){
  body.dawebart-build-10 .navigation-wrapper{min-height:72px!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:7px!important;}
  body.dawebart-build-10 .site-logo-img,
  body.dawebart-build-10 .custom-logo{max-width:min(210px,60vw)!important;max-height:52px!important;}
  body.dawebart-build-10 .mobile-menu-toggle{width:48px!important;height:48px!important;border-radius:13px!important;}
  body.dawebart-build-10 .main-navigation{max-height:calc(100svh - 72px)!important;padding-left:10px!important;padding-right:10px!important;}
}