/* ==========================================================================
   Gemeinsame Seitenarchitektur (Designsystem, verbindlich für Leistungsseiten, Über uns, Kontakt)
   Reihenfolge: Hero (hell, Bildform + versetzte Verlaufskontur) → Navy-Box → heller Abschnitt → Navy-Abschluss → heller Footer.
   Formen-Grammatik:
     --hr   große Signaturform (Hero-Bild, Navy-Box): große Radien oben links und unten rechts, 14 px an den anderen Ecken
     Bilder/Kacheln im Inhalt: Radius nur oben rechts (18 px)
     Panels im Abschluss:      Radien oben rechts und unten links (28 px)
   ========================================================================== */
:is(.entruempelung-page,.company-page,.umzugsservice-page,.housemeister-page,.about-page,.contact-page){--hr:96px;--hr-s:14px}
@media(max-width:800px){:is(.entruempelung-page,.company-page,.umzugsservice-page,.housemeister-page,.about-page,.contact-page){--hr:56px}}

/* Hero-Bild: überall dieselbe Signaturform und dieselbe Verlaufskontur */
.entruempelung-page.premium .sub-stage,.company-page.premium .duo-main,.umzugsservice-page.premium .route-stage,.housemeister-page.premium .hm-stage{border-radius:var(--hr) var(--hr-s) var(--hr) var(--hr-s);clip-path:none}
.entruempelung-page.premium .service-entry-media:before,.company-page.premium .service-entry-media:before,.umzugsservice-page.premium .service-entry-media:before,.housemeister-page.premium .hm-frame{content:'';display:block;position:absolute;z-index:-1;inset:-16px -16px 16px 16px;left:auto;right:auto;top:auto;width:auto;height:auto;border:0;padding:1.5px;border-radius:var(--hr) var(--hr-s) var(--hr) var(--hr-s);
 background:linear-gradient(135deg,#1c293c,#087fe5 60%,#8fd7f5);opacity:.9;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.umzugsservice-page.premium .route-wrap{filter:none;position:static}
.umzugsservice-page.premium .route-wrap:before{display:none}
.umzugsservice-page.premium .route-stage{box-shadow:0 50px 80px -44px rgba(28,41,60,.55),0 14px 30px -20px rgba(8,127,229,.35)}
.company-page.premium .duo-inset{border-radius:0 28px 0 28px}
.company-page.premium .duo-inset img{border-radius:0 24px 0 24px}
@media(max-width:800px){
 .company-page.premium .duo-inset{border-radius:0 20px 0 20px}.company-page.premium .duo-inset img{border-radius:0 16px 0 16px}
 .entruempelung-page.premium .service-entry-media:before,.company-page.premium .service-entry-media:before,.umzugsservice-page.premium .service-entry-media:before,.housemeister-page.premium .hm-frame{inset:-12px -12px 12px 12px}
}

/* Helle Box: einheitlicher Verlauf, feine Kontur, kleine Ecken ohne versetzte Außenlinie */
:is(.entruempelung-page,.company-page,.umzugsservice-page,.housemeister-page).premium .sub-box,.about-page.premium .about-who-inner,.contact-page .contact-stage-inner{--r:8px;border:1px solid #9FC9EC;border-radius:8px;padding-left:clamp(32px,5vw,84px);padding-top:clamp(40px,4.6vw,68px);background:linear-gradient(150deg,#fff 0%,#f4f9fe 55%,#e9f3fc 100%);box-shadow:0 16px 34px -28px rgba(8,18,32,.35),0 4px 12px -10px rgba(8,127,229,.12)}
:is(.entruempelung-page,.company-page,.umzugsservice-page,.housemeister-page).premium .sub-box:before,.about-page.premium .about-who-inner:before,.contact-page .contact-stage-inner:before{display:none}
@media(max-width:800px){
 :is(.entruempelung-page,.company-page,.umzugsservice-page,.housemeister-page).premium .sub-box{padding:28px 18px 22px}
 .about-page.premium .about-who-inner{padding:24px 18px 22px;box-shadow:0 10px 24px -20px rgba(28,41,60,.28)}
 .contact-page .contact-stage-inner{padding:26px 18px 22px}
}

/* Bilder und Kacheln im Inhalt: Radius nur oben rechts */
.entruempelung-page.premium .sub-steps figure,.umzugsservice-page.premium .sub-tile,.housemeister-page.premium .hm-tiles figure{border-radius:0 18px 0 0}

/* Abschluss-Panels */
.entruempelung-page.premium .sub-cta-panel,.company-page.premium .sub-cta-panel,.umzugsservice-page.premium .sub-cta-panel,.housemeister-page.premium .sub-cta-panel,.about-page.premium .sub-cta-panel{border-radius:0 28px 0 28px}

/* Heller Abschnitt unter der Navy-Box: überall dieselbe Fläche */
.housemeister-page.premium .hm-gallery{background:linear-gradient(180deg,#eaf2fa 0,#f3f8fd 100%)}
.about-page.premium .about-partner{background:linear-gradient(180deg,#eaf2fa 0,#f3f8fd 100%)}
:is(.entruempelung-page,.company-page,.umzugsservice-page,.housemeister-page,.about-page,.contact-page).premium,.contact-page{overflow-x:clip}

/* Interne Textlinks (Verlinkung zwischen den Leistungsseiten): Farbe der Umgebung, nur unterstrichen */
.in-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-thickness .2s}
.in-link:hover,.in-link:focus-visible{text-decoration-thickness:2px}