/* 11WERK HOME V3.1 – Finalisierung */
:root{--bg:#080b0a;--card:#101513;--card2:#151b19;--line:#29312e;--white:#f5f6f5;--muted:#9ca8a4;--lime:#c8ff00;--cyan:#18d0c1;--orange:#ff8a22}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit}
.v3-header{height:76px;padding:0 3.5%;display:flex;align-items:center;border-bottom:1px solid #252c29;position:sticky;top:0;z-index:20;background:rgba(8,11,10,.98)}
.v3-brand img{width:145px;display:block}.v3-header nav{display:flex;gap:30px;margin:auto}.v3-header nav a,.contact-btn{font-size:12px;font-weight:900;text-transform:uppercase;text-decoration:none;letter-spacing:.05em}.v3-header nav a{color:#a5aaa8}.v3-header nav a:hover{color:var(--lime)}.contact-btn{border:1px solid var(--lime);color:var(--lime);padding:13px 20px}
.v3-hero{padding:42px 4% 38px;max-width:1800px;margin:auto}.kicker{color:var(--lime);font-weight:900;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.hero-title h1{font-size:clamp(40px,4.6vw,72px);line-height:.94;margin:9px 0 10px;letter-spacing:-.035em}.hero-title h1 span,.bookable h2 span,.compact-final h2 span{color:var(--lime)}.hero-title>p:last-child{color:var(--muted);font-size:17px;margin:0 0 26px}
.gateway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gateway{min-height:305px;border:1px solid var(--line);border-top:3px solid var(--lime);background:var(--card);padding:25px 27px;display:flex;flex-direction:column;justify-content:space-between}.gateway.scout{border-top-color:var(--cyan)}.gateway.academy{border-top-color:var(--orange)}.gateway small{color:var(--lime);font-size:10px;font-weight:900;letter-spacing:.12em}.gateway.scout small{color:var(--cyan)}.gateway.academy small{color:var(--orange)}.gateway h2{font-size:clamp(30px,2.5vw,44px);line-height:.93;margin:18px 0 12px}.gateway p{color:var(--muted);line-height:1.45;font-size:15px;max-width:440px}.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.actions a{font-size:11px;font-weight:900}.actions>a:not(.main-btn){color:#d9dddb;text-underline-offset:4px}.main-btn{padding:13px 16px;background:var(--lime);color:#090b0b;text-decoration:none}.scout .main-btn{background:var(--cyan)}.academy .main-btn{background:var(--orange)}
.bookable{padding:54px 4%;background:var(--card2);border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:25px}.section-head h2{font-size:clamp(38px,4vw,62px);line-height:.95;margin:8px 0 0}.section-head>p{max-width:520px;color:var(--muted);line-height:1.5}
.offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.offer-card{border:1px solid #35403c;background:#0b0f0e;padding:25px;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:start}.offer-type{color:var(--lime);font-size:10px;font-weight:900;letter-spacing:.13em}.offer-card.holiday .offer-type{color:var(--orange)}.offer-card h3{font-size:25px;margin:10px 0 5px}.offer-age{color:var(--muted);font-size:13px}.offer-meta{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:8px}.offer-meta div{padding:11px 10px 11px 0}.offer-meta small{display:block;color:#78837f;font-size:8px;font-weight:900;letter-spacing:.1em}.offer-meta strong{display:block;font-size:12px;margin-top:4px}.offer-price{font-size:22px;font-weight:900}.offer-btn{background:var(--lime);color:#090b0b;padding:12px 14px;text-decoration:none;font-size:11px;font-weight:900}.holiday .offer-btn{background:var(--orange)}.offer-loading,.offer-empty{grid-column:1/-1;border:1px dashed #3b4541;padding:25px;color:var(--muted)}.all-offers{display:flex;gap:28px;margin-top:20px}.all-offers a{font-size:11px;font-weight:900;color:var(--lime);text-underline-offset:5px}
.quick-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:0 4%;background:#0a0e0d}.quick-nav a{padding:25px 22px;border-right:1px solid var(--line);text-decoration:none;display:flex;flex-direction:column;gap:7px}.quick-nav a:first-child{border-left:1px solid var(--line)}.quick-nav small{color:var(--lime);font-weight:900}.quick-nav strong{font-size:16px}.quick-nav span{color:#7f8985;font-size:11px}.quick-nav a:hover{background:#111715}
.compact-final{padding:45px 4%;display:flex;justify-content:space-between;align-items:end;gap:30px}.compact-final h2{font-size:clamp(36px,4vw,58px);margin:8px 0 0}.contact-actions{display:flex;gap:22px;align-items:center}.contact-actions a{font-size:12px;font-weight:900}.contact-actions .mail{background:var(--lime);color:#090b0b;padding:14px 18px;text-decoration:none}
.v3-footer{min-height:60px;padding:15px 4%;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;color:#77817d;font-size:9px;letter-spacing:.08em}.v3-footer img{width:105px}.v3-footer span{margin:auto}.v3-footer b{color:var(--lime)}
@media(max-width:1000px){.v3-header nav{display:none}.contact-btn{margin-left:auto}.gateway-grid,.offer-grid{grid-template-columns:1fr}.gateway{min-height:270px}.quick-nav{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}}
@media(max-width:620px){.v3-header{padding:0 20px}.v3-hero,.bookable{padding-left:20px;padding-right:20px}.hero-title h1{font-size:42px}.gateway{padding:23px 20px}.offer-card{grid-template-columns:1fr}.offer-meta{grid-template-columns:1fr}.offer-btn{grid-column:1/-1;text-align:center}.quick-nav{grid-template-columns:1fr;padding:0 20px}.quick-nav a,.quick-nav a:first-child{border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.compact-final{padding:40px 20px;align-items:flex-start;flex-direction:column}.contact-actions{align-items:flex-start;flex-direction:column}.v3-footer{padding:18px 20px;align-items:flex-start;flex-direction:column}.v3-footer span{margin:0}}


/* V3.1 – klare Hauptaktionen */
.gateway .actions{margin-top:8px}
.gateway .main-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:14px 18px;font-size:11px;letter-spacing:.02em}
.gateway.scout .main-btn{min-width:245px}

/* V3.1 – weitere Bereiche als echte Navigationskarten */
.quick-nav{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quick-nav a{position:relative;min-height:132px;padding:27px 24px 25px;justify-content:center;overflow:hidden;transition:background .18s ease,transform .18s ease}
.quick-nav a:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--lime);opacity:.95}
.quick-nav .quick-keeper:before{background:var(--cyan)}
.quick-nav .quick-scouting:before{background:#4e9cff}
.quick-nav .quick-management:before{background:#b78cff}
.quick-nav a:hover{background:#121816}
.quick-nav strong{font-size:19px;letter-spacing:-.01em}
.quick-nav span{font-size:12px;line-height:1.4}
.quick-nav .quick-performance small{color:var(--lime)}
.quick-nav .quick-keeper small{color:var(--cyan)}
.quick-nav .quick-scouting small{color:#4e9cff}
.quick-nav .quick-management small{color:#b78cff}

/* V3.1 – kompakter, klarer Kontaktabschluss */
.compact-final{min-height:235px;padding-top:52px;padding-bottom:52px;border-top:0}
.final-copy{max-width:780px}
.final-copy>p:last-child{margin:13px 0 0;color:var(--muted);font-size:15px;line-height:1.55}
.contact-actions .phone{padding:13px 0;text-decoration:none;border-bottom:1px solid #58615e}
.contact-actions .phone:hover{color:var(--lime);border-color:var(--lime)}

@media(max-width:1000px){
  .quick-nav a{min-height:120px}
}
@media(max-width:620px){
  .gateway .main-btn,.gateway.scout .main-btn{width:100%;min-width:0}
  .quick-nav a{min-height:105px}
  .compact-final{min-height:0}
}


/* 11WERK HOME V3.2 – Multilanguage */
.plain-title{color:var(--white)!important}
.lang-switch{display:flex;align-items:center;gap:5px;margin-left:20px;margin-right:14px}
.lang-switch button{appearance:none;border:1px solid #303936;background:#0b0f0e;color:#a5aaa8;min-width:39px;height:34px;padding:3px 5px;display:inline-flex;align-items:center;justify-content:center;gap:3px;cursor:pointer;font-size:16px;line-height:1;transition:border-color .15s ease,color .15s ease,background .15s ease}
.lang-switch button span{font-size:8px;font-weight:900;letter-spacing:.04em}
.lang-switch button:hover{border-color:var(--lime);color:var(--white)}
.lang-switch button.active{border-color:var(--lime);color:var(--lime);background:#121814;box-shadow:inset 0 -2px 0 var(--lime)}
@media(max-width:1250px){.v3-header nav{gap:18px}.lang-switch{margin-left:auto}.contact-btn{margin-left:0}}
@media(max-width:1000px){.lang-switch{margin-left:auto}.contact-btn{margin-left:0}}
@media(max-width:760px){.v3-header{height:auto;min-height:76px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.v3-brand img{width:125px}.lang-switch{order:3;width:100%;margin:8px 0 0;justify-content:center}.lang-switch button{flex:1;max-width:58px}.contact-btn{padding:11px 13px}}
@media(max-width:420px){.lang-switch button{min-width:0}.lang-switch button span{display:none}}
