/* A005 / Hell-V12. Homepage sections only. Load after all V11/base styles.
   No generated copy, DOM changes or interaction-state replacement.
   Inter/Space Grotesk are inherited from the supplied self-hosted fonts. */
html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#aufruf,#fragen,#kontakt){
  --ink:#172638;--ink-70:#4a5967;--ink-40:#77818b;--ink-15:#dfeaf2;
  --bg:#fffefa;--bg-alt:#f7f5f0;--white:#fffefa;--line:#77818b;
  --accent:#8f4c27;--accent-dark:#703719;--accent-ink:#fffefa;
  --sec-paper:#fffefa;--sec-cream:#f7f5f0;--sec-ice:#dfeaf2;
  --sec-copper:#8f4c27;--sec-muted:#4a5967;--sec-line:#77818b;
  position:relative;isolation:isolate;min-width:0;
  padding-block:clamp(64px,8vw,132px);
  background:var(--sec-cream);color:var(--ink);
}
html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#aufruf,#fragen,#kontakt) :is(h2,h3){
  font-family:var(--font-body,Inter,Arial,sans-serif);font-weight:600;
  color:var(--ink);letter-spacing:-.045em;text-wrap:balance;
}
html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#preise,#vertrauen,#fragen,#kontakt) h2{
  font-size:clamp(32px,4.5vw,66px);line-height:1.06;max-width:23ch;
}
html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#preise,#fragen,#kontakt) .section-head{
  margin-bottom:clamp(28px,4vw,64px);max-width:none;
}
html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#fragen,#kontakt) :is(p,li){
  overflow-wrap:break-word;
}
html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#fragen,#kontakt) .lead{
  font-size:clamp(18px,1.65vw,23px);line-height:1.55;color:var(--ink);max-width:58ch;
}
html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#fragen,#kontakt) .caption{
  font-size:13px;line-height:1.55;color:var(--sec-muted);
}
html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#aufruf,#fragen,#kontakt) :is(button,.btn,input){
  min-height:48px;
}
html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#fragen,#kontakt) :focus-visible{
  outline:3px solid var(--ink);outline-offset:4px;
}
html[data-ts-integration] :is(#berichte,#sicherheit) .details-toggle{
  font-size:14px;text-decoration:underline;text-underline-offset:5px;
  color:var(--sec-copper);margin-top:16px;padding-inline:4px;
}
html[data-ts-integration] :is(#berichte,#sicherheit) .details-text{
  font-size:15px;line-height:1.65;color:var(--sec-muted);padding-bottom:8px;
}
html[data-ts-integration] :is(#berichte,#angebot) .link-arrow{
  min-height:48px;display:inline-flex;align-items:center;gap:14px;
  color:var(--sec-copper);font-size:15px;text-decoration:underline;text-underline-offset:5px;
}

/* Reports: two offset spreads rather than identical adjacent cards. */
html[data-ts-integration] #berichte{
  background:radial-gradient(ellipse at 85% 25%,#dfeaf2 0,transparent 52%),#f7f5f0;
}
html[data-ts-integration] #berichte .tiles{grid-template-columns:minmax(0,1fr);gap:clamp(36px,6vw,88px)}
html[data-ts-integration] #berichte .tile{
  display:grid;grid-template-columns:minmax(0,1fr);border:0;overflow:visible;
  background:var(--sec-paper);box-shadow:0 1px 0 #fff,0 24px 60px -42px #17263866;
}
html[data-ts-integration] #berichte .tile>picture{display:block;min-width:0;background:var(--sec-ice)}
html[data-ts-integration] #berichte .tile-img{height:auto;aspect-ratio:4/3;width:100%;object-fit:cover}
html[data-ts-integration] #berichte .tile-body{min-width:0;padding:clamp(24px,4vw,60px)}
html[data-ts-integration] #berichte .tile h3{font-size:clamp(26px,3vw,40px);line-height:1.12;margin-bottom:24px}
html[data-ts-integration] #berichte .tile p{color:var(--sec-muted);line-height:1.65}
html[data-ts-integration] #berichte .tile-link{margin-top:24px;max-width:100%;flex-wrap:wrap}

