/* ============================================================
   Erfahrung trifft KI. - main.css
   Hauptstyles fuer index.html und contact.php
   Stand: April 2026
   ============================================================ */

/* ── Local Font: Open Sans (Variable) ── */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/open-sans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/open-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── CSS Variables ── */
:root {
  --orange:#DC6428; --yellow:#F0C83C; --dark:#2E3338; --dark2:#1a1d21;
  --bg:#f4f5f7; --white:#ffffff; --text:#1a1a1a; --muted:#555555;
  --border:#d0d4da; --green:#2ECC71;
}

/* ── Reset ── */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"Open Sans",sans-serif;color:var(--text);background:var(--white);overflow-x:hidden;}

/* ── Navigation ── */
nav{background:#6a7380;border-bottom:3px solid var(--orange);padding:14px 40px;}
nav img{width:36px;height:36px;}
nav.nav-fixed{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(106,115,128,0.97);backdrop-filter:blur(10px);padding:0 40px;}
.nav-inner{max-width:1100px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;}
.nav-logo img{width:36px;height:36px;}
.nav-brand{font-size:16px;font-weight:800;color:var(--yellow);letter-spacing:3px;}
.nav-sub{font-size:9px;color:var(--orange);letter-spacing:2px;font-weight:700;text-transform:uppercase;}
nav a.back{color:#aab0ba;text-decoration:none;font-size:12px;margin-left:auto;}
nav a.back:hover{color:var(--orange);}
.nav-links{display:flex;gap:28px;list-style:none;}
.nav-links a{color:#ccc;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.5px;transition:color .2s;}
.nav-links a:hover{color:var(--orange);}
.nav-cta{background:var(--orange);color:white;padding:8px 20px;border-radius:4px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:all .2s;}
.nav-newsletter{background:#1e3a5f;color:white;padding:6px 14px;border-radius:4px;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;}
.nav-newsletter:hover{background:#152a47;transform:translateY(-1px);}
.nav-social-spacer{flex:1;}
.nav-social-bar{background:#6a7380;padding:4px 40px;max-height:50px;border-top:none;}
.nav-social-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:flex-end;align-items:center;gap:8px;}
.nav-social-inner #wa-btn{display:flex;align-items:center;justify-content:center;background:#25D366;color:white;width:30px;height:30px;border-radius:50%;text-decoration:none;transition:all .2s;}
.nav-social-inner #wa-btn:hover{background:#1ebe5d;transform:translateY(-2px);}
.nav-social-inner #wa-btn svg{width:16px;height:16px;}
.nav-social-inner .social-icon-btn{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s;}
.nav-social-inner .social-icon-btn svg{width:16px;height:16px;}
.nav-social-inner .social-icon-btn:hover{transform:translateY(-2px);}
.nav-cta:hover{background:#c45520;transform:translateY(-1px);}

/* ── Hero ── */
.hero{min-height:63vh;background:linear-gradient(135deg,#14253e 0%,#1e3a5f 60%,#2c5283 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:140px 40px 50px;}
.hero::before{content:"";position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(240,200,60,0.06) 0%,transparent 70%);border-radius:50%;}
.hero-inner{max-width:1100px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(220,100,40,0.15);border:1px solid rgba(220,100,40,0.4);border-radius:20px;padding:6px 14px;font-size:11px;font-weight:700;color:var(--orange);letter-spacing:1px;text-transform:uppercase;margin-bottom:24px;}
.hero-title{font-size:clamp(40px,5.5vw,70px);font-weight:800;color:var(--yellow);line-height:1.0;letter-spacing:3px;margin-bottom:6px;}
.hero-title span{color:var(--orange);}
.hero-name{font-size:16px;font-weight:600;color:#aab0ba;letter-spacing:1px;margin-bottom:24px;}
.hero-tagline{font-size:16px;color:#d0d8e0;line-height:1.7;margin-bottom:16px;max-width:480px;}
.hero-quote{font-size:15px;font-style:italic;color:var(--orange);border-left:3px solid var(--orange);padding-left:16px;margin-bottom:36px;line-height:1.6;}
.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;}
.btn-primary{background:var(--orange);color:white;padding:14px 28px;border-radius:4px;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:all .2s;}
.btn-primary:hover{background:#c45520;transform:translateY(-2px);box-shadow:0 6px 20px rgba(220,100,40,0.4);}
.btn-secondary{border:2px solid var(--yellow);color:var(--yellow);padding:14px 28px;border-radius:4px;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:all .2s;}
.btn-secondary:hover{background:var(--yellow);color:var(--dark);}
.hero-card{background:rgba(255,255,255,0.04);border:1px solid rgba(240,200,60,0.2);border-radius:12px;padding:36px;text-align:center;backdrop-filter:blur(10px);max-width:360px;width:100%;}
.hero-logo-big{width:110px;height:110px;margin:0 auto 20px;}
.hero-card-name{font-size:14px;font-weight:800;color:var(--yellow);letter-spacing:2px;margin-bottom:4px;}
.hero-card-title{font-size:11px;color:var(--orange);letter-spacing:1px;text-transform:uppercase;margin-bottom:20px;}
.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.stat-box{background:rgba(255,255,255,0.06);border-radius:6px;padding:12px;}
.stat-num{font-size:28px;font-weight:800;color:var(--orange);line-height:1;}
.stat-label{font-size:10px;color:#aab0ba;margin-top:3px;line-height:1.3;}

/* ── Sections (shared) ── */
section{padding:80px 40px;}
.section-inner{max-width:1100px;margin:0 auto;}
.teaser-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.section-label{font-size:10px;font-weight:800;letter-spacing:3px;color:var(--orange);text-transform:uppercase;margin-bottom:8px;}
.section-title{font-size:clamp(26px,3.5vw,40px);font-weight:800;color:var(--dark);line-height:1.2;margin-bottom:16px;}
.section-title.light{color:var(--yellow);}
.section-desc{font-size:15px;color:var(--muted);line-height:1.7;max-width:640px;}
.divider-o{width:60px;height:4px;background:var(--orange);border-radius:2px;margin:16px 0 32px;}

/* ── Story ── */
.story{background:var(--bg);}
.story-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:60px;align-items:start;}
.story-text p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:16px;}
.story-text strong{color:var(--dark);font-weight:700;}
.story-hl{background:#1e3a5f;border-radius:8px;padding:28px;margin-top:24px;border-left:4px solid var(--orange);}
.story-hl p{font-size:14px;color:#d0d8e0;line-height:1.7;margin-bottom:8px;}
.story-hl .q{font-size:16px;font-weight:700;color:var(--yellow);font-style:italic;}
.timeline{display:flex;flex-direction:column;gap:0;}
.tl-item{display:flex;gap:16px;padding-bottom:24px;position:relative;}
.tl-item::before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--border);}
.tl-item:last-child::before{display:none;}
.tl-dot{width:32px;height:32px;border-radius:50%;background:var(--orange);color:white;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;position:relative;z-index:1;}
.tl-dot.y{background:var(--yellow);color:var(--dark);}
.tl-year{font-size:11px;font-weight:800;color:var(--orange);letter-spacing:1px;}
.tl-title{font-size:14px;font-weight:700;color:var(--dark);margin:2px 0;}
.tl-desc{font-size:12px;color:var(--muted);line-height:1.5;}

/* ── Angebot ── */
.angebot{background:var(--bg);}
.angebot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;}
.a-card{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:28px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.06);}
.a-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--orange);}
.a-card:hover{border-color:var(--orange);transform:translateY(-4px);box-shadow:0 12px 30px rgba(220,100,40,0.2);}
.a-icon{font-size:32px;margin-bottom:16px;}
.a-title{font-size:16px;font-weight:800;color:var(--dark);margin-bottom:8px;}
.a-desc{font-size:13px;color:var(--muted);line-height:1.65;margin-bottom:16px;}
.a-price{font-size:12px;font-weight:700;color:var(--orange);letter-spacing:.5px;}
.a-list{list-style:none;margin-top:12px;}
.a-list li{font-size:12px;color:var(--muted);padding:3px 0;display:flex;gap:6px;}
.a-list li::before{content:"→";color:var(--orange);font-weight:700;}

/* ── KI Section ── */
.ki{background:var(--bg);}
.ki-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.ki-features{display:flex;flex-direction:column;gap:14px;}
.ki-feat{background:var(--white);border:1px solid var(--border);border-radius:6px;padding:16px 20px;display:flex;gap:14px;align-items:flex-start;transition:border-color .2s;}
.ki-feat:hover{border-color:var(--orange);}
.ki-feat-icon{font-size:20px;flex-shrink:0;margin-top:2px;}
.ki-feat-title{font-size:13px;font-weight:700;color:var(--dark);margin-bottom:3px;}
.ki-feat-desc{font-size:12px;color:var(--muted);line-height:1.5;}
.ki-box{background:#1e3a5f;border-radius:12px;padding:36px;border:1px solid rgba(240,200,60,0.2);}
.ki-box-title{font-size:20px;font-weight:800;color:var(--yellow);margin-bottom:8px;}
.ki-box-sub{font-size:13px;color:#aab0ba;margin-bottom:24px;line-height:1.6;}
.ki-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ki-stat{background:rgba(255,255,255,0.06);border-radius:6px;padding:16px;text-align:center;}
.ki-stat-num{font-size:30px;font-weight:800;color:var(--orange);line-height:1;}
.ki-stat-lbl{font-size:10px;color:#aab0ba;margin-top:4px;text-transform:uppercase;letter-spacing:1px;}

/* ── Process ── */
.process{background:var(--white);}
.proc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;}
.proc-step{text-align:center;padding:20px;}
.proc-num{width:48px;height:48px;border-radius:50%;background:var(--orange);color:white;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;margin:0 auto 16px;}
.proc-title{font-size:14px;font-weight:700;color:var(--dark);margin-bottom:8px;}
.proc-desc{font-size:12px;color:var(--muted);line-height:1.6;}

/* ── Testimonials ── */
.testi{background:#14253e;}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;}
.testi-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:24px;}
.testi-text{font-size:14px;color:#d0d8e0;line-height:1.7;font-style:italic;margin-bottom:16px;}
.testi-author{font-size:12px;font-weight:700;color:var(--yellow);}
.testi-role{font-size:11px;color:var(--muted);}

/* ── Contact Section (index.html) ── */
.contact-s{background:#1e3a5f;}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.c-info{display:flex;flex-direction:column;gap:16px;}
.c-item{display:flex;gap:14px;align-items:flex-start;}
.c-icon{width:36px;height:36px;background:rgba(220,100,40,0.15);border:1px solid rgba(220,100,40,0.3);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.c-label{font-size:10px;font-weight:700;color:var(--orange);letter-spacing:1px;text-transform:uppercase;}
.c-value{font-size:14px;color:#d0d8e0;font-weight:600;line-height:1.5;}
.c-value a{color:#d0d8e0;text-decoration:none;}
.c-value a:hover{color:var(--orange);}

/* ── Forms (shared: index + contact.php) ── */
.c-form{display:flex;flex-direction:column;gap:14px;}
.f-group{display:flex;flex-direction:column;gap:5px;margin-bottom:16px;}
.f-label{display:block;font-size:10px;font-weight:800;color:var(--orange);letter-spacing:2px;text-transform:uppercase;margin-bottom:5px;}
.f-input,.f-ta{width:100%;padding:10px 14px;border:1px solid #4a5260;border-radius:4px;background:#f8f8f8;font-family:"Open Sans",sans-serif;font-size:13px;color:var(--dark);outline:none;transition:border-color .2s;}
.f-input:focus,.f-ta:focus{border-color:var(--orange);background:#fff;}
.f-ta{min-height:100px;resize:vertical;}
.f-error{border-color:#E74C3C !important;background:#fff8f8 !important;}
.error-msg{font-size:11px;color:#E74C3C;margin-top:4px;}
.f-btn{width:100%;background:var(--orange);color:white;border:none;padding:12px 24px;border-radius:4px;font-family:"Open Sans",sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s;}
.f-btn:hover{background:#c45520;transform:translateY(-1px);}

/* ── Contact Page (contact.php) ── */
.page{max-width:1100px;margin:0 auto;padding:60px 20px 80px;}
.page h1{font-size:32px;font-weight:800;color:#DC6428;margin-bottom:6px;}
.divider{width:60px;height:4px;background:#DC6428;border-radius:2px;margin:12px 0 32px;}
.page .sub{font-size:14px;color:#555;margin-bottom:36px;line-height:1.7;}
.grid{display:grid;grid-template-columns:1fr 1.6fr;gap:50px;align-items:start;}
.info-block{background:#1e3a5f;border-radius:8px;padding:28px;}
.info-title{font-size:16px;font-weight:800;color:#F0C83C;margin-bottom:20px;}
.info-item{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;}
.info-icon{width:32px;height:32px;background:rgba(220,100,40,0.15);border:1px solid rgba(220,100,40,0.3);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.info-label{font-size:9px;font-weight:800;color:#DC6428;letter-spacing:1px;text-transform:uppercase;}
.info-value{font-size:13px;color:#d0d8e0;font-weight:600;line-height:1.5;}
.info-value a{color:#d0d8e0;text-decoration:none;}
.info-value a:hover{color:#DC6428;}
.form-box{background:#fff;border-radius:8px;padding:32px;box-shadow:0 2px 12px rgba(0,0,0,0.07);}
.form-title{font-size:18px;font-weight:800;color:#2E3338;margin-bottom:6px;}
.form-hint{font-size:12px;color:#888;margin-bottom:24px;}
.dsgvo-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;}
.dsgvo-row input[type=checkbox]{width:16px;height:16px;margin-top:2px;flex-shrink:0;accent-color:#DC6428;}
.dsgvo-row label{font-size:11px;color:#666;line-height:1.5;cursor:pointer;}
.dsgvo-row a{color:#DC6428;text-decoration:none;}
.dsgvo-row a:hover{text-decoration:underline;}
.pflicht-hinweis{font-size:11px;color:#888;margin-top:8px;text-align:center;}
.success-box{text-align:center;padding:40px 20px;}
.success-icon{font-size:56px;margin-bottom:16px;}
.success-title{font-size:24px;font-weight:800;color:#2ECC71;margin-bottom:8px;}
.success-text{font-size:14px;color:#555;line-height:1.7;margin-bottom:8px;}
.success-quote{font-size:15px;font-style:italic;color:#DC6428;border-left:3px solid #DC6428;padding-left:16px;text-align:left;margin:24px auto;max-width:380px;}
.back-btn{display:inline-block;margin-top:20px;background:#DC6428;color:white;padding:11px 24px;border-radius:4px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;}
.back-btn:hover{background:#c45520;}

/* ── Footer ── */
footer{background:var(--dark2);border-top:2px solid var(--orange);padding:30px 40px;text-align:center;}
.footer-inner{max-width:1100px;margin:0 auto;}
.f-brand{font-size:20px;font-weight:800;color:var(--yellow);letter-spacing:3px;margin-bottom:6px;}
.f-tagline{font-size:11px;color:var(--orange);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;}
.f-contact{font-size:12px;color:#666;line-height:1.8;}
.f-copy{font-size:11px;color:#444;margin-top:16px;border-top:1px solid #363d47;padding-top:12px;}

/* ── Cookie Banner ── */
#cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#14253e;border-top:3px solid #DC6428;padding:20px 40px;box-shadow:0 -4px 30px rgba(0,0,0,0.4);font-family:"Open Sans",sans-serif;display:none;}
#cookie-banner.show{display:block;}
.cookie-inner{max-width:1100px;margin:0 auto;}
.cookie-title{font-size:14px;font-weight:800;color:#F0C83C;margin-bottom:6px;}
.cookie-text{font-size:12px;color:#aab0ba;line-height:1.6;margin-bottom:16px;max-width:700px;}
.cookie-text a{color:#DC6428;text-decoration:none;}
.cookie-categories{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px;}
.cookie-cat{display:flex;align-items:center;gap:8px;font-size:12px;color:#d0d8e0;}
.cookie-cat input[type=checkbox]{width:16px;height:16px;accent-color:#DC6428;}
.cookie-cat.required input{cursor:not-allowed;opacity:0.6;}
.cookie-cat-label{font-weight:600;}
.cookie-cat-desc{font-size:10px;color:#888;margin-left:24px;margin-top:-4px;}
.cookie-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.cookie-btn{padding:9px 20px;border:none;border-radius:4px;font-family:"Open Sans",sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s;}
.cookie-btn-all{background:#DC6428;color:white;}
.cookie-btn-all:hover{background:#c45520;}
.cookie-btn-save{background:transparent;color:#F0C83C;border:1px solid #F0C83C;}
.cookie-btn-save:hover{background:rgba(240,200,60,0.1);}
.cookie-btn-deny{background:transparent;color:#888;border:1px solid #555;font-size:11px;}
.cookie-btn-deny:hover{color:#aaa;border-color:#888;}
.cookie-settings-link{font-size:11px;color:#666;cursor:pointer;text-decoration:underline;margin-left:auto;}
.cookie-settings-link:hover{color:#DC6428;}

/* ── Cookie Settings Modal ── */
#cookie-modal{display:none;position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.7);align-items:center;justify-content:center;}
#cookie-modal.show{display:flex;}
.modal-box{background:#22262c;border:1px solid #DC6428;border-radius:8px;padding:32px;max-width:560px;width:90%;max-height:90vh;overflow-y:auto;}
.modal-title{font-size:18px;font-weight:800;color:#F0C83C;margin-bottom:6px;}
.modal-sub{font-size:12px;color:#aab0ba;margin-bottom:24px;line-height:1.6;}
.modal-cat{background:#2c3038;border-radius:6px;padding:16px;margin-bottom:12px;}
.modal-cat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.modal-cat-name{font-size:13px;font-weight:700;color:#DC6428;}
.modal-cat-desc{font-size:12px;color:#aab0ba;line-height:1.5;}
.modal-cat-services{font-size:11px;color:#666;margin-top:6px;}
.toggle{position:relative;width:44px;height:24px;flex-shrink:0;}
.toggle input{opacity:0;width:0;height:0;}
.toggle-slider{position:absolute;inset:0;background:#555;border-radius:24px;cursor:pointer;transition:.3s;}
.toggle-slider::before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:white;border-radius:50%;transition:.3s;}
.toggle input:checked+.toggle-slider{background:#DC6428;}
.toggle input:checked+.toggle-slider::before{transform:translateX(20px);}
.toggle input:disabled+.toggle-slider{cursor:not-allowed;opacity:0.6;}
.modal-btns{display:flex;gap:10px;margin-top:20px;}
.modal-btn-save{flex:1;background:#DC6428;color:white;border:none;padding:11px;border-radius:4px;font-family:"Open Sans",sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;}
.modal-btn-all{flex:1;background:rgba(240,200,60,0.1);color:#F0C83C;border:1px solid #F0C83C;padding:11px;border-radius:4px;font-family:"Open Sans",sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;}

/* ── Social Icons (in Nav) ── */
.social-icon-btn.linkedin{background:#0A66C2;}
.social-icon-btn.linkedin:hover{background:#0958a8;}
.social-icon-btn.facebook{background:#1877F2;}
.social-icon-btn.facebook:hover{background:#1166d6;}
.social-icon-btn.instagram{background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);}

.cookie-reopen{font-size:11px;color:#555;cursor:pointer;text-decoration:underline;}
.cookie-reopen:hover{color:#DC6428;}

/* ── Google Maps Placeholder ── */
.map-placeholder{background:#22262c;border:1px solid #363d47;border-radius:8px;padding:40px 20px;text-align:center;margin-top:20px;}
.map-placeholder p{font-size:13px;color:#aab0ba;margin-bottom:12px;}
.map-load-btn{background:#DC6428;color:white;border:none;padding:10px 20px;border-radius:4px;font-family:"Open Sans",sans-serif;font-size:12px;font-weight:700;cursor:pointer;letter-spacing:1px;text-transform:uppercase;}

/* ═══════════════════════════════════════════════
   RESPONSIVE DESIGN
   Breakpoints:
   - Large Desktop:  > 1280px (Standard)
   - Laptop:         1024px - 1280px
   - Tablet:         768px - 1023px
   - Mobile:         < 768px
   ═══════════════════════════════════════════════ */

/* ── LAPTOP (1024px - 1280px) ── */
@media(max-width:1280px){
  nav,nav.nav-fixed{padding:12px 24px;}
  .nav-inner{padding:12px 0;gap:12px;}
  .nav-brand{font-size:14px;letter-spacing:2px;}
  .nav-sub{font-size:8px;}
  .nav-links{gap:18px;}
  .nav-links a{font-size:12px;}
  .nav-cta{padding:7px 16px;font-size:11px;}
  section{padding:60px 24px;}
  .hero{padding:130px 24px 50px;}
  .hero-inner{gap:40px;}
  .hero-title{font-size:clamp(36px,4.5vw,56px);}
  .section-title{font-size:clamp(24px,3vw,34px);}
}

/* ── TABLET (768px - 1023px) ── */
@media(max-width:1023px){
  nav,nav.nav-fixed{padding:10px 20px;}
  .nav-inner{flex-wrap:wrap;gap:10px;}
  .nav-links{order:3;width:100%;justify-content:center;gap:14px;flex-wrap:wrap;padding-top:8px;border-top:1px solid rgba(255,255,255,0.1);}
  .nav-links a{font-size:12px;}
  .nav-social-bar{padding:4px 20px;}
  section{padding:50px 20px;}
  .hero{padding:40px 20px 40px;min-height:auto;}
  nav.nav-fixed{position:static;backdrop-filter:none;background:#6a7380;}
  .hero-inner,.story-grid,.ki-grid,.contact-grid{grid-template-columns:1fr;gap:32px;}
  .angebot-grid{grid-template-columns:1fr 1fr;}
  .testi-grid{grid-template-columns:1fr 1fr;}
  .proc-steps{grid-template-columns:1fr 1fr;}
  .hero-card{max-width:320px;margin:0 auto;}
  .hero-title{font-size:clamp(32px,5vw,48px);}
  .page{max-width:100%;padding:50px 20px 60px;}
  .grid{grid-template-columns:1fr;gap:30px;}
  .teaser-grid{grid-template-columns:1fr 1fr 1fr !important;}
}

/* ── MOBILE (< 768px) ── */
@media(max-width:767px){
  nav,nav.nav-fixed{padding:10px 14px;border-bottom-width:2px;}
  .nav-inner{flex-wrap:wrap;gap:8px;justify-content:space-between;}
  .nav-logo{flex:1;min-width:0;}
  .nav-logo img{width:32px;height:32px;}
  .nav-brand{font-size:13px;letter-spacing:2px;}
  .nav-sub{font-size:7px;letter-spacing:1px;}
  .nav-cta{padding:6px 12px;font-size:10px;letter-spacing:.5px;}
  .nav-links{order:3;width:100%;justify-content:center;gap:8px 12px;flex-wrap:wrap;padding-top:8px;border-top:1px solid rgba(255,255,255,0.15);margin-top:4px;}
  .nav-links a{font-size:11px;letter-spacing:.3px;}
  .nav-social-bar{padding:4px 14px;}
  .nav-social-inner{gap:6px;justify-content:flex-end;}
  #wa-btn,.social-icon-btn{width:28px;height:28px;}
  #wa-btn svg,.social-icon-btn svg{width:14px;height:14px;}

  section{padding:40px 16px;}
  .hero{padding:32px 16px 32px;min-height:auto;}
  nav.nav-fixed{position:static;backdrop-filter:none;background:#6a7380;}
  .hero-inner,.story-grid,.ki-grid,.contact-grid{grid-template-columns:1fr;gap:24px;}
  .angebot-grid,.testi-grid,.proc-steps{grid-template-columns:1fr;}
  .hero-card{display:none;}
  .hero-title{font-size:clamp(32px,9vw,44px);letter-spacing:2px;}
  .hero-name{font-size:14px;}
  .hero-tagline{font-size:14px;}
  .hero-buttons{flex-direction:column;gap:10px;}
  .btn-primary,.btn-secondary{width:100%;text-align:center;padding:12px 20px;font-size:12px;}

  .section-title{font-size:clamp(22px,6vw,30px);}
  .section-desc{font-size:14px;}

  .page{padding:30px 14px 50px;}
  .grid{grid-template-columns:1fr;gap:24px;}
  .info-block,.form-box{padding:20px;}

  footer{padding:20px 14px !important;}
  footer > div > div{flex-direction:column;align-items:flex-start !important;gap:14px !important;}
  footer > div > div > div{flex-wrap:wrap;justify-content:flex-start;gap:10px 14px !important;}

  /* Index-Teaser-Karten */
  .teaser-grid{grid-template-columns:1fr 1fr !important;}
}

/* ── KLEINES MOBILE (< 480px) ── */
@media(max-width:479px){
  .nav-brand{font-size:12px;letter-spacing:1.5px;}
  .nav-sub{display:none;}
  .nav-links{gap:6px 10px;}
  .nav-links a{font-size:10px;}
  .nav-cta{padding:5px 10px;font-size:9px;}
  .hero-title{font-size:clamp(28px,9vw,38px);letter-spacing:1px;}
  /* Index-Teaser-Karten einspaltig */
  .teaser-grid{grid-template-columns:1fr !important;}
}