@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --sc-font-body:"Inter","Segoe UI",Arial,sans-serif;
  --sc-font-display:"Barlow Condensed","Arial Narrow","Segoe UI",sans-serif;
}

html,body,input,select,textarea,button{font-family:var(--sc-font-body)!important}
h1,h2,h3,h4,.sc-v126-kicker,.sc-mobile-pill,.sc-v126-area-tag,.hero-kicker,
.c59-kicker,.sc1271-pagehero span,.sc1271-home-hero small,.sc12-eyebrow{
  font-family:var(--sc-font-display)!important;
}
h1,h2,h3{letter-spacing:-.015em}

/* Helle, farbige Bildwelt – die dunklen Flächen bleiben nur für Lesbarkeit. */
.sc-v126-hero-visual:before{background:linear-gradient(90deg,rgba(5,6,7,.78),rgba(5,6,7,.12) 24%,transparent 60%)!important;backdrop-filter:none!important}
.sc-v126-hero-visual img{object-fit:cover!important;padding:0!important;filter:brightness(1.06) contrast(1.02) saturate(1.13)!important}
.sc-mobile-hero-media:before{background:linear-gradient(180deg,rgba(4,6,8,.04),rgba(4,6,8,.12))!important;backdrop-filter:none!important}
.sc-mobile-hero-media img{object-fit:cover!important;padding:0!important;filter:brightness(1.06) contrast(1.02) saturate(1.12)!important}
.sc-v126-area-card>img,.sc-mobile-area-card>img{filter:brightness(.93) contrast(1.02) saturate(1.12)!important}
.sc-v126-area-card:after{background:linear-gradient(180deg,transparent 24%,rgba(4,5,6,.45) 58%,#080a0c 100%)!important}
.sc-auth-side>img,.hero>img,.community-car-row img,.sc-community-hero img{filter:brightness(.94) contrast(1.03) saturate(1.1)!important}
.sc1271-home-hero>img,.c59-hero img{filter:brightness(1.02) contrast(1.02) saturate(1.1)}

.sc-rotating-image{transition:opacity .42s ease,transform .7s ease!important}
.sc-rotating-image.sc-image-fade{opacity:.14;transform:scale(1.012)}

/* Kleine, einheitliche Bereichslogos auf den sechs Community-Kacheln. */
.c59-dept-badge{
  position:absolute;z-index:5;left:10px;top:10px;display:flex;align-items:center;gap:7px;
  max-width:calc(100% - 20px);height:32px;padding:3px 10px 3px 5px;
  border:1px solid rgba(232,174,104,.5);border-radius:10px;
  background:rgba(5,7,8,.82);box-shadow:0 8px 24px rgba(0,0,0,.28);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  color:#f5c481;text-transform:uppercase;letter-spacing:.055em;
}
.c59-dept-badge img{display:block!important;width:38px!important;height:25px!important;object-fit:contain!important;filter:none!important}
.c59-dept-badge i{font-style:normal;font-size:13px;color:#e3a554}
.c59-dept-badge b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1}

/* Die Sprachwahl bleibt auf dem Handy kompakt in derselben Kopfzeile. */
@media(max-width:700px){
  .sc-v126-header{grid-template-columns:minmax(94px,1fr) auto!important;overflow:visible}
  .sc-v126-brand{width:clamp(98px,28vw,126px)!important}
  .sc-v126-actions{gap:6px!important}
  .sc-v126-actions .gold{padding:0 10px!important;font-size:11px!important;white-space:nowrap}
  .sc-v126-actions .sc-language-control,
  .c59-head-actions .sc-language-control{
    position:static!important;right:auto!important;top:auto!important;margin:0!important;
  }
  .sc-language-control select{
    width:54px!important;min-width:54px!important;height:38px!important;padding:0 20px 0 8px!important;
    border-radius:10px!important;font-size:11px!important;background-position:calc(100% - 12px) 16px,calc(100% - 7px) 16px!important;
  }
  .c59-head-actions{gap:5px!important;flex-wrap:nowrap!important}

  .c59-main,.c50-main{overflow-x:hidden!important;padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
  .c59-home{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}
  .c59-activities{width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}
  .c59-activities-grid{grid-template-columns:1fr!important;min-width:0!important}
  .c59-activity{width:100%!important;min-width:0!important;grid-template-columns:42px minmax(0,1fr)!important}
  .c59-activity>span{min-width:0!important;overflow:hidden!important}
  .c59-bottom{bottom:max(8px,env(safe-area-inset-bottom))!important}
  .c59-dept-badge{left:8px;top:8px;height:28px;padding:2px 8px 2px 4px;gap:5px;border-radius:8px}
  .c59-dept-badge img{width:31px!important;height:22px!important}
  .c59-dept-badge b{font-size:8px}
  .c59-dept-badge i{font-size:11px}
}

/* PC: 16:9-Fahrzeugbilder vollständig zeigen, ohne Autos an den Seiten abzuschneiden. */
@media(min-width:900px){
  .sc-v126-main,.sc-v126-desktop-home,.sc-v126-desktop-hero{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
  .sc-v126-desktop-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr)!important}
  .sc-v126-hero-copy,.sc-v126-hero-visual{min-width:0!important}
  .sc-v126-hero-copy h1{font-size:clamp(42px,4.35vw,72px)!important}
  .sc-v126-hero-visual{background-position:center!important;background-size:cover!important}
  .sc-v126-hero-visual:before{background:rgba(4,6,8,.24)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
  .sc-v126-hero-visual img{object-fit:contain!important;object-position:center!important;padding:10px 12px 24px!important;box-sizing:border-box!important}
  .sc-v126-trust-wrap,.sc-v126-trust{max-width:100%!important;min-width:0!important}
  .sc-auth-shell{height:auto!important;min-height:100vh!important;overflow:visible!important;scroll-margin-top:0!important}
  .auth-header{position:sticky!important;top:0!important;z-index:50!important;background:#050606!important}
  .sc-auth-layout{align-items:start!important;padding-top:24px!important;padding-bottom:80px!important}
  .sc-auth-card,.sc-auth-side{align-self:start!important;min-width:0!important}
  .sc-auth-card{scroll-margin-top:110px}
  .sc-auth-side>img{object-fit:contain!important;object-position:center!important;background:#111315!important}
}

.sc-login-feedback{margin:10px 0 2px;padding:11px 13px;border:1px solid #8b4b3c;border-radius:9px;background:#1b0d0b;color:#ffd1c7;font-size:13px;font-weight:700;line-height:1.35}
.sc-login-feedback[data-type="success"]{border-color:#557b46;background:#0d170c;color:#c9efbd}
.sc-login-feedback.hidden{display:none!important}

/* Kleine PC-Bildschirme: Anmeldung bleibt ohne abgeschnittene Bedienelemente nutzbar. */
@media(min-width:900px) and (max-height:820px){
  .auth-header{height:70px!important}
  .auth-header .sc-auth-logo{width:112px!important;max-height:54px!important}
  .auth-header .sc-btn{padding:10px 18px!important;font-size:13px!important}
  .sc-auth-layout{gap:18px!important;padding:12px 3.2% 28px!important}
  .sc-auth-card{padding:20px 24px!important}
  .sc-auth-card h2{font-size:28px!important;margin:4px 0!important}
  .sc-auth-card .sc-lead{margin:5px 0 10px!important;font-size:14px!important}
  .sc-v114-login-roles{margin:10px 0!important;gap:9px!important}
  .sc-v114-login-roles .login-role{min-height:82px!important;padding:8px!important}
  .sc-v114-login-roles .login-role b{font-size:19px!important}
  .sc-v114-login-roles .login-role span{font-size:14px!important}
  .sc-registration-fields{gap:8px!important}
  .sc-registration-fields input{padding:13px 15px!important}
  .sc-btn.full{padding:13px!important}
  .auth-switch{padding-top:10px!important;margin-top:2px!important}
  .text-btn{padding-block:7px!important}
  .sc-side-copy{padding:22px 28px 10px!important}
  .sc-side-copy h3{font-size:21px!important;margin:10px 0!important}
  .sc-auth-side>img{height:245px!important}
  .sc-side-benefits{padding:8px 24px 14px!important;grid-template-columns:1fr 1fr!important;gap:0 18px!important}
  .sc-side-benefits>div{padding:10px 0!important}
  .sc-public-footer{display:none!important}
}

@media(min-width:900px) and (max-width:1120px){
  .sc-v126-desktop-hero{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;min-height:550px!important}
  .sc-v126-hero-copy{padding-left:28px!important;padding-right:20px!important}
  .sc-v126-hero-copy h1{font-size:clamp(38px,4.3vw,52px)!important}
  .sc-v126-hero-copy>p{font-size:15px!important}
}

@media(max-width:390px){
  .sc-v126-brand{width:92px!important}
  .sc-v126-actions .gold{padding-inline:8px!important;font-size:10px!important}
  .sc-language-control select{width:49px!important;min-width:49px!important;padding-left:6px!important}
}

@media(prefers-reduced-motion:reduce){.sc-rotating-image{transition:none!important}}