/* Languages: inset paper demonstration; state buttons keep aria-pressed logic. */
html[data-ts-integration] #sprachen{background:var(--sec-paper)}
html[data-ts-integration] #sprachen .lang-grid{grid-template-columns:minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
html[data-ts-integration] #sprachen :is(.lang-text,.lang-visual){min-width:0}
html[data-ts-integration] #sprachen .lang-text .lead{font-size:clamp(19px,1.8vw,25px);line-height:1.55}
html[data-ts-integration] #sprachen .lang-strip{gap:8px;margin-top:30px}
html[data-ts-integration] #sprachen .lang-pill{
  font-size:13px;font-weight:500;border:1px solid var(--sec-line);padding:7px 12px;border-radius:30px;
  background:var(--sec-cream);color:var(--ink);
}
html[data-ts-integration] #sprachen .lang-closing{font-size:20px;line-height:1.4;margin-top:30px;max-width:28ch}
html[data-ts-integration] #sprachen .lang-visual{
  max-width:none;padding:clamp(16px,2.5vw,32px);border:1px solid var(--sec-line);
  background:linear-gradient(140deg,#fffefa,#f7f5f0 68%,#edf2f5);
  box-shadow:0 2px 0 #fffefa,0 5px 0 #e5e4df,0 30px 55px -40px #17263866;
}
html[data-ts-integration] #sprachen .lang-visual-img{height:160px;object-fit:cover;margin-bottom:24px}
html[data-ts-integration] #sprachen .demo-switch{gap:6px;margin-bottom:20px}
html[data-ts-integration] #sprachen .demo-switch button{
  border-radius:24px;padding:8px 15px;font-size:14px;background:var(--sec-paper);border-color:var(--sec-line);color:var(--ink);
}
html[data-ts-integration] #sprachen .demo-switch button[aria-pressed=true]{background:var(--ink);color:var(--sec-paper);border-color:var(--ink)}
html[data-ts-integration] #sprachen .demo-switch button:hover{border-color:var(--sec-copper)}
html[data-ts-integration] #sprachen .demo-body{grid-template-columns:minmax(0,1fr);border-color:var(--sec-line);background:var(--sec-line)}
html[data-ts-integration] #sprachen :is(.demo-dictate,.demo-report){min-width:0;min-height:0;padding:22px;background:var(--sec-paper)}
html[data-ts-integration] #sprachen .demo-dictate{background:var(--sec-ice)}
html[data-ts-integration] #sprachen .demo-dictate p{font-size:18px;line-height:1.5}
html[data-ts-integration] #sprachen .demo-label{font-size:12px;letter-spacing:.1em;color:var(--sec-muted);margin-bottom:14px}
html[data-ts-integration] #sprachen .demo-report li{font-size:14px;line-height:1.45;padding:10px 0;border:0;border-bottom:1px solid var(--sec-line);background:none}

/* Office: broad register with quiet depth; no faux dashboard or new content. */
html[data-ts-integration] #buero{background:linear-gradient(115deg,#f7f5f0 25%,#e7eff4 100%)}
html[data-ts-integration] #buero .office-grid{grid-template-columns:minmax(0,1fr);gap:0;min-width:0}
html[data-ts-integration] #buero .office-spacer{display:none}
html[data-ts-integration] #buero .office-left{min-width:0;background:var(--sec-paper);padding:clamp(16px,2.5vw,32px);box-shadow:0 30px 55px -40px #17263880}
html[data-ts-integration] #buero .office-band{height:clamp(120px,15vw,190px);margin-bottom:24px;object-fit:cover}
html[data-ts-integration] #buero .shelf{border:0;border-top:1px solid var(--sec-line)}
html[data-ts-integration] #buero .shelf-row{min-height:64px;padding:12px 4px;border-bottom:1px solid var(--sec-line);gap:12px;font-variant-numeric:tabular-nums}
html[data-ts-integration] #buero .shelf-row:last-child{border-bottom:1px solid var(--sec-line)}
html[data-ts-integration] #buero .shelf-status{border:1px solid var(--sec-line);border-radius:24px;padding:5px 12px;font-size:13px;line-height:1.35;background:var(--sec-cream)}
html[data-ts-integration] #buero .shelf-status.is-missing{color:var(--sec-copper);border-color:var(--sec-copper);background:#f5e4d5}
html[data-ts-integration] #buero .office-points{grid-template-columns:minmax(0,1fr);gap:0;margin-top:24px}
html[data-ts-integration] #buero .office-point{border-top:1px solid var(--sec-line);padding:18px 0;font-size:18px;line-height:1.4}

