/* ==========================================================================
   Service Producer – gemeinsame UI-Regeln für alle Unterseiten
   (Formulare, Verträge, AGB, Datenschutz, Artist Management, 404).
   Gleicht die Unterseiten an den frischen Look der Startseite an
   (sp-fresh.css): helle Flächen, runde Ecken, Pill-Buttons, große Touch-Ziele.
   Wird als LETZTES Stylesheet geladen.
   ========================================================================== */
:root{
  --bone:#f6f3ee;
  --paper:#ffffff;
  --sp-gold:#c8a35d;
  --sp-r-lg:18px;
  --sp-r-md:12px;
  --sp-r-sm:10px;
}

/* Körnung aus – wie auf der Startseite */
body:before{display:none!important}

/* Header einheitlich hell */
.header,.site-header{background:rgba(255,255,255,.88)!important;border-bottom-color:rgba(5,5,5,.08)!important}
.logo-mark,.brand-mark,.brand:before{border-radius:10px}

/* Sprachumschalter: einheitliche Pills, mind. 36px hoch (Touch) */
.lang button,.lang-switch button{border-radius:999px!important;min-height:36px;min-width:42px}

/* Buttons: Pill-Form wie auf der Startseite */
.btn,.btn-add,.submit,.secondary,
.section button[type=submit],.form-card button[type=submit],
form button[type=submit]{border-radius:999px!important}
.engagement-btn{border-radius:999px;min-height:34px;padding:7px 14px}
.pkg-toggle,.pos-remove{min-height:32px}

/* Karten & Container */
.card,.form-card,.section,.paper,.pkg,.pos-card,.confirm-box,.done-summary,
.info-card,.legal-card,.toc,.nda-box,.overtime-box,.empty-state{border-radius:var(--sp-r-lg)}
.card,.form-card,.section,.paper{overflow:hidden}
.pkg,.pos-card,.confirm-box{border-radius:var(--sp-r-md)}

/* Formularfelder */
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{border-radius:var(--sp-r-sm)}
.add-service select{border-radius:var(--sp-r-sm)}
input[type=checkbox],input[type=radio]{width:20px!important;height:20px!important;accent-color:var(--sp-gold);flex:none;cursor:pointer}

/* Sichtbarer Tastatur-Fokus */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--sp-gold)!important;outline-offset:2px}

/* Lange Wörter (E-Mail, IBAN, Komposita) dürfen im Fließtext umbrechen – nie in Überschriften */
p,li,dd,td,.address,.legal-copy{overflow-wrap:break-word}

/* ---------- Set bestellen (/al/): Kopfzeile der Pakete auf schmalen Handys ---------- */
.pkg-titles{min-width:0}
.pkg-engagement,.pos-engagement{flex-wrap:wrap}

/* ---------- AGB: kein horizontales Scrollen auf dem Handy ---------- */
@media(max-width:980px){
  .legal-layout{grid-template-columns:minmax(0,1fr)!important}
  .legal-layout>*{min-width:0}
  .content-stack{grid-template-columns:minmax(0,1fr)}
  .legal-card{min-width:0}
  .legal-copy p,.legal-copy li,.legal-note p{hyphens:auto;-webkit-hyphens:auto}
}
@media(max-width:680px){
  .rate-row-split,.rate-head-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .rate-row-split>:first-child,.rate-head-split>:first-child{grid-column:1 / -1}
  .rate-row{grid-template-columns:minmax(0,1fr) auto}
  .toc a{grid-template-columns:28px minmax(0,1fr)}
}
/* AGB: Label über dem Wert (auch in der englischen Ansicht) */
body.lang-en .meta-card span.label.en,body.lang-de .meta-card span.label.de{display:block!important}

/* ---------- Datenschutz ---------- */
.paper h1{overflow-wrap:normal}
@media(max-width:600px){.paper h1{font-size:34px}}

/* ---------- Kleine Handys (320px) ---------- */
@media(max-width:360px){
  .lang button,.lang-switch button{min-width:38px;padding-left:8px!important;padding-right:8px!important}
}

/* AGB: Abschnittsüberschriften mit langen Komposita („Ausrüstungsüberlassung“) passen aufs Handy */
.section-head>*{min-width:0}
@media(max-width:480px){
  .section-head h2{font-size:21px;line-height:1.2}
  .section-head{gap:10px}
}

/* AGB-Kopfzeile: Website- und Druck-Button als Pills */
.header-link,.header-button{border-radius:999px!important;min-height:36px}

/* Blocksatz für Fließtexte auf allen Unterseiten (08.10.2026) */
body p,body .legal-copy li,body article li,body .budget-note,body .disclaimer{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:8 4 3}
header p,footer p,nav p,label p,.field p,.hint,.error,.quote-hint,.rec-row,.chips li,.btn,.actions,button{text-align:left}
@media (max-width:600px){body p,body .legal-copy li,body article li,body .budget-note,body .disclaimer{text-align:left}}