:root{
  --bg:#f5f8fc;
  --bg-alt:#eef4fb;
  --text:#183049;
  --muted:#597289;
  --brand:#0c73d8;
  --brand-dark:#0b4d8e;
  --accent:#e9f5ff;
  --line:#d8e5f0;
  --card:#ffffff;
  --dark:#0f2033;
  --shadow:0 20px 60px rgba(17,52,82,.12);
  --radius:22px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(calc(100% - 2rem),var(--container));margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(245,248,252,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(216,229,240,.9)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 0;min-height:76px}
.brand{display:flex;align-items:center;gap:.7rem;min-width:0;flex:0 0 auto;max-width:260px}
.brand img{width:44px;height:44px;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.08);padding:5px}
.brand span{display:flex;flex-direction:column;line-height:1.1}
.brand strong{font-size:.98rem;line-height:1.05}
.brand small{font-size:.78rem;color:var(--muted);line-height:1.15}
.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:.72rem;min-width:0;flex:1;flex-wrap:nowrap}
.main-nav a{color:var(--muted);font-weight:700;font-size:.92rem;white-space:nowrap}
.main-nav a:hover{color:var(--brand-dark)}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.88rem 1.2rem;font-weight:700;border:1px solid transparent;transition:.2s ease;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,var(--brand),#40a0ff);color:#fff;box-shadow:0 14px 32px rgba(12,115,216,.28)}
.btn.secondary{background:#fff;border-color:var(--line);color:var(--brand-dark)}
.btn.nav-btn{padding:.72rem 1rem;background:#fff;border:1px solid var(--line);color:var(--brand-dark)}
.btn.full{width:100%;margin-top:.7rem}
.hero{padding:4.4rem 0 3.2rem;background:radial-gradient(circle at top right,#d7ecff 0,transparent 35%),linear-gradient(180deg,#f8fbff 0,#eef5fb 100%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.4rem;align-items:center}
.eyebrow{margin:0 0 .65rem;color:var(--brand);font-size:.86rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.eyebrow.light{color:#8ed0ff}
h1{font-size:clamp(2.3rem,4vw,4.3rem);line-height:1.06;margin:.2rem 0 1rem;letter-spacing:-.03em}
h2{font-size:clamp(1.8rem,2.5vw,3rem);line-height:1.12;margin:.15rem 0 .8rem;letter-spacing:-.025em}
h3{font-size:1.18rem;line-height:1.25;margin:0 0 .5rem}
p{margin:.2rem 0 0}
.lead{font-size:1.08rem;color:var(--muted);max-width:62ch}
.hero-actions{display:flex;gap:.9rem;flex-wrap:wrap;margin:1.55rem 0 1.3rem}
.proof-list{display:flex;flex-wrap:wrap;gap:.7rem}
.proof-list span{padding:.55rem .8rem;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:999px;font-size:.92rem;color:var(--brand-dark);font-weight:700}
.hero-visual{position:relative;min-height:540px}
.hero-card.main{position:relative;background:#fff;border-radius:28px;padding:.75rem;box-shadow:var(--shadow);overflow:hidden}
.hero-card.main img{border-radius:20px}
.hero-floating{position:absolute;background:#fff;border:1px solid rgba(216,229,240,.8);box-shadow:0 18px 44px rgba(15,32,51,.12);padding:1rem 1.1rem;border-radius:18px;max-width:230px}
.hero-floating strong{display:block;font-size:1rem}
.hero-floating span{color:var(--muted);font-size:.92rem}
.hero-floating.top{right:-8px;top:28px}
.hero-floating.mid{left:-8px;bottom:110px}
.hero-floating.bottom{right:28px;bottom:24px}
.section{padding:5rem 0}
.section.alt{background:var(--bg-alt)}
.section.dark{background:linear-gradient(160deg,#10243a,#133759);color:#eaf6ff}
.section.cta{background:linear-gradient(180deg,#eff6fd,#e5f1fb)}
.section-head{margin-bottom:2rem}
.section-head.center{text-align:center}
.section-head.narrow{max-width:860px;margin-inline:auto;margin-bottom:2.2rem}
.section-head p:last-child{color:var(--muted)}
.feature-grid{display:grid;gap:1.2rem}
.feature-grid.three{grid-template-columns:repeat(3,1fr)}
.feature-grid.two{grid-template-columns:repeat(2,1fr)}
.card,.list-card,.shot-card,.gallery-item,.image-panel,.contact-card,.info-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.card{padding:1.4rem}
.card p,.list-card p,.info-box p,.contact-card p{color:var(--muted)}
.split-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:1.45rem;align-items:start}
.image-panel{padding:.8rem;overflow:hidden}
.image-panel.shadow{padding:.9rem}
.image-panel img{border-radius:16px;width:100%}
.bullet-stack{display:grid;gap:1rem}
.list-card{padding:1.2rem 1.2rem 1.1rem}
.list-card.compact{padding:1rem 1.1rem}
.mini-gallery{display:grid;gap:1rem;margin-top:1.35rem}
.mini-gallery.four-top{grid-template-columns:repeat(4,1fr)}
.shot-card{overflow:hidden}
.shot-card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.shot-card figcaption,.gallery-item figcaption{padding:.9rem 1rem;color:var(--muted);font-size:.95rem}
.media-card{display:grid;grid-template-columns:1fr;gap:1rem;padding:.9rem;overflow:hidden}
.media-card img{border-radius:16px;aspect-ratio:16/10;object-fit:cover;width:100%}
.rights-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.4rem;align-items:start}
.check-list{padding:0;margin:1.1rem 0 0;list-style:none;display:grid;gap:.85rem}
.check-list li{position:relative;padding-left:1.7rem;color:#d7ebff}
.check-list li::before{content:"✓";position:absolute;left:0;top:0;color:#8ed0ff;font-weight:800}
.side-stack{display:grid;gap:1rem}
.info-box{padding:1.2rem;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);box-shadow:none}
.info-box p{color:#d1e6f8}
.compliance-grid .section-head{margin-bottom:.7rem}
.image-stack{display:grid;gap:1rem}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.gallery-item{overflow:hidden}
.gallery-item img{width:100%;aspect-ratio:16/10;object-fit:cover}
.gallery-item.full-shot img{object-fit:contain;background:#f8fbff;padding:.35rem}
.gallery-item.wide{grid-column:span 2}
.cta-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1.2rem;align-items:center}
.contact-card{padding:1.5rem}
.contact-card .note{font-size:.92rem;margin-top:1rem}
.note{color:var(--muted)}
.site-footer{background:#0f2033;color:#c8dced;padding:2.5rem 0 1.4rem}
.footer-grid{display:grid;grid-template-columns:1.1fr .55fr .55fr;gap:1.5rem}
.footer-grid h3{font-size:1rem;color:#fff;margin:0 0 .7rem}
.footer-grid a{display:block;color:#c8dced;margin:.3rem 0}
.footer-brand{display:flex;align-items:center;gap:.8rem;color:#fff}
.footer-brand img{width:44px;height:44px;background:#fff;border-radius:12px;padding:4px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:1.5rem;padding-top:1rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#96b4ce;font-size:.93rem}
.menu-toggle{display:none;border:0;background:transparent;padding:.35rem;cursor:pointer}
.menu-toggle span{display:block;width:26px;height:3px;background:var(--text);border-radius:20px;margin:5px 0}

@media (max-width: 1180px){
  .menu-toggle{display:block}
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:1rem;flex-direction:column;align-items:flex-start;box-shadow:0 24px 40px rgba(0,0,0,.08)}
  .main-nav.open{display:flex}
}
@media (max-width: 1050px){
  .hero-grid,.split-grid,.rights-grid,.cta-grid{grid-template-columns:1fr}
  .feature-grid.three,.feature-grid.two,.mini-gallery.four-top,.gallery-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}
  .hero-visual{min-height:unset}
  .hero-floating{position:relative;display:inline-block;inset:auto;margin:.8rem .5rem 0 0}
}
@media (max-width: 760px){
  .feature-grid.three,.feature-grid.two,.mini-gallery.four-top,.gallery-grid,.footer-grid{grid-template-columns:1fr}
  .gallery-item.wide{grid-column:span 1}
  .hero{padding-top:3.3rem}
  h1{font-size:2.2rem}
  h2{font-size:1.8rem}
  .section{padding:3.7rem 0}
}

.mini-gallery.three-top{grid-template-columns:repeat(3,1fr)}
.employee-admin-grid{align-items:center}
.admin-gallery .shot-card img{aspect-ratio:16/10;object-fit:cover}
@media (max-width:1050px){.mini-gallery.three-top{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.mini-gallery.three-top{grid-template-columns:1fr}}

/* Version 5: Preise, Bestellung, Mandantenfähigkeit */
.feature-grid.four{grid-template-columns:repeat(4,1fr)}
.price-hero{padding:4.2rem 0 3rem;background:radial-gradient(circle at 85% 0,#d9efff 0,transparent 36%),linear-gradient(180deg,#f8fbff,#eef5fb)}
.price-hero-grid{display:grid;grid-template-columns:1fr .85fr;gap:1.6rem;align-items:center}
.price-badge{background:#fff;border:1px solid var(--line);border-radius:28px;padding:1.5rem;box-shadow:var(--shadow)}
.price-number{display:flex;align-items:flex-end;gap:.45rem;margin:.4rem 0 .7rem}
.price-number strong{font-size:4.2rem;line-height:1;color:var(--brand-dark);letter-spacing:-.05em}
.price-number span{color:var(--muted);font-weight:700;margin-bottom:.55rem}
.price-badge ul{margin:1.1rem 0 0;padding:0;list-style:none;display:grid;gap:.65rem;color:var(--muted)}
.price-badge li{position:relative;padding-left:1.45rem}
.price-badge li::before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:900}
.order-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:1.4rem;align-items:start}
.order-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem}
.form-section{border:0;margin:0 0 1.4rem;padding:0}
.form-section legend{font-weight:900;font-size:1.1rem;margin-bottom:.8rem;color:var(--text)}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}
.form-grid .full{grid-column:1/-1}
.form-field{display:grid;gap:.35rem}
.form-field label{font-size:.9rem;font-weight:800;color:var(--text)}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:.85rem .9rem;font:inherit;color:var(--text);background:#fbfdff}
.form-field input:focus,.form-field textarea:focus{outline:2px solid rgba(12,115,216,.18);border-color:var(--brand)}
.qty-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.qty-row input{max-width:150px;font-size:1.05rem;font-weight:800}
.calc-box{background:linear-gradient(180deg,#f8fbff,#eef6ff);border:1px solid var(--line);border-radius:20px;padding:1rem;margin-top:.8rem}
.calc-line{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px dashed var(--line)}
.calc-line:last-child{border-bottom:0}
.calc-line.total{font-size:1.2rem;font-weight:900;color:var(--brand-dark)}
.checkbox-field{display:flex;gap:.7rem;align-items:flex-start;margin:.8rem 0;color:var(--muted)}
.checkbox-field input{margin-top:.28rem;accent-color:var(--brand)}
.renewal-note{background:#fff8e8;border:1px solid #f0d9a0;color:#604414;border-radius:18px;padding:1rem;margin:1rem 0}
.summary-card{position:sticky;top:92px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.3rem}
.summary-card h3{font-size:1.35rem}
.summary-card .big-total{font-size:2.3rem;line-height:1.05;font-weight:900;color:var(--brand-dark);margin:.7rem 0 .1rem}
.summary-card .muted{color:var(--muted)}

.side-price-breakdown{margin:1rem 0;padding:.9rem 1rem;background:var(--accent);border:1px solid var(--line);border-radius:18px}
.side-price-breakdown .calc-line{font-size:.95rem}
.small-note{font-size:.92rem}
.summary-list{padding:0;margin:1rem 0;list-style:none;display:grid;gap:.65rem;color:var(--muted)}
.summary-list li{position:relative;padding-left:1.45rem}
.summary-list li::before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:900}
.form-hint{font-size:.9rem;color:var(--muted);margin-top:.75rem}
@media (max-width:1050px){.feature-grid.four,.price-hero-grid,.order-layout{grid-template-columns:1fr}.summary-card{position:static}}
@media (max-width:760px){.form-grid{grid-template-columns:1fr}.price-number strong{font-size:3.2rem}}


/* Version 6: optionale Zusatzleistungen */
.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}
.option-card{display:flex;gap:.85rem;align-items:flex-start;background:#fbfdff;border:1px solid var(--line);border-radius:18px;padding:1rem;cursor:pointer;transition:.2s ease}
.option-card:hover{border-color:var(--brand);box-shadow:0 12px 28px rgba(12,115,216,.10)}
.option-card input{margin-top:.25rem;accent-color:var(--brand)}
.option-card strong{display:block;color:var(--text);font-size:1rem;margin-bottom:.15rem}
.option-card small{display:block;color:var(--brand-dark);font-weight:800;margin-bottom:.35rem}
.option-card em{display:block;color:var(--muted);font-style:normal;font-size:.92rem}
@media (max-width:760px){.option-grid{grid-template-columns:1fr}}

/* Version 7: Bild-Lightbox per Doppelklick */
.lightbox-ready{cursor:zoom-in}
.image-lightbox{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:rgba(8,20,34,.86);backdrop-filter:blur(8px);padding:2rem}
.image-lightbox.open{display:flex}
.image-lightbox img{max-width:min(96vw,1500px);max-height:88vh;object-fit:contain;border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.45);background:#fff}
.image-lightbox-caption{position:absolute;left:50%;bottom:1rem;transform:translateX(-50%);max-width:min(92vw,900px);background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:.65rem 1rem;color:var(--text);font-weight:700;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.image-lightbox-close{position:absolute;top:1rem;right:1rem;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;width:46px;height:46px;font-size:1.8rem;line-height:1;cursor:pointer}
.image-lightbox-close:hover{background:rgba(255,255,255,.22)}
@media (max-width:760px){.image-lightbox{padding:1rem}.image-lightbox-caption{border-radius:16px;font-size:.9rem}.image-lightbox-close{top:.7rem;right:.7rem}}


/* Version 9: Navigation fix + Rechtseiten */
.footer-grid-wide{grid-template-columns:1.15fr .7fr .7fr .85fr}
.legal-hero{padding:3.4rem 0 2.2rem;background:linear-gradient(180deg,#f8fbff,#eef5fb)}
.legal-layout{display:grid;grid-template-columns:1fr;gap:1rem;max-width:940px}
.legal-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}
.legal-card h2{font-size:1.55rem;margin-top:1.25rem}
.legal-card h2:first-child{margin-top:0}
.legal-card h3{margin-top:1rem}
.legal-card p,.legal-card li{color:var(--muted)}
.legal-card ul{margin:.7rem 0 1rem;padding-left:1.2rem}
.legal-note{background:#fff8e8;border:1px solid #f0d9a0;color:#604414;border-radius:18px;padding:1rem;margin:1rem 0}
.legal-note p{color:#604414}
.contact-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}
.contact-methods .card{box-shadow:none;background:#fbfdff}
@media (max-width:1180px){.brand{max-width:none}.main-nav a{font-size:1rem}.btn.nav-btn{padding:.72rem 1rem}}
@media (max-width:1050px){.footer-grid-wide,.contact-methods{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.footer-grid-wide,.contact-methods{grid-template-columns:1fr}.header-inner{min-height:68px}.brand img{width:40px;height:40px}}

.legal-card a{color:var(--brand-dark);font-weight:700;overflow-wrap:anywhere}
.legal-card .legal-emphasis{background:#f1f7fd;border-left:4px solid var(--brand);padding:.95rem 1rem;border-radius:14px;color:#27455f}
.legal-card p+ul{margin-top:.45rem}
.legal-card h2{padding-top:.35rem;border-top:1px solid rgba(216,229,240,.75)}
.legal-card h2:first-child{border-top:0;padding-top:0}


.legal-text-full .important-text{
  font-weight:700;
  color:#0f2033;
  background:#f0f7ff;
  border-left:4px solid #0c73d8;
  padding:.85rem 1rem;
  border-radius:12px;
}
.legal-text-full h2{
  scroll-margin-top:110px;
}


/* Version 13: Bestellablauf, FAQ, Pflichtbestätigungen, Cookie-Einstellungen */
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.9rem;margin-top:1.2rem}
.process-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1rem;box-shadow:var(--shadow)}
.process-card span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--brand);color:#fff;font-weight:900;margin-bottom:.75rem}
.process-card p{color:var(--muted);font-size:.95rem}
.system-requirements-card{margin-top:1.2rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.system-requirements-card ul{margin:0;padding:0;list-style:none;display:flex;gap:.7rem;flex-wrap:wrap}
.system-requirements-card li{background:var(--accent);border:1px solid var(--line);border-radius:999px;padding:.55rem .8rem;color:var(--brand-dark);font-weight:700}
.checkout-consents{background:#f8fbff;border:1px solid var(--line);border-radius:20px;padding:1rem;margin:1rem 0}
.checkout-consents h3{margin:0 0 .65rem;font-size:1.1rem}
.checkbox-field a{color:var(--brand-dark);font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.order-submit{font-size:1.05rem;text-transform:none}
.faq-layout{max-width:1020px}
.faq-grid{display:grid;gap:.85rem}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:0;overflow:hidden}
.faq-item summary{cursor:pointer;font-weight:900;color:var(--text);padding:1rem 1.1rem;list-style:none;position:relative;padding-right:3rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--brand);font-weight:900}
.faq-item[open] summary::after{content:"–"}
.faq-item p{padding:0 1.1rem 1rem;margin:0;color:var(--muted)}
.footer-link-button{display:block;background:transparent;border:0;color:#c8dced;margin:.3rem 0;padding:0;font:inherit;text-align:left;cursor:pointer}
.footer-link-button:hover{color:#fff}
.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:950;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 70px rgba(8,20,34,.24);padding:1rem;display:none;max-width:980px;margin:0 auto}
.cookie-banner.open{display:block}
.cookie-banner-grid{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}
.cookie-banner h3{margin:0 0 .25rem}
.cookie-banner p{color:var(--muted);margin:0}
.cookie-actions{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}
.cookie-actions .btn{padding:.7rem .95rem}
.cookie-modal{position:fixed;inset:0;z-index:1100;background:rgba(8,20,34,.72);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:1rem}
.cookie-modal.open{display:flex}
.cookie-panel{width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 28px 90px rgba(0,0,0,.35);padding:1.25rem}
.cookie-panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:.8rem;margin-bottom:.9rem}
.cookie-close{border:0;background:var(--accent);color:var(--brand-dark);border-radius:999px;width:40px;height:40px;font-size:1.5rem;cursor:pointer}
.cookie-category{display:flex;gap:.85rem;align-items:flex-start;border:1px solid var(--line);border-radius:18px;padding:1rem;margin:.75rem 0;background:#fbfdff}
.cookie-category input{margin-top:.3rem;accent-color:var(--brand)}
.cookie-category strong{display:block;color:var(--text)}
.cookie-category span{display:block;color:var(--muted);font-size:.94rem}
.cookie-category small{display:block;color:var(--brand-dark);font-weight:800;margin-top:.25rem}
.cookie-panel-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end;margin-top:1rem;border-top:1px solid var(--line);padding-top:1rem}
@media (max-width:1050px){.process-grid{grid-template-columns:repeat(2,1fr)}.system-requirements-card{align-items:flex-start;flex-direction:column}.cookie-banner-grid{grid-template-columns:1fr}.cookie-actions{justify-content:flex-start}}
@media (max-width:760px){.process-grid{grid-template-columns:1fr}.cookie-actions,.cookie-panel-actions{flex-direction:column}.cookie-actions .btn,.cookie-panel-actions .btn{width:100%}}


/* Version 15: Download- und Testversionsbereich */
.download-panel{background:linear-gradient(135deg,#ffffff,#eef7ff);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:2rem}
.download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.25rem}
.download-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:1.4rem}
.download-card p{color:var(--muted);margin-bottom:1rem}
.download-note{text-align:center;color:var(--muted);margin-top:1rem;font-weight:700}
@media (max-width:760px){.download-panel{padding:1.2rem}.download-grid{grid-template-columns:1fr}}


/* Version 16: Hilfeseite und YouTube-Platzhalter */
.help-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:1.2rem;align-items:stretch}
.help-main-card,.help-side-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem;position:relative;overflow:hidden}
.help-main-card p,.help-side-card p{color:var(--muted)}
.help-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--brand),#40a0ff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;margin-bottom:1rem;box-shadow:0 16px 34px rgba(12,115,216,.25)}
.help-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.2rem 0 .4rem}
.youtube-icon{width:70px;height:50px;border-radius:16px;background:#ff0033;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 16px 34px rgba(255,0,51,.22)}
.youtube-icon span{font-size:1.55rem;margin-left:.15rem}
.disabled-link{opacity:.62;pointer-events:none}
@media (max-width:900px){.help-layout{grid-template-columns:1fr}}


.field-help{display:block;margin-top:.45rem;color:var(--muted);font-size:.9rem;line-height:1.45}


/* Version 18: SEO, Landingpages, Breadcrumbs und Performance-Hinweise */
.nav-highlight{
  color: var(--brand-dark) !important;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: .55rem .85rem;
}
.breadcrumb{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:1rem 0 0;
  font-size:.95rem;
  color:var(--muted);
}
.breadcrumb a{color:var(--brand-dark);font-weight:700}
.seo-hero{padding-top:3.4rem}
.seo-paragraph{margin-top:.85rem;color:var(--muted)}
.seo-info-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:1.35rem;
}
.seo-checks{
  list-style:none;
  padding:0;
  margin:.85rem 0 0;
  display:grid;
  gap:.7rem;
}
.seo-checks li{
  position:relative;
  padding-left:1.55rem;
  color:var(--muted);
}
.seo-checks li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:var(--brand);
  font-weight:900;
}
.seo-link-list{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.85rem;
}
.seo-link-list a,
.text-link{
  color:var(--brand-dark);
  font-weight:800;
}
.seo-link-list a{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:1rem;
  box-shadow:0 10px 28px rgba(17,52,82,.08);
}
@media (max-width: 980px){
  .seo-link-list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 620px){
  .seo-link-list{grid-template-columns:1fr}
}


/* Version 19: PHP-Formulare */
.hp-field{
  position:absolute !important;
  left:-10000px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.status-panel{
  max-width:820px;
  margin:0 auto;
  text-align:left;
}
.status-panel .btn{
  margin-top:1rem;
}
.error-list{
  margin:1rem 0;
  padding-left:1.2rem;
  color:#8a1f11;
}
.status-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:1.5rem;
}

/* Version 22: Mitarbeitermodul verkaufsstärker, Korrektur- und Sperrlogik */
.employee-hero .proof-list span{background:#fff}
.employee-hero-shot img{aspect-ratio:4/3;object-fit:cover}
.employee-proof-bar{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.employee-proof-bar article{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:var(--shadow);
  padding:1.2rem;
}
.employee-proof-bar strong{display:block;color:var(--text);font-size:1.05rem;margin-bottom:.35rem}
.employee-proof-bar span{display:block;color:var(--muted)}
.compact-proof{margin-top:1.25rem}
.employee-flow{display:grid;gap:.85rem;margin-top:1.25rem}
.flow-step{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.3rem .85rem;
  align-items:start;
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:0 10px 28px rgba(17,52,82,.08);
  padding:1rem;
}
.flow-step span{
  grid-row:span 2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--brand),#40a0ff);
  color:#fff;
  font-weight:900;
}
.flow-step strong{display:block;color:var(--text)}
.flow-step p{color:var(--muted);margin:0}
.lock-panel{margin-top:1.1rem}
.employee-gallery{grid-template-columns:repeat(3,1fr)}
.employee-gallery .shot-card img{aspect-ratio:16/10;object-fit:cover}
.employee-home-grid{align-items:center}
@media (max-width:1050px){
  .employee-proof-bar,.employee-gallery{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .employee-proof-bar,.employee-gallery{grid-template-columns:1fr}
  .flow-step{grid-template-columns:1fr}
  .flow-step span{grid-row:auto}
}