/* Security: an editorial three-question list, not three boxed tiles. */
html[data-ts-integration] #sicherheit{background:var(--sec-paper)}
html[data-ts-integration] #sicherheit .cards3{grid-template-columns:minmax(0,1fr);gap:0}
html[data-ts-integration] #sicherheit .card{border:0;border-top:1px solid var(--sec-line);padding:32px 0;min-width:0;background:none;box-shadow:none}
html[data-ts-integration] #sicherheit .card h3{font-size:clamp(23px,2.5vw,32px);line-height:1.18;max-width:27ch;margin-bottom:20px}
html[data-ts-integration] #sicherheit .card p{line-height:1.65;color:var(--sec-muted);max-width:66ch}
html[data-ts-integration] #sicherheit .sec-caption{padding-top:18px;border-top:1px solid var(--sec-line);max-width:80ch}

/* Offer: image triptych paired with a warm paper insert. */
html[data-ts-integration] #angebot{padding-block:clamp(32px,5vw,80px);background:var(--sec-cream)}
html[data-ts-integration] #angebot .angebot-tile{
  display:grid;grid-template-columns:minmax(0,1fr);max-width:1280px;margin-inline:auto;
  padding-inline:var(--gutter,24px);gap:0;min-height:0;
}
html[data-ts-integration] #angebot .angebot-images{height:clamp(190px,36vw,320px);max-height:none;min-width:0;gap:5px}
html[data-ts-integration] #angebot .angebot-images__col{min-width:0}
html[data-ts-integration] #angebot .angebot-images__col picture{display:block;height:100%}
html[data-ts-integration] #angebot .angebot-copy{position:relative;padding:clamp(28px,4vw,60px);background:var(--sec-paper);border-top:3px solid var(--sec-copper);gap:24px;min-width:0}
html[data-ts-integration] #angebot .angebot-copy h3{font-size:clamp(29px,3.5vw,48px);line-height:1.08;max-width:19ch}
html[data-ts-integration] #angebot .angebot-copy p{color:var(--sec-muted);font-size:18px;line-height:1.6}

