/* SEE-IT 4.8.0 – gekapselte Ausrichtung und neue Inhaltsmodule.
   Das bestehende Header-/Navigationsdesign wird nicht ersetzt. */
:root{--seeit-shell:1440px;--seeit-gutter:clamp(22px,4.2vw,72px);--seeit-navy:#082f55;--seeit-blue:#0078b5;--seeit-cyan:#0b93bd;--seeit-orange:#f6a000;--seeit-line:#d8e3eb;--seeit-soft:#f3f7fa;--seeit-text:#1f3d55}
html,body{overflow-x:clip}
#breadcrumb-navigation.container{width:100%!important;max-width:var(--seeit-shell)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;padding-left:var(--seeit-gutter)!important;padding-right:var(--seeit-gutter)!important}

/* Alle neueren Sonderseiten erhalten denselben Außenrahmen wie Header und Footer. */
.seeit-contact-page>section>.container,.seeit-order-page>section>.container,.seeit-opening-page>section>.container,.seeit-news-page>section>.container,.booking-page>section>.container,.seeit-etermin-page>section>.container,.seeit-model-catalog>section>.container,.support-page>section>.container,.location-page>section>.container,.platform-page>section>.container{width:100%!important;max-width:var(--seeit-shell)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--seeit-gutter)!important;padding-right:var(--seeit-gutter)!important;box-sizing:border-box}
.seeit-contact-page,.seeit-order-page,.seeit-opening-page,.seeit-news-page,.booking-page,.seeit-etermin-page,.seeit-model-catalog{width:100%;max-width:none;overflow:hidden}
.seeit-contact-page *,.seeit-order-page *,.seeit-opening-page *,.seeit-news-page *,.booking-page *,.seeit-etermin-page *,.seeit-model-catalog *{box-sizing:border-box}

/* Kontakt: vorhandenes Premiumlayout breiter und ohne seitlichen Überhang. */
.seeit-contact-page .seeit-contact-hero__grid,.seeit-contact-page .seeit-contact-layout,.seeit-contact-page .seeit-contact-value-grid{width:100%;max-width:none!important}
.seeit-contact-page .seeit-contact-hero,.seeit-contact-page .seeit-contact-main,.seeit-contact-page .seeit-contact-values{margin-left:0!important;margin-right:0!important;width:100%!important}
.seeit-contact-page [class*="__bar"],.seeit-contact-page [class*="-bar"]{max-width:100%;left:auto!important;right:auto!important}

