@font-face{font-family:"Bebas Neue";src:url(fonts/bebas-neue-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Montserrat";src:url(fonts/montserrat-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Montserrat";src:url(fonts/montserrat-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Montserrat";src:url(fonts/montserrat-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Montserrat";src:url(fonts/montserrat-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --orange:#FF6900;
  --orange-dark:#C9560E;
  --cream:#FFF8F3;
  --peach:#FDEEE4;
  --border:#F6DCCB;
  --ink:#2B211C;
  --muted:#6E625B;
  --white:#FFFFFF;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font-family:'Montserrat',system-ui,sans-serif;font-weight:500;font-size:17px;line-height:1.65}
img{max-width:100%;display:block}
a{color:var(--orange-dark)}
.wrap{max-width:940px;margin:0 auto;padding:0 20px}

.label{font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-dark)}
.label-num{display:flex;align-items:center;gap:12px}
.label-num .n{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:0;color:var(--orange);line-height:1}
.label-num .d{width:1px;height:20px;background:var(--border)}
h1,h2,h3{font-family:'Bebas Neue',sans-serif;font-weight:400;text-transform:uppercase;line-height:1.02;letter-spacing:.005em}
h1{font-size:clamp(52px,10vw,96px);margin:14px 0 22px}
h2{font-size:clamp(36px,6vw,54px);margin:12px 0 22px}
.o{color:var(--orange)}
.lead{font-size:clamp(18px,2.2vw,21px)}
p+p{margin-top:12px}

.hero{padding:48px 20px 30px}
.hero-grid{display:grid;grid-template-columns:1fr 260px;gap:32px;align-items:start}
.portrait{width:250px;height:250px;border-radius:50%;padding:6px;background:var(--orange);justify-self:end;margin-top:40px}
.portrait img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 20%;border:4px solid var(--cream)}
.hero .btn{margin-top:28px}
.micro{font-size:14px;color:var(--muted);margin-top:12px}

section{padding:64px 0 0}

.btn{display:inline-block;background:var(--orange);color:#fff;border:0;border-radius:14px;padding:16px 30px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:19px;text-decoration:none;cursor:pointer;box-shadow:0 8px 20px rgba(255,106,0,.22);transition:transform .15s,background .15s}
.btn:hover{background:#F06200;transform:translateY(-1px)}
.btn.block{width:100%}
.btn.sm{font-size:15px;padding:10px 16px;border-radius:12px;box-shadow:none}
.btn.ghost{background:#fff;color:var(--orange-dark);border:1.5px solid var(--border);box-shadow:none}
.btn.ghost:hover{background:var(--peach)}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:22px}
.card .cn{font-family:'Bebas Neue',sans-serif;color:var(--orange);font-size:28px;line-height:1}
.card h4{font-weight:700;font-size:18px;margin:8px 0 6px;line-height:1.3}
.card p{color:var(--muted);font-size:16px}

.quote{border-left:5px solid var(--orange);padding:4px 0 4px 26px}
.quote .punch{font-family:'Bebas Neue',sans-serif;text-transform:uppercase;color:var(--orange-dark);font-size:clamp(22px,3vw,28px);line-height:1.15;margin-top:18px}

.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.fact{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:18px}
.fact.hl{background:var(--orange);border-color:var(--orange);color:#fff}
.fact .k{font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-dark)}
.fact.hl .k{color:#fff}
.fact .v{font-family:'Bebas Neue',sans-serif;font-size:38px;line-height:1.1}
.fact .s{font-size:14px;color:var(--muted)}
.fact.hl .s{color:#fff}

.form-card{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:30px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-card label.f{display:block;font-weight:700;font-size:15px;margin:14px 0 6px}
input[type=text],input[type=email]{width:100%;font:inherit;font-size:17px;padding:14px 16px;border:1.5px solid var(--border);border-radius:12px;background:var(--cream);color:var(--ink)}
input[type=text]:focus,input[type=email]:focus{outline:none;border-color:var(--orange);background:#fff}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--muted);margin:18px 0 20px;line-height:1.5}
.consent input{margin-top:3px;width:19px;height:19px;accent-color:var(--orange);flex:0 0 auto}
.hidden{display:none}

.lib{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.item{background:#fff;border:1.5px solid var(--border);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .15s,box-shadow .15s}
.item:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(255,106,0,.12)}
.item .thumb{display:block;background:var(--peach);aspect-ratio:1/1.05;overflow:hidden;border-bottom:1.5px solid var(--border)}
.item .thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.item .body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.item h3{font-size:26px;line-height:1.05}
.item h3 .num{color:var(--orange)}
.item p{font-size:15.5px;color:var(--muted);flex:1}
.item .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.badge{position:absolute;top:12px;right:12px;background:var(--orange);color:#fff;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:999px}

.soon{background:var(--peach);border-radius:22px;padding:34px 30px;margin-top:8px}
.soon h2{margin-top:8px}
.timeline{border-top:1.5px solid var(--border)}
.timeline .row{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:18px 0;border-bottom:1.5px solid var(--border);align-items:start}
.timeline .when{font-family:'Bebas Neue',sans-serif;color:var(--orange-dark);font-size:22px;text-transform:uppercase;line-height:28px}
.timeline .what b{display:block;font-weight:700;font-size:18px;line-height:28px}
.timeline .what span{color:var(--muted);font-size:15.5px}
.soon .after{margin-top:20px}

.me{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:24px}
.me .portrait{width:120px;height:120px;margin:0;padding:4px}
.me .portrait img{border-width:3px}

footer{border-top:1.5px solid var(--border);margin-top:70px;padding:26px 0 34px;font-size:14px;color:var(--muted)}
footer .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
footer a{color:var(--muted)}

.legal{padding:40px 20px}
.legal h1{font-size:clamp(42px,7vw,64px)}
.legal h2{font-size:24px;margin:28px 0 6px;color:var(--orange-dark)}
.legal p,.legal li{font-size:16px;margin-bottom:8px}
.legal ul{padding-left:22px}
.todo{background:#FFE9A8;border-radius:6px;padding:1px 6px}

@media (max-width:760px){
  .hero{padding:30px 20px 16px}
  .hero-grid{grid-template-columns:1fr}
  .hero-grid .portrait{order:-1;justify-self:start;width:150px;height:150px;margin:0}
  .grid3,.lib,.facts{grid-template-columns:1fr}
  .timeline .row{grid-template-columns:1fr;gap:4px}
  .soon{padding:26px 20px}
  .form-card{padding:22px}
  .hero .btn{width:100%;text-align:center}
  .me{grid-template-columns:1fr}
}

.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.chip{background:#fff;border:1.5px solid var(--border);border-radius:999px;padding:9px 16px;font-weight:700;font-size:15px}
.chip b{color:var(--orange);font-family:'Bebas Neue',sans-serif;font-weight:400;margin-right:6px}
.chip.new{background:var(--peach)}
.hero.solo{padding-bottom:10px}
@media (max-width:760px){.fields{grid-template-columns:1fr;gap:0}}

/* Box: Was bei mir den Unterschied gemacht hat */
.talk{background:var(--orange);color:#fff;border-radius:22px;padding:34px 28px;box-shadow:0 12px 28px rgba(255,105,0,.22)}
.talk .label{color:#fff;opacity:.9}
.talk h2{color:#fff;margin:10px 0 14px}
.talk p{font-size:18px}
.talk .btn{background:#fff;color:var(--orange-dark);margin-top:22px;box-shadow:none;display:flex;width:100%;justify-content:center;align-items:center;gap:10px;font-size:17px;white-space:nowrap;padding:16px 18px}
.talk .btn:hover{background:var(--cream)}
.talk .btn svg{width:22px;height:22px;flex:none}
.talk .micro{color:#fff;opacity:.85}