/* Prices: calculator as a work surface, offers as parallel paper columns. */
html[data-ts-integration] #preise{background:linear-gradient(155deg,#edf2f5,#f7f5f0 52%,#fffefa)}
html[data-ts-integration] #preise .calc{
  grid-template-columns:minmax(0,1fr);padding:clamp(20px,3.5vw,52px);gap:32px;
  border:1px solid var(--sec-line);background:var(--sec-paper);margin-bottom:clamp(32px,5vw,72px);
  box-shadow:0 4px 0 #ebe7de,0 30px 65px -48px #17263880;
}
html[data-ts-integration] #preise .calc :is(.calc-controls,.calc-output,.calc-field){min-width:0}
html[data-ts-integration] #preise .calc h3{font-size:28px;line-height:1.2;margin-bottom:12px}
html[data-ts-integration] #preise .calc-field output{font-family:var(--font-body,Inter,sans-serif);font-size:40px;font-weight:500;line-height:1.2}
html[data-ts-integration] #preise input[type=range].calc-slider{min-height:48px;height:48px;margin:0;background:linear-gradient(var(--sec-line),var(--sec-line)) center/100% 2px no-repeat}
html[data-ts-integration] #preise input[type=range].calc-slider::-webkit-slider-thumb{width:28px;height:28px;border-radius:50%;background:var(--sec-copper);border:2px solid var(--sec-paper);box-shadow:0 0 0 1px var(--sec-copper)}
html[data-ts-integration] #preise input[type=range].calc-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--sec-copper);border:2px solid var(--sec-paper);box-shadow:0 0 0 1px var(--sec-copper)}
html[data-ts-integration] #preise .calc-switch{display:flex;flex-wrap:wrap;width:fit-content;max-width:100%;border:1px solid var(--sec-line);border-radius:28px;padding:4px;gap:4px;background:var(--sec-cream)}
html[data-ts-integration] #preise .calc-switch button{min-width:0;flex:1 1 auto;border:0;border-radius:24px;background:transparent;color:var(--ink);padding:8px 16px;font-size:14px}
html[data-ts-integration] #preise .calc-switch button[aria-pressed=true]{background:var(--ink);color:var(--sec-paper)}
html[data-ts-integration] #preise .calc-check{font-size:16px;line-height:1.45;min-height:48px}
html[data-ts-integration] #preise .calc-check input[type=checkbox]{min-height:24px;min-width:24px;width:24px;height:24px;border-radius:4px}
html[data-ts-integration] #preise .calc-check input[type=checkbox]:checked::after{left:6px;top:5px}
html[data-ts-integration] #preise .calc-output{padding:clamp(20px,3vw,36px);background:var(--sec-ice);border:0;border-top:3px solid var(--ink);gap:18px}
html[data-ts-integration] #preise .calc-row{grid-template-columns:minmax(0,1fr);gap:4px;align-items:baseline}
html[data-ts-integration] #preise .calc-row .calc-value{font-family:var(--font-body,Inter,sans-serif);font-weight:500;font-size:clamp(22px,2.3vw,32px);line-height:1.3;white-space:normal;overflow-wrap:anywhere;justify-self:start;text-align:left;min-width:0}
html[data-ts-integration] #preise .calc-row.is-net .calc-value{font-size:clamp(28px,3.2vw,44px);letter-spacing:-.04em}
html[data-ts-integration] #preise .calc-row.is-savings .calc-value{font-size:20px}
html[data-ts-integration] #preise .calc-row .calc-label{font-size:14px;line-height:1.45;color:var(--sec-muted)}
html[data-ts-integration] #preise .calc-copy{margin-top:8px;max-width:100%;white-space:normal;font-size:14px}
html[data-ts-integration] #preise .calc-hint{margin-top:0;max-width:75ch}
html[data-ts-integration] #preise .price-grid{grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
html[data-ts-integration] #preise .price-card{min-width:0;padding:clamp(24px,3.3vw,48px);border:0;border-top:2px solid var(--ink);background:var(--sec-paper);gap:20px;box-shadow:none}
html[data-ts-integration] #preise .price-card.is-recommended{border:0;border-top:3px solid var(--sec-copper);box-shadow:0 24px 48px -40px #17263866}
html[data-ts-integration] #preise .price-card h3{font-size:30px;line-height:1.2}
html[data-ts-integration] #preise .price-amount{font:500 clamp(42px,4.8vw,66px)/1.12 var(--font-body,Inter,sans-serif);letter-spacing:-.055em;overflow-wrap:anywhere}
html[data-ts-integration] #preise .price-amount small{display:block;margin-top:10px;font-size:15px;line-height:1.5;letter-spacing:0;color:var(--sec-muted)}
html[data-ts-integration] #preise :is(.price-note,.price-alt,.price-tiers,.price-foot){font-size:14px;line-height:1.65;color:var(--sec-muted)}
html[data-ts-integration] #preise .price-note--top{margin:0;min-height:0}
html[data-ts-integration] #preise .price-features{gap:12px;margin-block:8px}
html[data-ts-integration] #preise .price-features li{font-size:16px;line-height:1.5}
html[data-ts-integration] #preise .price-tiers{gap:8px;padding-top:20px}
html[data-ts-integration] #preise .price-card .btn{align-self:flex-start;margin-top:8px;max-width:100%;white-space:normal;padding:13px 22px;border-radius:30px;text-align:center;font-size:15px}
html[data-ts-integration] #preise .btn-primary{background:var(--sec-copper);border-color:var(--sec-copper);color:var(--sec-paper)}
html[data-ts-integration] #preise .btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
html[data-ts-integration] #preise .price-foot{margin-top:8px;max-width:84ch}
html[data-ts-integration] #preise .compare-wrap{margin-top:32px;max-width:100%;overflow-x:auto;padding:4px}
html[data-ts-integration] #preise table.compare{background:var(--sec-paper)}
html[data-ts-integration] #preise table.compare :is(th,td){border-color:var(--sec-line);padding:17px 16px;font-size:15px;line-height:1.5}
html[data-ts-integration] #preise table.compare thead th{background:var(--sec-ice);color:var(--ink)}
html[data-ts-integration] #preise table.compare .icon-dash{background:var(--ink)}

