/* ALBHEIM Theme – Farbverläufe wie Landingpage */
:root{--al-orange:#FF6F00;--al-amber:#FAAC06;--al-ink:#1d1d1d;--al-bg-alt:#f6f5f2}
/* Navigation dunkel wie Landingpage */
.navbar,.navbars{background:#1d1d1d!important}
.navbar .nav-link{color:#fff!important}
.navbar .dropdown-lists .nav-link{color:#1d1d1d!important}
.navbar .dropdown-lists{background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.button{background:linear-gradient(90deg,var(--al-orange),var(--al-amber))!important;box-shadow:0 8px 20px rgba(255,111,0,.35)}
.button .button-text{color:#fff!important}
/* Hero: dunkler Verlauf mit orangem Schein */
.div-block-video{background:linear-gradient(100deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.30) 50%,rgba(0,0,0,.05) 100%)!important}
.al-badge{display:inline-block;background:rgba(250,172,6,.18);color:var(--al-amber);border:1px solid rgba(250,172,6,.45);font:700 12px/1 Montserrat,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;border-radius:999px;margin-bottom:14px}
.slogan em,.al-hl{font-style:normal;color:var(--al-amber)}
.al-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.al-btn{display:inline-block;padding:14px 26px;border-radius:999px;font:700 16px/1.1 "Varela Round",Arial,sans-serif;text-decoration:none!important;transition:transform .15s}
.al-btn:hover{transform:translateY(-2px)}
.al-btn-primary{background:linear-gradient(90deg,var(--al-orange),var(--al-amber));color:#fff!important;box-shadow:0 10px 24px rgba(255,111,0,.4)}
.al-btn-ghost{border:2px solid #fff;color:#fff!important}
.al-btn-dark{background:#1d1d1d;color:#fff!important}
.al-trust{margin-top:14px;font-size:13px;color:rgba(255,255,255,.75)}
/* Abschnitte */
.zweitfarbe{background:var(--al-bg-alt)!important}
.heading-mittig,.startseite-caroulsal .heading{font-family:Montserrat,Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.card.hauptfarbe{background:linear-gradient(135deg,var(--al-orange),var(--al-amber))!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(255,111,0,.25)}
.div-block-fle{background:#fff;border-radius:18px;border-top:4px solid var(--al-orange);box-shadow:0 10px 30px rgba(0,0,0,.08);padding:18px}
.divider-long-spc,.divider-long{background:linear-gradient(90deg,var(--al-orange),var(--al-amber))!important;height:3px}
/* CTA-Band orange */
.section-vereinbaren{background:linear-gradient(100deg,var(--al-orange),var(--al-amber))!important;color:#fff}
.section-vereinbaren .heading{color:#fff!important;font-family:Montserrat,Arial,sans-serif;font-weight:800;text-transform:uppercase}
.section-vereinbaren .divider-long{background:rgba(255,255,255,.6)!important}
.section-vereinbaren .terminbuttons{background:#1d1d1d!important;color:#fff!important;border-radius:999px!important;padding:14px 28px!important;font-size:16px!important}
/* Footer dunkel */
.footer{background:#1d1d1d!important}
.footer .heading-footer{color:var(--al-amber)!important}
@media (max-width:767px){.al-hero-cta{justify-content:center}.al-btn{width:100%;text-align:center}}
.al-vi-text{font:700 22px/1 Arial,sans-serif;color:#333;display:inline-block;padding:10px 0}
.navbar .hauptfarbe,.w-nav-overlay .nav-men{background:#1d1d1d!important}.men-icon{color:#fff!important}

/* Logo: groesser, ohne weissen Hintergrund, heller Schein fuer Lesbarkeit auf Schwarz */
.logo-img.albheim{background:transparent!important;padding:0!important;border-radius:0!important;height:80px!important;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 3px rgba(255,255,255,.9)) drop-shadow(0 0 8px rgba(255,255,255,.35))}
@media(max-width:767px){.logo-img.albheim{height:62px!important}}

/* Partnerlogos als Laufband (wie Marken), groesser */
.al-marquee{overflow:hidden;width:100%;margin-top:30px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.al-marquee .div-block-partner{display:flex!important;flex-flow:row nowrap!important;column-gap:90px!important;justify-content:flex-start!important;align-items:center!important;width:max-content!important;max-width:none!important;gap:90px!important;padding-right:90px;margin:0!important;animation:alPartner 30s linear infinite}
.al-marquee:hover .div-block-partner{animation-play-state:paused}
.al-marquee .div-block-partner a{flex:none;text-decoration:none}
.al-marquee .div-block-partner img{height:80px!important;width:auto!important;max-width:240px!important;object-fit:contain}
.al-marquee .al-vi-text{font-size:38px;padding:0}
@keyframes alPartner{to{transform:translateX(-50%)}}
@media(max-width:767px){.al-marquee .div-block-partner{gap:50px!important;column-gap:50px!important;padding-right:50px}.al-marquee .div-block-partner img{height:56px!important;max-width:170px!important}.al-marquee .al-vi-text{font-size:28px}}

/* Unterseiten-Kopfzeile (nicht Startseite): schmaler, alles vertikal mittig, gleiche Abstaende oben/unten */
@media(min-width:992px){
body:not(:has(.al-hero-box)) .navbar .navbars{padding:0!important;height:auto!important;min-height:0!important}
body:not(:has(.al-hero-box)) .div-block-navabr{padding:8px 40px!important;height:auto!important;align-items:center!important}
body:not(:has(.al-hero-box)) .div-block-logo{height:auto!important;display:flex!important;align-items:center!important}
body:not(:has(.al-hero-box)) .div-block-logo .logo{height:auto!important}
body:not(:has(.al-hero-box)) .logo-img.albheim{height:72px!important}
body:not(:has(.al-hero-box)) .nav-men{align-items:center!important;height:auto!important}
body:not(:has(.al-hero-box)) .navlink_content{display:flex!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important}
body:not(:has(.al-hero-box)) .div-block-button{justify-content:center!important;align-self:center!important;margin-top:0!important}
}

/* Unterseiten-Kopfzeile Variante A: orange Linie, bleibt oben, wird beim Scrollen flacher (nicht Startseite) */
body:not(:has(.al-hero-box)) .navbar{position:sticky!important;top:0;z-index:1000;height:auto!important;min-height:0!important;background:transparent!important}
body:not(:has(.al-hero-box)) .navbar .navbars{position:relative!important;background:#1d1d1d!important;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#FF6F00,#FAAC06) 1;transition:background .3s,box-shadow .3s}
body:not(:has(.al-hero-box)) .navbar.al-scr .navbars{background:rgba(29,29,29,.88)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 20px rgba(0,0,0,.25)}
@media(min-width:992px){
body:not(:has(.al-hero-box)) .navlink_content,body:not(:has(.al-hero-box)) .navbar .nav-link{white-space:nowrap}
body:not(:has(.al-hero-box)) .navbar .nav-men,body:not(:has(.al-hero-box)) .navbar .div-block-navabr{background:transparent!important}
body:not(:has(.al-hero-box)) .div-block-navabr{transition:padding .3s}
body:not(:has(.al-hero-box)) .logo-img.albheim{transition:height .3s}
body:not(:has(.al-hero-box)) .navbar.al-scr .div-block-navabr{padding:4px 40px!important}
body:not(:has(.al-hero-box)) .navbar.al-scr .logo-img.albheim{height:52px!important}
}

/* Unterseiten-Kopfzeile: Landingpage-Look (Farben wie Landingpage mit gelbem und orangem Schimmer) */
body:not(:has(.al-hero-box)) .navbar .navbars,body:not(:has(.al-hero-box)) .navbar.al-scr .navbars{background:radial-gradient(900px 200px at 90% 0%,rgba(250,172,6,.16),transparent 65%),radial-gradient(700px 200px at 5% 100%,rgba(255,111,0,.14),transparent 65%),linear-gradient(160deg,#161616 0%,#222 60%,#2a2118 100%)!important}
body:not(:has(.al-hero-box)) .navbar .div-block-navabr,body:not(:has(.al-hero-box)) .navbar .div-block-navabr>*:not(.nav-men),body:not(:has(.al-hero-box)) .navbar .w-nav-button{background:transparent!important}
@media(min-width:992px){body:not(:has(.al-hero-box)) .navbar .nav-men{background:transparent!important}}
@media(max-width:991px){body:not(:has(.al-hero-box)) .navbar .nav-men{background:#333!important}}

/* Kleine Bildschirme 992-1279px: Menue passt in eine Zeile */
@media(min-width:992px) and (max-width:1279px){body:not(:has(.al-hero-box)) .navbar .w-nav-link,body:not(:has(.al-hero-box)) .navbar .nav-link:not(.w-dropdown-link){font-size:13px!important;padding-left:7px!important;padding-right:7px!important}body:not(:has(.al-hero-box)) .navbar .navlink_content{padding-left:3px!important;padding-right:3px!important;min-width:0!important;width:auto!important}body:not(:has(.al-hero-box)) .div-block-navabr{padding-left:20px!important;padding-right:20px!important}body:not(:has(.al-hero-box)) .logo-img.albheim{height:60px!important}body:not(:has(.al-hero-box)) .div-block-button .button{padding-left:16px!important;padding-right:16px!important}body:not(:has(.al-hero-box)) .div-block-button .button-text{font-size:14px!important}}

/* Fusszeile Landingpage-Look (alle Seiten) */
section.footer{background:radial-gradient(1200px 500px at 85% 20%,rgba(250,172,6,.35),transparent 60%),radial-gradient(900px 500px at 10% 90%,rgba(255,111,0,.30),transparent 60%),linear-gradient(160deg,#1b1b1b 0%,#2c2c2c 55%,#3a2a1a 100%)!important}

/* Handy-Kopfzeile: Logo links, Menue-Symbol Mitte, Angebot rechts (eine Zeile, schmaler) */
@media(max-width:991px){
.navbar .div-block-navabr{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;padding:6px 14px!important;position:relative}
.navbar .div-block-logo{width:auto!important;flex:0 0 auto!important;justify-content:flex-start!important;margin:0!important;order:1}
.navbar .logo-img.albheim{height:50px!important}
.navbar .men-buttton{width:auto!important;flex:0 0 auto!important;order:2;padding:8px!important;margin:0!important;position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%)}
.navbar .div-block-button{position:static!important;width:auto!important;flex:0 0 auto!important;order:3;margin:0!important}
.navbar .div-block-button .button{padding:7px 11px!important;min-width:0!important;margin:0!important}
.navbar .div-block-button .button-text{font-size:12px!important;letter-spacing:0!important}
.w-nav-overlay .nav-men{padding-top:14px!important}
}

/* Instagram-Symbol rechts ueber dem Mail-Symbol */
.social-icons.left{left:auto!important;right:0!important;margin:0 20px 0 0!important;transform:translateY(-73px)}
.social-icons.left{pointer-events:none!important}.social-icons.left a{pointer-events:auto!important}