/* booking.tyresoft.eu – Login (Platzhalter), Stil wie ts2026.css */
:root{--n950:#0B1A27;--n900:#0F2131;--n800:#15304A;--n700:#1E364D;--mint:#28C386;--mint-l:#6FE3B3;--mint-ink:#0B2A1D;--sand:#F3F5F4;--border:#BAC1CC;--txt:#0F2131;--mut:#5B6B7C}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--txt);background:var(--sand);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
.p-wrap{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;min-height:100dvh}

/* Hero */
.p-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(900px 520px at 85% -10%,rgba(40,195,134,.28),transparent 62%),radial-gradient(700px 420px at -5% 110%,rgba(40,195,134,.12),transparent 60%),linear-gradient(180deg,var(--n900),var(--n800))}
.p-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 70% 30%,#000 20%,transparent 75%);pointer-events:none}
.p-hero__in{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:48px;height:100%;padding:44px clamp(28px,5vw,72px)}
.p-logo img{width:150px}
.p-hero__txt{max-width:540px}
.p-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(40,195,134,.14);border:1px solid rgba(111,227,179,.35);color:var(--mint-l);font-size:13px;font-weight:600;letter-spacing:.02em}
.p-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 rgba(40,195,134,.6);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(40,195,134,.55)}70%{box-shadow:0 0 0 10px rgba(40,195,134,0)}100%{box-shadow:0 0 0 0 rgba(40,195,134,0)}}
.p-hero h1{margin:0 0 18px;font-size:clamp(34px,4vw,52px);line-height:1.08;font-weight:800;letter-spacing:-.02em}
.p-hero h1 span{display:block;margin-top:10px;font-size:clamp(18px,1.8vw,24px);font-weight:600;line-height:1.3;color:var(--mint-l);letter-spacing:0}
.p-hero p{margin:0 0 28px;font-size:16px;line-height:1.65;color:rgba(255,255,255,.78)}
.p-hero p.p-aud{margin:-14px 0 26px;font-size:14px;font-weight:600;color:var(--mint-l)}
.p-feats{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:12px}
.p-feats li{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:500;color:rgba(255,255,255,.9)}
.p-feats i{flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(40,195,134,.14);border:1px solid rgba(111,227,179,.25);color:var(--mint-l)}
.p-more{font-size:15px;font-weight:600;color:var(--mint-l);text-decoration:none;border-bottom:1px solid rgba(111,227,179,.45);padding-bottom:2px}
.p-more:hover{color:#fff;border-color:#fff}
.p-links{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.p-pdf{display:inline-flex;align-items:center;gap:8px}
.p-pdf svg{flex:none}
.p-hero__foot{font-size:13px;color:rgba(255,255,255,.5)}

/* Rechte Seite */
.p-side{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:28px clamp(20px,4vw,56px)}
.p-top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}
.p-logo--dark{visibility:hidden}
.p-logo--dark img{width:140px}
.p-lang{position:relative;margin-left:auto}
.p-lang__btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:#fff;font:600 14px/1 Montserrat,sans-serif;color:var(--txt);cursor:pointer}
.p-lang__btn:hover,.p-lang.is-open .p-lang__btn{border-color:var(--mint)}
.p-lang__list{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:10;min-width:200px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 40px rgba(15,33,49,.14)}
.p-lang.is-open .p-lang__list{display:block}
.p-lang__list a{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none}
.p-lang__list a span{color:var(--mut);font-size:12px;font-weight:600}
.p-lang__list a:hover{background:var(--sand)}
.p-lang__list a.is-current{background:rgba(40,195,134,.12);font-weight:700}

.p-card{width:100%;max-width:440px;margin:0 auto;padding:36px;background:#fff;border:1px solid var(--border);border-radius:20px}
.p-card h2{margin:0 0 6px;font-size:28px;font-weight:800;letter-spacing:-.01em}
.p-card__sub{margin:0 0 26px;font-size:15px;color:var(--mut)}
.p-form{display:grid;gap:16px}
.p-field{position:relative;display:block}
.p-field>span{display:block;margin-bottom:7px;font-size:13px;font-weight:600}
.p-field>i{position:absolute;left:15px;bottom:17px;color:var(--mut);display:flex;pointer-events:none}
.p-field input{width:100%;height:52px;padding:0 46px 0 44px;border:1px solid var(--border);border-radius:10px;background:#fff;font:500 15px Montserrat,sans-serif;color:var(--txt);outline:none;transition:border-color .15s,box-shadow .15s}
.p-field input:focus{border-color:var(--mint);box-shadow:0 0 0 4px rgba(40,195,134,.18)}
.p-eye{position:absolute;right:6px;bottom:6px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--mut);cursor:pointer}
.p-eye:hover{color:var(--txt);background:var(--sand)}
.p-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;font-size:14px}
.p-check{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.p-check input{width:18px;height:18px;margin:0;accent-color:var(--mint)}
.p-link{font-weight:600;color:var(--n700);text-decoration:none}
.p-link:hover{color:var(--mint)}
.p-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:12px 20px;border:0;border-radius:10px;background:var(--mint);color:var(--mint-ink);font:700 16px Montserrat,sans-serif;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}
.p-btn:hover{background:var(--mint-l)}
.p-btn:active{transform:translateY(1px)}
.p-btn--ghost{width:auto;min-height:42px;margin-top:12px;padding:10px 18px;font-size:14px;background:var(--n900);color:#fff}
.p-btn--ghost:hover{background:var(--n700)}

.p-msg{display:flex;gap:14px;margin-top:20px;padding:18px;border:1px solid var(--border);border-radius:14px;background:rgba(40,195,134,.08)}
.p-msg[hidden]{display:none}
.p-msg>i{flex:0 0 auto;color:#1E9E6C;display:flex;padding-top:1px}
.p-msg b{display:block;margin-bottom:4px;font-size:15px}
.p-msg p{margin:0;font-size:14px;line-height:1.55;color:var(--mut)}
.p-msg.is-in{animation:msgIn .35s ease-out}
@keyframes msgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.p-note{display:flex;gap:8px;align-items:flex-start;margin:22px 0 0;font-size:12.5px;line-height:1.5;color:var(--mut)}
.p-note svg{flex:0 0 auto;margin-top:1px}

.p-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;font-size:13px;color:var(--mut)}
.p-bottom a{font-weight:600;text-decoration:none;color:var(--n700)}
.p-bottom a:hover{color:var(--mint)}

@media (max-width:960px){
  .p-wrap{grid-template-columns:1fr}
  .p-hero__in{padding:28px 20px 34px;gap:26px}
  .p-hero .p-logo,.p-hero__foot{display:none}
  .p-hero p{margin-bottom:20px;font-size:15px}
  .p-feats{margin-bottom:20px}
  .p-side{order:-1;padding:18px 16px 24px;gap:20px}
  .p-logo--dark{visibility:visible}
  .p-card{padding:26px 20px}
  .p-card h2{font-size:24px}
}
@media (max-width:960px){.p-hero{order:2}}
@media (prefers-reduced-motion:reduce){.p-badge::before,.p-msg.is-in{animation:none}}