/* Trust: quiet photo + open capability ledger, founder copy as a footnote. */
html[data-ts-integration] #vertrauen{background:var(--sec-paper)}
html[data-ts-integration] #vertrauen .trust-grid{grid-template-columns:minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
html[data-ts-integration] #vertrauen .trust-grid>*{min-width:0}
html[data-ts-integration] #vertrauen .trust-img{width:100%;height:auto;box-shadow:0 24px 48px -36px #17263866}
html[data-ts-integration] #vertrauen .trust-lists{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:36px}
html[data-ts-integration] #vertrauen .trust-list{border-top:1px solid var(--sec-line);padding-top:18px}
html[data-ts-integration] #vertrauen .trust-list h3{font-size:19px;line-height:1.25;letter-spacing:-.025em;max-width:22ch}
html[data-ts-integration] #vertrauen .trust-list li{font-size:15px;line-height:1.55;color:var(--sec-muted)}
html[data-ts-integration] #vertrauen .trust-list li::before{background:var(--sec-copper);height:2px;width:8px}
html[data-ts-integration] #vertrauen .trust-list--no li::before{background:var(--ink)}
html[data-ts-integration] #vertrauen .founder-box{border:0;border-left:2px solid var(--sec-copper);padding:4px 0 4px 22px;margin-top:32px;background:none}
html[data-ts-integration] #vertrauen .founder-box h3{font-size:16px;letter-spacing:0}
html[data-ts-integration] #vertrauen .founder-box p{font-size:15px;line-height:1.65;color:var(--sec-muted)}

/* Single dark counterpoint. Text never relies on image brightness. */
html[data-ts-integration] #aufruf{background:#172638;color:#fffefa;text-align:left;padding-block:clamp(76px,10vw,160px);overflow:hidden}
html[data-ts-integration] #aufruf .cta-bg{opacity:.18}
html[data-ts-integration] #aufruf .cta-overlay{background:linear-gradient(110deg,#172638 0%,#172638f5 62%,#172638e8 100%)}
html[data-ts-integration] #aufruf .cta-content{max-width:1160px}
html[data-ts-integration] #aufruf h2{font-size:clamp(38px,6.2vw,86px);line-height:1.02;letter-spacing:-.055em;max-width:17ch;color:#fffefa;margin-bottom:28px}
html[data-ts-integration] #aufruf .cta-content>p{font-size:clamp(18px,1.7vw,23px);line-height:1.55;max-width:48ch;color:#dfeaf2;margin:0 0 32px}
html[data-ts-integration] #aufruf .btn-primary{background:#edc7a5;color:#172638;border:1px solid #edc7a5;border-radius:32px;padding:15px 26px;font-size:16px;max-width:100%;white-space:normal;text-align:center;box-shadow:0 10px 35px #0002}
html[data-ts-integration] #aufruf .btn-primary:hover{background:#f4d8bf;border-color:#f4d8bf;color:#172638}
html[data-ts-integration] #aufruf .notify{margin-top:clamp(40px,5vw,72px);padding-top:32px;border-top:1px solid #9aafbf;max-width:660px}
html[data-ts-integration] #aufruf .notify-form{max-width:none;margin:0;justify-content:flex-start;gap:12px}
html[data-ts-integration] #aufruf .notify-form input[type=email]{min-width:0;flex:1 1 240px;width:100%;padding:13px 16px;background:#223447;border:1px solid #9aafbf;color:#fffefa;border-radius:4px;font-size:16px}
html[data-ts-integration] #aufruf .notify-form input[type=email]::placeholder{color:#dfeaf2;opacity:1}
html[data-ts-integration] #aufruf .btn-ghost-dark{flex:0 1 auto;max-width:100%;padding:13px 20px;white-space:normal;border:1px solid #9aafbf;border-radius:4px;background:#172638;color:#fffefa;font-size:15px}
html[data-ts-integration] #aufruf .btn-ghost-dark:hover{background:#2b4055}
html[data-ts-integration] #aufruf :is(.notify-privacy,.notify-msg){font-size:13px;line-height:1.6;color:#dfeaf2;max-width:58ch;margin:18px 0 0}
html[data-ts-integration] #aufruf .notify-privacy a{color:#fffefa;text-decoration:underline;text-underline-offset:3px}
html[data-ts-integration] #aufruf :focus-visible{outline:3px solid #f4d8bf;outline-offset:5px}

