/* Leiste auf dem Handy: Anrufen, WhatsApp, Anfragen */
.anfrage-leiste{display:none;}
@media(max-width:760px){
  .anfrage-leiste{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;align-items:center;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--black,#181a17);color:var(--cream,#f7f5ef);box-shadow:0 -8px 24px #0000002b;}
  .anfrage-leiste a{flex:1 1 0;min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;padding:0 6px;border:1px solid #5b6153;color:inherit;font:14px/1.5 var(--sans,Arial,sans-serif);text-decoration:none;white-space:nowrap;}
  .anfrage-leiste a:last-child{background:var(--cream,#f7f5ef);color:var(--black,#181a17);border-color:var(--cream,#f7f5ef);clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px);}
  .anfrage-leiste a:focus-visible{outline-offset:-5px;}
  .anfrage-leiste-preis{display:none;flex:none;margin:0 4px;font-size:13px;line-height:1.5;}
  .anfrage-leiste-preis b{display:block;font-weight:600;}
  html{scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom));}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom));}
  #toast{bottom:calc(80px + env(safe-area-inset-bottom));}
  .lp .agency-footer{padding-bottom:30px;}
}
@media(min-width:560px) and (max-width:760px){
  .anfrage-leiste-preis{display:block;}
}

/* Auswahl und Rückruf im Dialog */
.anfrage-wahl{display:grid;gap:8px;}
.anfrage-wahl>a,.anfrage-wahl>button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 16px;width:100%;min-height:64px;padding:14px 16px;border:1px solid #bbb7ad;background:#fffef9;color:var(--black,#181a17);font:inherit;text-align:left;text-decoration:none;cursor:pointer;}
.anfrage-wahl>a:hover,.anfrage-wahl>button:hover{border-color:var(--black,#181a17);box-shadow:inset 0 0 0 1px var(--black,#181a17);}
.anfrage-wahl b{font-size:16px;font-weight:600;line-height:1.4;}
.anfrage-wahl small{grid-column:1;font-size:13px;line-height:1.5;color:#62685d;}
.anfrage-wahl i{grid-column:2;grid-row:1/span 2;font-style:normal;font-size:22px;}
.anfrage-dialog .dialoghead .eyebrow{display:block;margin-bottom:10px;color:#62685d;}
.rueckruf .dialog-einleitung{margin:0;}
.rueckruf .formgrid{margin:20px 0 6px;}
.rueckruf label i{font-style:normal;color:#62685d;font-size:12px;}
.rueckruf label small{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:#62685d;}
.rueckruf [aria-invalid="true"]{border-color:#b45b2e;box-shadow:inset 0 0 0 1px #b45b2e;}
.rueckruf-haken{align-items:start;padding:12px 0 0;font-size:14px;line-height:1.55;cursor:pointer;}
.rueckruf-haken input{flex:none;width:24px;height:24px;min-height:24px;accent-color:var(--black,#181a17);}
.rueckruf-haken+.feld-meldung{margin:4px 0 0 36px;}
.rueckruf button[type=submit][disabled]{opacity:.55;cursor:progress;}
.anfrage-dialog .status{margin-top:0;}
@media(max-width:520px){
  .rueckruf .formgrid{grid-template-columns:1fr;}
  .rueckruf .arrowbtn{width:100%;}
  .rueckruf .arrowbtn>span{flex:1;}
}

/* Nur auf dem Handy oder nur auf größeren Bildschirmen */
.nur-handy{display:none;}
@media(max-width:760px){
  .nur-gross{display:none;}
  .nur-handy{display:inline;}
}

/* Kontaktseite: Direktwege unter der Überschrift */
.page-hero .kontakt-wege{margin-top:32px;}
@media(max-width:760px){
  .page-hero .kontakt-wege{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;}
  .page-hero .kontakt-wege .arrowbtn{width:100%;}
  .page-hero .kontakt-wege .arrowbtn>span{flex:1;}
}

/* /websites/: Website-Check als Einstieg */
.audit-band .audit-fakten{margin-top:14px;font:12px/1.7 var(--mono);letter-spacing:.06em;color:#9ba093;}
.audit-band-aktion{display:grid;justify-items:start;gap:14px;flex-shrink:0;}
.audit-band-aktion .textlink{color:var(--cream);}
@media(max-width:1100px){
  .audit-band-aktion{margin-top:30px;}
  .audit-band-aktion .arrowbtn{margin-top:0;}
}

/* Cold Calling: Hinweis auf Callique */
.callique-hinweis{max-width:720px;margin:44px 0 0;padding-top:22px;border-top:1px solid var(--rule);font-size:15px;color:#4d514a;}
.callique-hinweis a{color:var(--black);text-underline-offset:4px;}
@media(max-width:760px){.callique-hinweis{margin-top:32px;font-size:14px;}}

/* Stadtseiten */
.stadt-hero{padding:30px 0 20px;}
.stadt .stadt-hero .crumb{margin-bottom:34px;}
.stadt .stadt-hero h1{margin:24px 0 44px;font-size:clamp(54px,6.1vw,98px);line-height:.96;max-width:1200px;}
.stadt-hero-unten{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:70px;align-items:end;}
.stadt-hero-unten .actions{margin:30px 0 22px;}
.stadt-hero-unten .lp-vertrauen{margin:0;padding:22px 0 0;border-top:1px solid var(--rule);}
.stadt-angebot-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:start;}
.stadt-angebot-raster .lp-angebot .arrowbtn{width:auto;}
.stadt-angebot-raster .lp-preis{margin-top:4px;}
.stadt-angebot-raster .lp-mehr{margin:0 0 26px;}
.stadt-individuell{display:flex;flex-direction:column;align-items:start;padding-top:34px;border-top:1px solid #9fa593;}
.stadt-individuell h3{margin:18px 0;font-size:45px;}
.stadt-individuell p{font-size:15px;color:#4d514a;}
.stadt-preiszeile{margin:20px 0 28px;font:12px/1.7 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#5c6056;}
.stadt .lp-fragen{padding-top:100px;}
.stadt-zwei{display:grid;grid-template-columns:1fr 1fr;gap:60px;}
.stadt-zwei article{border-top:1px solid #9fa593;padding-top:24px;}
.stadt-zwei h3{margin-bottom:16px;font-size:36px;}
.stadt-zwei p{font-size:15px;color:#4d514a;}
.stadt-beispiele{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:44px;}
.stadt-beispiele .beispiel-marke{margin:0;}
.stadt-passt .under-note{margin-top:40px;font-size:14px;}
.stadt-karte .calling-grid{align-items:end;}
.stadt-karte h2{font-size:clamp(56px,6.4vw,104px);line-height:.95;margin:22px 0 0;}
.stadt-karte p{max-width:620px;}
.stadt-karte .stadt-quelle{margin-top:28px;font-size:12px;line-height:1.6;color:#9ba093;}
.stadt-karte .stadt-quelle a{color:inherit;}
.stadt-wege{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;}
.stadt-wege article{display:flex;flex-direction:column;align-items:start;border-top:1px solid var(--black);padding-top:22px;}
.stadt-wege h3{font-size:38px;}
.stadt-wege p{margin:10px 0 24px;font-size:15px;color:#4d514a;}
.stadt-wege .arrowbtn{margin-top:auto;}
.stadt-wege noscript p{margin:14px 0 0;}
.stadt-anfrage .under-note{margin-top:46px;font-size:14px;}
.stadt-anfrage .under-note a{text-underline-offset:5px;}
.stadt-anfrage .fine{margin-top:12px;}
.footer-auch{margin-top:30px;padding-top:22px;border-top:1px solid #474d40;font-size:12px;line-height:1.8;color:#c7cbbd;}
.footer-auch a{color:var(--cream);text-underline-offset:4px;}
@media(max-width:1100px){
  .stadt-hero-unten{gap:40px;}
  .stadt-angebot-raster,.stadt-zwei{gap:36px;}
  .stadt-wege{gap:22px;}
}
@media(max-width:760px){
  .stadt-hero{padding:18px 0 10px;}
  .stadt .stadt-hero .crumb{margin-bottom:22px;}
  .stadt .stadt-hero h1{margin:16px 0 22px;font-size:clamp(40px,11.2vw,58px);line-height:1;}
  .stadt-hero-unten{display:block;}
  .stadt-hero-unten .actions{display:grid;grid-template-columns:1fr;gap:10px;margin:22px 0 16px;}
  .stadt-hero-unten .actions .arrowbtn{width:100%;}
  .stadt-hero-unten .actions .arrowbtn>span{flex:1;}
  .stadt-hero-unten .lp-vertrauen{margin-top:26px;}
  .stadt-angebot-raster,.stadt-zwei,.stadt-wege{grid-template-columns:1fr;gap:32px;}
  .stadt-angebot-raster .lp-angebot .arrowbtn{width:100%;}
  .stadt-angebot-raster .lp-angebot ul,.stadt-angebot-raster .lp-mehr{order:0;}
  .stadt-angebot-raster .lp-angebot ul{margin:0 0 22px;}
  .stadt .lp-fragen{padding-top:60px;}
  .stadt-individuell{padding-top:24px;}
  .stadt-individuell h3{font-size:38px;}
  .stadt-zwei h3{font-size:31px;}
  .stadt-zwei p,.stadt-wege p,.stadt-individuell p{font-size:14px;}
  .stadt-karte h2{font-size:clamp(44px,12vw,60px);}
  .stadt-wege h3{font-size:32px;}
  .stadt-wege .arrowbtn{width:100%;}
  .stadt-wege .arrowbtn>span{flex:1;}
  .stadt-beispiele{display:block;margin-top:32px;}
  .stadt-beispiele .beispiel-marke{margin-top:14px;}
}

/* Audit: Light ohne Rechnungsdaten */
.bestellung.ohne-rechnung .rechnung-feld{display:none;}

/* Landingpage: Einstieg für Besucher aus dem Brief */
.brief-einstieg{margin-top:28px;padding:30px 34px;background:var(--black);color:var(--cream);}
.brief-einstieg .eyebrow{color:#9ba093;}
.brief-einstieg h2{margin:14px 0 16px;font-size:clamp(36px,3.6vw,52px);}
.brief-einstieg p{max-width:760px;font-size:16px;color:#d1d3c9;}
.brief-einstieg .actions{margin-top:24px;}
.brief-einstieg .fine{margin-top:18px;max-width:760px;font-size:14px;color:#9ba093;}
.brief-einstieg .brief-tel{color:var(--cream);gap:0;border:1px solid #5b6153;}
.brief-einstieg .brief-tel>span,.brief-einstieg .brief-tel>i{background:transparent;clip-path:none;}
.brief-einstieg .brief-tel>i{border-left:1px solid #5b6153;}
@media(max-width:760px){
  .brief-einstieg{margin-top:12px;padding:24px 20px;}
  .brief-einstieg p{font-size:15px;}
  .brief-einstieg .actions{display:grid;gap:10px;}
  .brief-einstieg .arrowbtn{width:100%;}
  .brief-einstieg .arrowbtn>span{flex:1;}
}
.callique-hinweis a,.stadt-karte .stadt-quelle a,.footer-auch a,a.tipp,a[href^="/website-erstellen-lassen-"]{padding-block:5px;}
.kontakt-daten p a,details p a:not(.arrowbtn),p a[href*="paket=light"]:not(.arrowbtn),dd a[href*="paket=light"]{padding-block:5px;}
.audit-einstieg{margin-top:28px;padding:30px 34px;background:#191919;color:#f7f5ef;}
.audit-einstieg .eyebrow{color:#9ba093;}
.audit-einstieg h2{margin:14px 0 16px;font-size:clamp(36px,3.6vw,52px);}
.audit-einstieg p{max-width:760px;font-size:16px;color:#d1d3c9;}
.audit-einstieg b{color:#f7f5ef;font-weight:600;overflow-wrap:anywhere;}
@media(max-width:760px){
  .audit-einstieg{margin-top:12px;padding:24px 20px;}
  .audit-einstieg p{font-size:15px;}
  .bestellung .formgrid{grid-template-columns:1fr;}
  .bestellung .formgrid > label{grid-column:auto;}
}
/* Brief-Besucher (Klassen aus sie-frueh.js): nichts aufblitzen lassen, kein Preis im ersten Bild */
html.brief-warten #content,html.brief-warten .lp-kopf .arrowbtn{visibility:hidden;}
html.brief .anfrage-leiste-preis:not(.neutral){visibility:hidden;}
html.brief:not(.kopf-fertig) header .arrowbtn{visibility:hidden;}
html.a-brief:not(.a-fertig) .bestell-uebersicht,html.a-brief:not(.a-fertig) #zusammenfassung{display:none;}
html.brief .lp-angebot .lp-preis,html.brief .lp-angebot .lp-preis-zusatz{display:none;}
/* Audit-Brief: nur Einstieg und Formular für den kostenlosen Website-Check */
html.a-brief main > section:not(.audit-einstieg):not(#bestellen){display:none;}
html.a-brief .agency-nav nav > a,html.a-brief .agency-nav nav > button{display:none;}
html.a-brief .agency-footer .footer-top,html.a-brief .stufen-wahl,html.a-brief .bestell-text > p,html.a-brief #bestellung > p.fine{display:none;}
html.a-brief .audit-einstieg{width:auto;margin:0;padding:56px max(18px,calc((100% - 1320px) / 2)) 8px;}
html.a-brief .versprechen{padding-top:36px;}
.audit-einstieg-tel{margin-top:14px;}
.audit-einstieg-tel a{color:#f7f5ef;padding-block:5px;}