/* Mietkorb-Banner + Brotkrumen im neuen Look */
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1.mietkorb-header{position:relative;padding:44px 16px 40px !important;text-align:center !important;overflow:hidden}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1.mietkorb-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#e0742b,#c2461a,#e0742b)}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1.mietkorb-header .i1i{max-width:860px;margin:0 auto !important;float:none !important;width:100% !important;text-align:center !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1.mietkorb-header h1{color:#fff !important;text-align:center !important;text-shadow:0 2px 18px rgba(0,0,0,.45);font-size:clamp(28px,4vw,44px) !important;margin:0 0 12px !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1.mietkorb-header h1::before{content:"Mietkorb";display:block;width:max-content;margin:0 auto 14px;padding:7px 14px;border-radius:999px;font:800 11px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ffd9bf;background:rgba(224,116,43,.22);border:1px solid rgba(255,190,150,.45)}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1.mietkorb-header .mietkorb-subtitle{display:inline-flex !important;align-items:center;gap:8px;margin:0 auto !important;padding:9px 18px;max-width:100% !important;color:#fff !important;font:600 14.5px/1.35 "Segoe UI",Arial,sans-serif !important;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:999px;backdrop-filter:blur(6px)}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1.mietkorb-header .mietkorb-subtitle::before{content:"\2713";display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#2f8f5b;color:#fff;font-size:12px;font-weight:800}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) nav.breadcrumb{display:flex !important;flex:0 0 auto !important;flex-wrap:wrap !important;align-items:center !important;width:fit-content !important;min-height:0 !important;max-width:calc(100% - 32px) !important;margin:18px auto 10px !important;padding:11px 20px !important;background:#fff !important;border:1px solid #f0e1d3 !important;border-radius:999px !important;box-shadow:0 8px 22px rgba(143,50,13,.08) !important;font:600 13.5px/1.2 "Segoe UI",Arial,sans-serif !important;color:#7b6f66 !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) nav.breadcrumb ol{display:inline-flex !important;flex-wrap:wrap !important;align-items:center !important;gap:0 !important;margin:0 !important;padding:0 !important;list-style:none !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) nav.breadcrumb li{display:inline-flex !important;align-items:center !important;gap:8px;font-size:13.5px !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) nav.breadcrumb li+li{margin-left:8px}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) nav.breadcrumb a{color:#8f320d !important;text-decoration:none !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) nav.breadcrumb a:hover{text-decoration:underline !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) nav.breadcrumb li:last-child a{color:#c2461a !important;font-weight:800 !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) nav.breadcrumb .sep{color:#d9a37e}
html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) .catalog-top-wrapper > .row > nav.breadcrumb{display:flex !important;flex:0 0 auto !important;flex-wrap:wrap !important;align-items:center !important;width:fit-content !important;min-height:0 !important;max-width:calc(100% - 32px) !important;margin:18px auto 10px !important;padding:11px 20px !important;background:#fff !important;border:1px solid #f0e1d3 !important;border-radius:999px !important;box-shadow:0 8px 22px rgba(143,50,13,.08) !important;font:600 13.5px/1.2 "Segoe UI",Arial,sans-serif !important;color:#7b6f66 !important}
html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) .catalog-top-wrapper nav.breadcrumb ol{display:inline-flex !important;flex-wrap:wrap !important;align-items:center !important;gap:0 !important;margin:0 !important;padding:0 !important;list-style:none !important}
html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) .catalog-top-wrapper nav.breadcrumb li{display:inline-flex !important;align-items:center !important;gap:8px;font-size:13.5px !important}
html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) .catalog-top-wrapper nav.breadcrumb li+li{margin-left:8px}
html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) .catalog-top-wrapper nav.breadcrumb a{color:#8f320d !important;text-decoration:none !important}
html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) .catalog-top-wrapper nav.breadcrumb a:hover{text-decoration:underline !important}
html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) .catalog-top-wrapper nav.breadcrumb li:last-child a{color:#c2461a !important;font-weight:800 !important}
html body.bi-modern-ui.is-catalog-page:not(.z1):not(.z2):not(.z3):not(.z4) .catalog-top-wrapper nav.breadcrumb .sep{color:#d9a37e}

html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1.mietkorb-header .i1i{display:flex !important;flex-direction:column !important;align-items:center !important;position:static !important;transform:none !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1.mietkorb-header .i1i h1{order:1 !important;position:static !important;transform:none !important;width:100% !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1.mietkorb-header .i1i .mietkorb-subtitle{order:2 !important;position:static !important;transform:none !important;width:auto !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1.mietkorb-header .i1i{max-width:860px !important;margin-left:auto !important;margin-right:auto !important;padding-left:0 !important;padding-right:0 !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1.mietkorb-header .i1i h1{max-width:none !important;margin-left:0 !important;margin-right:0 !important;align-self:stretch !important;text-align:center !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1{position:relative}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1:has(nav.breadcrumb--in-hero){padding-bottom:104px !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 nav.breadcrumb.breadcrumb--in-hero{position:absolute !important;bottom:20px !important;top:auto !important;left:50% !important;right:auto !important;transform:translateX(-50%);margin:0 !important;width:fit-content !important;max-width:calc(100% - 32px) !important;background:rgba(255,255,255,.14) !important;border:1px solid rgba(255,255,255,.3) !important;box-shadow:none !important;backdrop-filter:blur(8px);color:rgba(255,255,255,.85) !important;padding:9px 16px !important;z-index:3;flex-wrap:nowrap !important;white-space:nowrap;justify-content:center}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 nav.breadcrumb.breadcrumb--in-hero a{color:#fff !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 nav.breadcrumb.breadcrumb--in-hero li:last-child a{color:#ffd0b0 !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 nav.breadcrumb.breadcrumb--in-hero .sep{color:rgba(255,255,255,.6) !important}
@media (min-width:1100px){
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1:has(nav.breadcrumb--in-hero){padding-bottom:40px !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 nav.breadcrumb.breadcrumb--in-hero{left:auto !important;right:max(24px,calc((100% - 1240px)/2)) !important;transform:none}
}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 nav.breadcrumb.breadcrumb--in-hero,html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 nav.breadcrumb.breadcrumb--in-hero ol,html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 nav.breadcrumb.breadcrumb--in-hero li{white-space:nowrap !important;flex-wrap:nowrap !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 nav.breadcrumb.breadcrumb--in-hero{display:flex !important;align-items:center !important;gap:8px !important;height:auto !important;min-height:0 !important;font-size:13px !important}
/* Lesbar auf hellen und dunklen Bildern: dunkles Glas */
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 nav.breadcrumb.breadcrumb--in-hero{background:rgba(27,20,14,.68) !important;border:1px solid rgba(255,255,255,.28) !important;box-shadow:0 8px 22px rgba(0,0,0,.22) !important;color:#f3e7dc !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 nav.breadcrumb.breadcrumb--in-hero a{color:#fff !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 nav.breadcrumb.breadcrumb--in-hero li:last-child a{color:#ffc79f !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 nav.breadcrumb.breadcrumb--in-hero .sep{color:rgba(255,255,255,.65) !important}
@media (max-width:700px){
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1.mietkorb-header .mietkorb-subtitle{border-radius:20px !important;padding:10px 16px !important;font-size:13.5px !important;text-align:left;margin-bottom:6px !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1.mietkorb-header{padding-bottom:112px !important}
}
/* Einzelseiten-Banner (z. B. Reservierung): gleiches Design wie Mietkorb-Banner */
html body.bi-modern-ui.is-subpage:not(.is-catalog-page):not(.is-cart-page):not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1:not(.mietkorb-header){position:relative;min-height:200px !important;height:auto !important;padding:40px 16px 70px !important;display:flex !important;align-items:center;justify-content:center;text-align:center !important;overflow:hidden;background-size:cover !important;background-position:center !important;border-radius:0 !important}
html body.bi-modern-ui.is-subpage:not(.is-catalog-page):not(.is-cart-page):not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1:not(.mietkorb-header)::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(25,18,12,.58) 0%,rgba(25,18,12,.40) 45%,rgba(25,18,12,.66) 100%);z-index:0}
html body.bi-modern-ui.is-subpage:not(.is-catalog-page):not(.is-cart-page):not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1:not(.mietkorb-header)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#e0742b,#c2461a,#e0742b);z-index:2}
html body.bi-modern-ui.is-subpage:not(.is-catalog-page):not(.is-cart-page):not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1:not(.mietkorb-header) .slider-head,html body.bi-modern-ui.is-subpage:not(.is-catalog-page):not(.is-cart-page):not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1:not(.mietkorb-header) .slider-head .wrapper,html body.bi-modern-ui.is-subpage:not(.is-catalog-page):not(.is-cart-page):not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1:not(.mietkorb-header) .flex1{position:relative;z-index:1;width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;text-align:center !important;float:none !important}
html body.bi-modern-ui.is-subpage:not(.is-catalog-page):not(.is-cart-page):not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1:not(.mietkorb-header) .i1i{max-width:900px !important;margin:0 auto !important;float:none !important;width:100% !important;text-align:center !important}
html body.bi-modern-ui.is-subpage:not(.is-catalog-page):not(.is-cart-page):not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1:not(.mietkorb-header) h1{color:#fff !important;text-align:center !important;text-shadow:0 2px 18px rgba(0,0,0,.5);font:700 clamp(28px,3.6vw,44px)/1.2 Georgia,"Times New Roman",serif !important;margin:0 !important}
@media (max-width:700px){
html body.bi-modern-ui.is-subpage:not(.is-catalog-page):not(.is-cart-page):not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1:not(.mietkorb-header){padding:30px 16px 96px !important;min-height:220px !important}
}
html body.bi-modern-ui.is-subpage:not(.is-catalog-page):not(.is-cart-page):not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1:not(.mietkorb-header) h1{white-space:normal !important;overflow-wrap:break-word;max-width:100% !important;width:auto !important}
html body.bi-modern-ui.is-subpage:not(.is-catalog-page):not(.is-cart-page):not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1:not(.mietkorb-header) .i1i{max-width:980px !important}
@media (min-width:1100px){
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg .bgslider1 nav.breadcrumb.breadcrumb--in-hero{right:max(150px,calc((100% - 1240px)/2)) !important}
}

/* Hero einheitlich eingerueckt (wie auf grossen Bildschirmen), Inhalt bleibt auf Header-Breite */
@media (min-width:1025px){html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #topimg,html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) .catalog-top-wrapper #topimg,html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4).is-catalog-page .catalog-top-wrapper #topimg,html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4).is-catalog-page #topimg{width:calc(100% - 56px) !important;max-width:1850px !important;margin-left:auto !important;margin-right:auto !important}}
/* Trust-Box im Hero: bei mittleren Breiten blieb ein translateY(-50%) stehen -> Box sass zu hoch */
@media (min-width:901px){html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4).is-catalog-page #topimg .catalog-reference-trust{transform:none !important;position:static !important;top:auto !important;right:auto !important}}

/* Mietkorb-Hero auf dem Handy kompakter, damit der Mietkorb frueher sichtbar ist */
@media (max-width:640px){
html body.bi-modern-ui.is-cart-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg.mietkorb-topimg .bgslider1.mietkorb-header{padding-top:18px !important;padding-bottom:64px !important;min-height:0 !important}
html body.bi-modern-ui.is-cart-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg.mietkorb-topimg .bgslider1.mietkorb-header h1{font-size:27px !important;line-height:1.15 !important;margin:4px auto 8px !important}
html body.bi-modern-ui.is-cart-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg.mietkorb-topimg .bgslider1.mietkorb-header .mietkorb-subtitle{font-size:13px !important;padding:6px 12px !important;margin-top:0 !important}
html body.bi-modern-ui.is-cart-page:not(.z1):not(.z2):not(.z3):not(.z4) #topimg.mietkorb-topimg .bgslider1.mietkorb-header .breadcrumb{bottom:14px !important;top:auto !important}
}

/* Firmenadresse-Block im Footer */
.footer-location-mark{display:inline-block;vertical-align:-4px;margin-right:6px}
.footer-location-copy .footer-location-label{margin:0 0 6px !important;font-size:14px;color:#6b625a}
.footer-location-copy .footer-location-note{font-size:14px;line-height:1.5}