/* FAQ and contact: left-hand headings / open ruled text rather than cards. */
html[data-ts-integration] #fragen{background:var(--sec-paper)}
html[data-ts-integration] #fragen .faq-list{min-width:0;border-color:var(--sec-line)}
html[data-ts-integration] #fragen .faq-item{border-color:var(--sec-line)}
html[data-ts-integration] #fragen .faq-q{min-height:76px;padding:24px 4px;font-size:clamp(18px,1.7vw,23px);line-height:1.35;font-weight:500;letter-spacing:-.025em;color:var(--ink);gap:24px}
html[data-ts-integration] #fragen .faq-q>span:first-child{min-width:0;overflow-wrap:break-word}
html[data-ts-integration] #fragen .faq-icon{flex:0 0 18px;color:var(--sec-copper)}
html[data-ts-integration] #fragen .faq-icon::before,html[data-ts-integration] #fragen .faq-icon::after{background:var(--sec-copper)}
html[data-ts-integration] #fragen .faq-a{font-size:17px;line-height:1.65;padding:0 32px 28px 4px;color:var(--sec-muted);max-width:65ch}
html[data-ts-integration] #kontakt{background:linear-gradient(115deg,#f7f5f0 15%,#e6edf2 100%)}
html[data-ts-integration] #kontakt .contact-grid{max-width:none;min-width:0;gap:32px}
html[data-ts-integration] #kontakt .contact-grid .lead{font-size:clamp(19px,2vw,26px);max-width:43ch}
html[data-ts-integration] #kontakt .contact-actions{gap:20px;align-items:center;min-width:0}
html[data-ts-integration] #kontakt .btn-secondary{border-radius:30px;padding:13px 24px;border:1px solid var(--ink);color:var(--ink);background:var(--sec-paper);font-size:15px;max-width:100%;white-space:normal}
html[data-ts-integration] #kontakt .btn-secondary:hover{background:var(--sec-ice)}
html[data-ts-integration] #kontakt .contact-email{font-size:15px;overflow-wrap:anywhere;color:var(--sec-muted)}

@media(min-width:760px){
  html[data-ts-integration] #berichte .tile{grid-template-columns:minmax(0,4fr) minmax(0,6fr);align-items:stretch}
  html[data-ts-integration] #berichte .tile-img{height:100%;min-height:360px;aspect-ratio:auto}
  html[data-ts-integration] #berichte .tile:nth-child(2){margin-left:8%;grid-template-columns:minmax(0,3fr) minmax(0,5fr)}
  html[data-ts-integration] #sprachen .lang-grid{grid-template-columns:minmax(0,4fr) minmax(0,6fr)}
  html[data-ts-integration] #angebot .angebot-tile{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  html[data-ts-integration] #angebot .angebot-images{height:auto;min-height:400px}
  html[data-ts-integration] #preise .calc{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  html[data-ts-integration] #preise .price-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  html[data-ts-integration] #preise .price-card:nth-child(2){margin-top:40px}
  html[data-ts-integration] #vertrauen .trust-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
  html[data-ts-integration] #vertrauen .trust-grid>picture{padding-top:8px}
}
@media(min-width:1100px){
  html[data-ts-integration] #sprachen .demo-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  html[data-ts-integration] #buero .section-head{grid-column:1/6;grid-row:1;margin-bottom:24px}
  html[data-ts-integration] #buero .office-grid{grid-column:7/-1;grid-row:1/3;align-self:start}
  html[data-ts-integration] #buero .office-points{grid-column:1/6;grid-row:2;margin-top:12px}
  html[data-ts-integration] #sicherheit .section-head{grid-column:1/5;margin-bottom:0}
  html[data-ts-integration] #sicherheit .cards3{grid-column:6/-1}
  html[data-ts-integration] #sicherheit .sec-caption{grid-column:6/-1}
  html[data-ts-integration] #vertrauen .trust-lists{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
  html[data-ts-integration] #fragen .section-head{grid-column:1/5;margin-bottom:0}
  html[data-ts-integration] #fragen .faq-list{grid-column:6/-1}
  html[data-ts-integration] #kontakt .section-head{grid-column:1/6}
  html[data-ts-integration] #kontakt .contact-grid{grid-column:7/-1;padding-top:5px}
}
@media(max-width:759px){
  html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#aufruf,#fragen,#kontakt) :is(.grid12,.trust-grid){column-gap:16px}
  html[data-ts-integration] #sicherheit .card{padding-block:26px}
  html[data-ts-integration] #preise .compare-wrap{padding:0;overflow-x:auto}
  html[data-ts-integration] #preise table.compare{min-width:0;table-layout:fixed}
  html[data-ts-integration] #preise table.compare :is(th,td){padding:12px 7px;font-size:13px;overflow-wrap:break-word}
  html[data-ts-integration] #preise table.compare :is(th,td):first-child{width:auto;padding-left:8px}
  html[data-ts-integration] #preise table.compare :is(th,td):nth-child(2),html[data-ts-integration] #preise table.compare :is(th,td):nth-child(3){width:64px;text-align:center}
  html[data-ts-integration] #kontakt .contact-grid{margin-top:28px}
}
@media(max-width:389px){
  html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#preise,#vertrauen,#fragen,#kontakt) h2{font-size:31px;letter-spacing:-.04em}
  html[data-ts-integration] #berichte .tile-body{padding:22px 18px}
  html[data-ts-integration] #sprachen :is(.demo-dictate,.demo-report){padding:18px 14px}
  html[data-ts-integration] #sprachen .demo-switch button{padding-inline:11px;font-size:13px}
  html[data-ts-integration] #preise .calc{padding:18px 14px}
  html[data-ts-integration] #preise .calc-output{padding:20px 16px}
  html[data-ts-integration] #preise .price-card{padding:24px 18px}
  html[data-ts-integration] #preise .price-amount{font-size:40px}
  html[data-ts-integration] #aufruf h2{font-size:37px}
  html[data-ts-integration] #aufruf .notify-form>*:not(label){flex-basis:100%}
}