/* Footer: identisches Blau, aber klare Ebenen statt gequetschter Ein-Zeilen-Liste. */
footer.footer.container{width:100%!important;max-width:var(--seeit-shell)!important;margin:0 auto!important;box-sizing:border-box;overflow:hidden}
footer.footer .footer-main-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:end;gap:32px;padding:30px var(--seeit-gutter) 22px!important}
footer.footer .footer-sections{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;width:100%!important;float:none!important;margin:0!important}
footer.footer .footer-sections .section{width:auto!important;float:none!important;margin:0!important;padding:0!important}
footer.footer .social-media{width:auto!important;float:none!important;margin:0!important;text-align:right}
footer.footer .footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;border-top:1px solid rgba(255,255,255,.34);padding:20px var(--seeit-gutter) 24px}
footer.footer .footer-bottom__links{display:grid;gap:13px;min-width:0}
footer.footer .footer-legal-links,footer.footer .footer-service-links{display:flex;flex-wrap:wrap;gap:7px 18px}
footer.footer .footer-legal-links a,footer.footer .footer-service-links a{color:#fff;text-decoration:none;font-size:14px;line-height:1.35;white-space:nowrap}
footer.footer .footer-legal-links a:hover,footer.footer .footer-service-links a:hover{text-decoration:underline}
footer.footer .footer-group-links{display:flex;flex-wrap:wrap;gap:12px}
footer.footer .footer-group-links a{display:flex;flex-direction:column;min-width:220px;padding:11px 14px;border:1px solid rgba(255,255,255,.25);background:rgba(4,48,88,.22);color:#fff;text-decoration:none}
footer.footer .footer-group-links a strong{font-size:14px;letter-spacing:.02em}
footer.footer .footer-group-links a span{font-size:12px;opacity:.82;margin-top:2px}
footer.footer .copyright{position:static!important;float:none!important;width:auto!important;white-space:nowrap;color:#fff;opacity:.9;padding:0!important;margin:0!important}

/* Dynamische Apple-Modellübersicht. */
.model-catalog-hero{background:linear-gradient(125deg,#073358 0%,#006d99 62%,#078bab 100%);color:#fff;padding:60px 0 56px;position:relative}
.model-catalog-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 12%,rgba(255,255,255,.14),transparent 34%);pointer-events:none}
.model-catalog-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.78fr);gap:clamp(42px,6vw,88px);align-items:center;position:relative;z-index:1}
.model-catalog-hero h1{font-size:clamp(39px,4.2vw,66px);line-height:1.03;color:#fff;margin:14px 0 20px;max-width:850px;font-weight:400}
.model-catalog-hero p{font-size:18px;line-height:1.75;max-width:760px;color:rgba(255,255,255,.9)}
.model-catalog-hero figure{margin:0;border:5px solid rgba(255,255,255,.17);box-shadow:0 25px 60px rgba(0,22,43,.28);background:#fff}
.model-catalog-hero figure img{display:block;width:100%;aspect-ratio:1.45/1;object-fit:cover}
.model-catalog-hero figcaption{background:#082f55;color:#fff;padding:12px 16px;font-size:13px;line-height:1.4}
.model-catalog-hero__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:28px 0}
.model-catalog-hero__facts span{display:flex;flex-direction:column;gap:3px;border-top:2px solid var(--seeit-orange);padding:12px 12px;background:rgba(3,37,67,.3);font-size:12px;line-height:1.45}
.model-catalog-hero__facts strong{font-size:15px;color:#fff}
.model-catalog-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.model-catalog-services{background:#fff;padding:38px 0;border-bottom:1px solid var(--seeit-line)}
.model-catalog-services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--seeit-line);border:1px solid var(--seeit-line)}
.model-catalog-services article{background:#fff;padding:26px 30px;position:relative}
.model-catalog-services article>span{color:var(--seeit-orange);font-weight:800;letter-spacing:.15em;font-size:12px}
.model-catalog-services h2{font-size:22px;color:var(--seeit-navy);margin:7px 0 9px}
.model-catalog-services p{margin:0;line-height:1.65;color:#5f7486}
.model-catalog-list{background:#f2f6f9;padding:64px 0 74px}
.model-catalog-heading{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:30px}
.model-catalog-heading h2{font-size:clamp(30px,3vw,46px);color:var(--seeit-navy);margin:10px 0 10px;font-weight:400}
.model-catalog-heading p{max-width:800px;color:#617688;line-height:1.65;margin:0}
.model-catalog-heading>a{flex:0 0 auto;color:var(--seeit-blue);font-weight:700;text-decoration:none;margin-bottom:7px}
.model-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.model-card{background:#fff;border:1px solid #dbe5ec;box-shadow:0 10px 28px rgba(13,48,75,.07);display:flex;flex-direction:column;min-width:0;transition:transform .18s ease,box-shadow .18s ease}
.model-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(13,48,75,.12)}
.model-card__image{display:block;background:linear-gradient(145deg,#eef4f7,#fff);padding:18px;overflow:hidden}
.model-card__image img{width:100%;height:190px;object-fit:contain;display:block;transition:transform .25s ease}
.model-card:hover .model-card__image img{transform:scale(1.035)}
.model-card__body{display:flex;flex:1;flex-direction:column;padding:21px 22px 22px}
.model-card__status{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#13729a;margin-bottom:8px}
.model-card.is-archive .model-card__status{color:#778793}
.model-card h3{font-size:21px;margin:0 0 10px;color:var(--seeit-navy)}
.model-card h3 a{color:inherit;text-decoration:none}
.model-card p{font-size:14px;line-height:1.6;color:#627789;margin:0 0 20px}
.model-card__link{margin-top:auto;border-top:1px solid #e2e9ee;padding-top:15px;color:var(--seeit-blue);font-weight:700;text-decoration:none;display:flex;justify-content:space-between}
.model-card.is-archive{box-shadow:none;background:#fbfcfd}
.model-catalog-empty{padding:35px;background:#fff;border-left:4px solid var(--seeit-orange)}
.model-catalog-cta{background:#082f55;color:#fff;padding:46px 0}
.model-catalog-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:36px}
.model-catalog-cta h2{color:#fff;font-size:32px;margin:8px 0}
.model-catalog-cta p{margin:0;max-width:820px;color:rgba(255,255,255,.82)}
.model-catalog-cta>.container>div:last-child{display:flex;gap:10px;flex:0 0 auto}

/* eTermin bleibt bis zur bewussten Umschaltung das einzige sichtbare System. */
.seeit-etermin-hero{background:linear-gradient(125deg,#073358,#087ba2);color:#fff;padding:56px 0 48px}
.seeit-etermin-hero>.container{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,390px);gap:70px;align-items:center}
.seeit-etermin-hero h1{font-size:clamp(38px,4vw,62px);line-height:1.05;color:#fff;font-weight:400;margin:12px 0 18px}
.seeit-etermin-hero p{font-size:18px;line-height:1.7;color:rgba(255,255,255,.9);max-width:760px}
.seeit-etermin-hero aside{border-left:3px solid var(--seeit-orange);background:rgba(3,38,69,.35);padding:24px 27px}
.seeit-etermin-hero aside strong{font-size:20px}
.seeit-etermin-hero aside p{font-size:14px;margin:10px 0 14px}
.seeit-etermin-hero aside a{color:#fff;font-weight:700}
.seeit-etermin-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.seeit-etermin-calendar{background:#f2f6f9;padding:54px 0 70px}
.seeit-etermin-calendar header{max-width:900px;margin-bottom:24px}
.seeit-etermin-calendar h2{font-size:clamp(30px,3vw,45px);font-weight:400;color:var(--seeit-navy);margin:8px 0 10px}
.seeit-appointment-embed{width:100%;min-height:720px;background:#fff;border:1px solid var(--seeit-line);box-shadow:0 18px 46px rgba(7,45,75,.09);overflow:visible!important}
.seeit-appointment-embed iframe{width:100%!important;max-width:100%!important;min-height:720px;border:0;display:block}
.seeit-etermin-unavailable{padding:40px}
.seeit-etermin-notes{background:#fff;padding:36px 0 46px}
.seeit-etermin-notes>.container{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--seeit-line);border:1px solid var(--seeit-line)}
.seeit-etermin-notes article{background:#fff;padding:24px 26px}
.seeit-etermin-notes strong{color:var(--seeit-navy);font-size:18px}
.seeit-etermin-notes p{color:#607587;line-height:1.6;margin:8px 0 0}

/* Auftrag: Formular unmittelbar nach Hero und ohne abgeschnittenes Fremdfeld. */
.seeit-external-service-section--order{padding:40px 0 56px!important;background:#f2f6f9}
.seeit-external-service-section--order .container{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:32px;align-items:start}
.seeit-external-service-section--order .seeit-external-service-heading{position:sticky;top:18px;background:#082f55;color:#fff;padding:28px;border-top:4px solid var(--seeit-orange)}
.seeit-external-service-section--order .seeit-external-service-heading span{color:#ffbd35;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}
.seeit-external-service-section--order .seeit-external-service-heading h2{font-size:27px;line-height:1.2;color:#fff;margin:10px 0 13px}
.seeit-external-service-section--order .seeit-external-service-heading p{color:rgba(255,255,255,.84);line-height:1.65}
.seeit-order-inline-actions{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:18px}
.seeit-order-inline-actions a{color:#fff!important}
.seeit-external-service-frame--order{min-width:0;overflow:visible!important;background:#fff;border:1px solid var(--seeit-line);box-shadow:0 15px 40px rgba(5,47,80,.09);padding:0!important}
.seeit-external-service-frame--order iframe{width:100%!important;max-width:100%!important;display:block;border:0;min-height:760px}
.seeit-order-noscript{padding:18px;background:#fff4d8;border-left:4px solid var(--seeit-orange)}

/* Adminergänzungen werden im Frontend-CSS nur neutral vorbereitet, falls Klassen geteilt werden. */

@media(max-width:1100px){
 footer.footer .footer-main-row{grid-template-columns:1fr}footer.footer .social-media{text-align:left}
 .model-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .model-catalog-hero__grid{grid-template-columns:1fr minmax(300px,.72fr);gap:38px}
 .seeit-external-service-section--order .container{grid-template-columns:1fr}.seeit-external-service-section--order .seeit-external-service-heading{position:static}
}
@media(max-width:820px){
 :root{--seeit-gutter:22px}
 footer.footer .footer-sections{grid-template-columns:repeat(2,minmax(0,1fr))}footer.footer .footer-bottom{grid-template-columns:1fr}.footer .copyright{white-space:normal!important}
 .model-catalog-hero__grid,.seeit-etermin-hero>.container{grid-template-columns:1fr}.model-catalog-hero figure{max-width:620px}.model-catalog-hero__facts{grid-template-columns:1fr}.model-catalog-services__grid,.seeit-etermin-notes>.container{grid-template-columns:1fr}.model-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-catalog-heading,.model-catalog-cta>.container{align-items:flex-start;flex-direction:column}.model-catalog-cta>.container>div:last-child{flex-wrap:wrap}
}
@media(max-width:540px){
 footer.footer .footer-main-row,footer.footer .footer-bottom{padding-left:20px!important;padding-right:20px!important}footer.footer .footer-sections{grid-template-columns:1fr 1fr;gap:24px 18px}footer.footer .footer-group-links a{min-width:100%}
 .model-catalog-hero{padding:42px 0}.model-catalog-hero h1{font-size:39px}.model-catalog-grid{grid-template-columns:1fr}.model-card__image img{height:220px}.model-catalog-heading h2{font-size:32px}
 .seeit-etermin-hero{padding:42px 0}.seeit-etermin-hero h1{font-size:39px}.seeit-appointment-embed,.seeit-appointment-embed iframe{min-height:820px}
}


/* 4.8.0 – präzise Anfahrtsberechnung für Vor-Ort-Termine */
.booking-route-privacy {
  display:grid;
  gap:5px;
  padding:15px 17px;
  color:#365466;
  background:#f1f7fa;
  border:1px solid #d3e2ea;
  border-left:5px solid var(--platform-blue);
}
.booking-route-privacy strong { color:var(--platform-navy); font-size:13px; }
.booking-route-privacy span { font-size:12px; line-height:1.6; }
.booking-travel-quote {
  display:grid;
  grid-template-columns:minmax(180px,.75fr) minmax(260px,1.25fr);
  gap:5px 22px;
  align-items:center;
  padding:18px 20px;
  color:#fff;
  background:linear-gradient(125deg,var(--platform-navy),#075f91);
  border-top:4px solid var(--platform-orange);
  box-shadow:0 11px 27px rgba(8,43,80,.15);
}
.booking-travel-quote[hidden] { display:none !important; }
.booking-travel-quote strong { grid-row:1 / span 2; color:#fff; font-size:15px; line-height:1.45; }
.booking-travel-quote span { color:#fff; font-size:13px; font-weight:800; }
.booking-travel-quote small { color:rgba(255,255,255,.69); font-size:10px; line-height:1.5; }
.booking-slot { display:grid; gap:4px; text-align:left; }
.booking-slot span,.booking-slot small { display:block; }
.booking-slot span { font-size:11px; font-weight:600; }
.booking-slot small { font-size:10px; line-height:1.35; }
.booking-slots button:hover,.booking-slots button.is-selected,.booking-slots button.is-active { color:#fff; background:var(--platform-blue); border-color:var(--platform-blue); }
.booking-google-attribution { display:block; margin-top:15px; color:rgba(255,255,255,.55); font-size:9px; line-height:1.45; }

@media (max-width:760px) {
  .booking-travel-quote { grid-template-columns:1fr; }
  .booking-travel-quote strong { grid-row:auto; }
}
/* Google-Maps-Attribution: unveränderte Wortmarke, normaler Schriftschnitt, mindestens 12 px. */
.booking-google-maps-label,
.booking-google-inline,
.booking-google-attribution span[translate="no"]{
  display:inline;
  color:inherit;
  font-family:Roboto,Arial,sans-serif;
  font-style:normal;
  font-weight:400;
  font-size:12px;
  letter-spacing:normal;
  line-height:1.4;
  white-space:nowrap;
}
.booking-google-attribution{font-size:12px!important;font-weight:400;color:rgba(255,255,255,.92)!important}
.booking-travel-quote .booking-google-maps-label{color:#fff}
.booking-route-privacy .booking-google-inline{color:#365466}
.booking-route-terms{display:block;margin-top:8px;color:#597183;font-size:12px;line-height:1.55}
.booking-route-terms a{color:#006f9f;text-decoration:underline}