/* Taxi UKT Tübingen – nur seitenspezifische Styles.
   Gemeinsame Basis: /assets/css/global.css */

:root{
      --bg:#080808;--surface:#111;--surface2:#181818;--soft:#f1f1ed;--white:#fff;
      --text:#f7f7f2;--dark:#121212;--muted:#b9b9b0;--muted-dark:#4a4a45;
      --line:rgba(255,255,255,.13);--line-dark:rgba(0,0,0,.10);
      --brand:#ffd60a;--brand2:#d6b500;--radius:30px;--container:1240px;
      --shadow:0 28px 90px rgba(0,0,0,.16)
    }














    .breadcrumb{border-bottom:1px solid rgba(255,255,255,.08);background:#0a0a0a}
    .breadcrumb .container{min-height:42px;display:flex;align-items:center;gap:8px;font-size:.82rem;color:#a8a8a1}
    .breadcrumb a:hover,.breadcrumb .current{color:var(--brand)}

    .hero{position:relative;min-height:82vh;display:grid;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.91),rgba(0,0,0,.62) 50%,rgba(0,0,0,.24)),url('/images/taxi-tuebingen-neckarbruecke-tuebingen.jpeg') center/cover no-repeat}
    .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 22%,rgba(255,214,10,.20),transparent 30%),linear-gradient(180deg,transparent 62%,rgba(0,0,0,.45));pointer-events:none}
    .hero-inner{position:relative;z-index:1;padding:108px 0;max-width:920px}
    .eyebrow{display:inline-flex;gap:9px;align-items:center;color:rgba(255,255,255,.72);font-weight:700;letter-spacing:.06em}
    .eyebrow:before{content:"";width:34px;height:2px;background:var(--brand)}
    h1,h2,h3{margin:0;letter-spacing:-.052em}
    h1{margin-top:24px;font-size:clamp(3.2rem,7.6vw,7.4rem);line-height:.92;font-weight:680;max-width:12ch}
    .hero-copy{max-width:760px;margin:28px 0 0;color:rgba(255,255,255,.81);font-size:clamp(1.08rem,1.8vw,1.38rem)}
    .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
    .btn{min-height:52px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:780;border:1px solid transparent;transition:.22s}
    .btn:hover{transform:translateY(-2px)}
    .btn-primary{background:var(--brand);color:#000}
    .btn-secondary{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.42);color:#fff}
    .hero-paths{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:28px;color:rgba(255,255,255,.62);font-size:.92rem}
    .hero-paths a{border-bottom:1px solid rgba(255,214,10,.46)}.hero-paths a:hover{color:#fff}

    .intro{padding:120px 0;background:var(--soft);color:var(--dark)}
    .intro-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px}
    .intro-copy,.facts{border-radius:var(--radius);padding:clamp(32px,5vw,68px)}
    .intro-copy{background:#fff;border:1px solid var(--line-dark);box-shadow:0 24px 80px rgba(0,0,0,.07)}
    .section-kicker{font-weight:760;color:#776500;letter-spacing:.06em}
    .intro h2,.section-head h2,.reviews h2,.faq h2,.related h2{font-size:clamp(2.5rem,5vw,5.3rem);line-height:.96;font-weight:670}
    .intro-copy p{margin:26px 0 0;color:#3e3e39;font-size:1.1rem;max-width:760px}
    .facts{background:#101010;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}
    .fact{padding:19px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045)}
    .fact strong{display:block;color:var(--brand);margin-bottom:5px}
    .fact span{color:rgba(255,255,255,.68);font-size:.91rem}

    .services{padding:120px 0;background:#090909}
    .section-head{display:flex;justify-content:space-between;gap:34px;align-items:end;margin-bottom:40px}
    .section-head h2{max-width:13ch}
    .section-head p{max-width:530px;margin:0;color:var(--muted)}
    .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .service-card{min-height:310px;padding:28px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));display:flex;flex-direction:column;transition:.25s}
    .service-card:hover{transform:translateY(-5px);border-color:rgba(255,214,10,.46)}
    .card-index{font-size:.78rem;color:var(--brand);font-weight:850;letter-spacing:.08em}
    .service-card h3{font-size:1.65rem;line-height:1.05;font-weight:650;margin-top:38px}
    .service-card p{color:rgba(255,255,255,.66);font-size:.96rem;margin:15px 0 24px}
    .service-card a{margin-top:auto;color:var(--brand);font-weight:800;display:flex;justify-content:space-between;gap:18px}
    .service-card a:hover{color:#fff}

    .process{padding:110px 0;background:var(--soft);color:var(--dark)}
    .process-card{background:#fff;border:1px solid var(--line-dark);border-radius:36px;padding:clamp(32px,6vw,76px);box-shadow:0 26px 90px rgba(0,0,0,.075)}
    .process-card>h2{font-size:clamp(2.4rem,5vw,5.1rem);line-height:.96;font-weight:670;max-width:14ch}
    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}
    .step{padding:22px;border-radius:22px;background:#f3f3ef;border:1px solid var(--line-dark);display:flex;gap:16px}
    .step>span{width:36px;height:36px;border-radius:50%;background:#111;color:var(--brand);display:grid;place-items:center;font-weight:850;flex:none}
    .step h3{font-size:1.12rem;font-weight:700;letter-spacing:-.025em}
    .step p{margin:7px 0 0;color:#555;font-size:.92rem}

    .reviews{padding:115px 0;background:#0a0a0a}
    .reviews-head{display:flex;justify-content:space-between;gap:30px;align-items:end}
    .reviews-head p{max-width:520px;margin:0;color:var(--muted)}
    .review-summary strong{color:var(--brand)}
    .review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
    .review-card{padding:27px;border-radius:26px;background:#fff;color:#151515;border:1px solid rgba(0,0,0,.08);box-shadow:0 22px 70px rgba(0,0,0,.18)}
    .review-stars{color:#c7a500;letter-spacing:.08em;font-weight:900}
    .review-card p{color:#333;line-height:1.72}
    .review-card b{display:block;margin-top:18px}
    .review-card small{display:block;margin-top:4px;color:#666}
    .review-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}









    .related{padding:110px 0;background:#090909}
    .related h2{max-width:13ch}
    .related-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px}
    .related-link{padding:22px;border-radius:22px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.035)}
    .related-link:hover{border-color:rgba(255,214,10,.45);background:rgba(255,255,255,.055)}
    .related-link strong{display:block;font-size:1.04rem}
    .related-link small{display:block;margin-top:5px;color:rgba(255,255,255,.58);font-size:.88rem}
    .related-link b{color:var(--brand);font-size:1.25rem}

    .final{padding:140px 0;background:var(--brand);color:#000;text-align:center}
    .final h2{font-size:clamp(2.7rem,6vw,6.2rem);line-height:.93;font-weight:700;max-width:13ch;margin:auto}
    .final p{max-width:670px;margin:24px auto 0;color:#3b3300;font-size:1.08rem}
    .final-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px}
    .final .btn-primary{background:#000;color:#fff}
    .final .btn-secondary{border-color:rgba(0,0,0,.38);color:#000;background:rgba(255,255,255,.22)}





    @media(max-width:1000px){

      .intro-grid,.service-grid,.steps,.review-grid{grid-template-columns:1fr}
      .facts{grid-template-columns:1fr 1fr}
      .section-head,.reviews-head{align-items:start;flex-direction:column}
    }
    @media(max-width:700px){


      .hero{min-height:auto}
      .hero-inner{padding:82px 0 70px}
      h1{font-size:clamp(2.8rem,14vw,4.8rem)}
      .hero-actions,.final-actions{display:grid}
      .btn{width:100%}
      .intro,.services,.process,.reviews,.faq,.related{padding:78px 0}
      .facts{grid-template-columns:1fr}
      .related-grid{grid-template-columns:1fr}
      .final{padding:94px 0}


    }
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.faq-reference{
  margin-bottom:34px;
  padding:20px 22px;
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(255,255,255,.035);
  color:var(--muted);
}
.faq-reference a{color:var(--brand);font-weight:800}
.faq-reference a:hover{color:#fff}
.nav-links a[aria-current="page"]{color:var(--brand)}