/* Preserve hidden dynamic results; reduced-motion never changes data or toggle state. */
html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#aufruf,#fragen,#kontakt) [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){
  html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#aufruf,#fragen,#kontakt) *,
  html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#aufruf,#fragen,#kontakt) *::before,
  html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#aufruf,#fragen,#kontakt) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#aufruf,#fragen,#kontakt) .reveal,
  html[data-ts-integration] #buero .shelf-row{opacity:1!important;transform:none!important}
}
html[data-ts-motion=reduced] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#aufruf,#fragen,#kontakt) .reveal,
html[data-ts-motion=reduced] #buero .shelf-row{opacity:1!important;transform:none!important}
html[data-ts-opaque=true] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#fragen,#kontakt){background:#f7f5f0}
html[data-ts-opaque=true] #sprachen .lang-visual{background:#fffefa}
html[data-ts-opaque=true] #aufruf .cta-overlay{background:#172638}
@media(prefers-reduced-transparency:reduce){
  html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#fragen,#kontakt){background:#f7f5f0}
  html[data-ts-integration] #sprachen .lang-visual{background:#fffefa}
  html[data-ts-integration] #aufruf .cta-overlay{background:#172638}
}
@media(forced-colors:active){
  html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#aufruf,#fragen,#kontakt){
    --ink:CanvasText;--ink-70:CanvasText;--ink-40:CanvasText;--ink-15:Canvas;--line:CanvasText;
    --accent:LinkText;--accent-dark:LinkText;--accent-ink:Canvas;--sec-paper:Canvas;--sec-cream:Canvas;--sec-ice:Canvas;
    --sec-copper:LinkText;--sec-muted:CanvasText;--sec-line:CanvasText;background:Canvas!important;color:CanvasText;
  }
  html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#aufruf,#fragen,#kontakt) *{box-shadow:none!important;text-shadow:none!important}
  html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#aufruf,#fragen,#kontakt) :is(h2,h3,p,li){color:CanvasText}
  html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#aufruf,#fragen,#kontakt) :is(.btn,button,input){border-color:ButtonText;background:ButtonFace;color:ButtonText}
  html[data-ts-integration] :is(#sprachen,#preise) button[aria-pressed=true]{background:Highlight;color:HighlightText;border-color:Highlight}
  html[data-ts-integration] #preise .calc-check input[type=checkbox]{appearance:auto;-webkit-appearance:auto}
  html[data-ts-integration] #preise .calc-check input[type=checkbox]::after{display:none}
  html[data-ts-integration] #aufruf :is(.cta-bg,.cta-overlay){display:none}
  html[data-ts-integration] #aufruf .notify-privacy a{color:LinkText}
  html[data-ts-integration] #aufruf .notify-form input[type=email]::placeholder{color:CanvasText}
  html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#aufruf,#fragen,#kontakt) :focus-visible{outline-color:Highlight}
}