/* Ergänzungen 13.11.2026: Stadtseiten, Einsatzgebiet, Beckertainment-Hinweis, CTA-Zentrierung */

/* Text im Abschluss-Bereich („Lasst uns euer Fest zum Leuchten bringen“) mittig – .rt p setzte die Ränder auf 0 */
.d3 .cta .rt p{margin-left:auto;margin-right:auto}

/* Beckertainment-Hinweis in der Fußzeile */
.d3 .ftr-partner{display:inline-flex;align-items:center;gap:14px;margin-top:22px;padding:12px 16px 12px 12px;border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:border-color .2s}
.d3 .ftr-partner:hover,.d3 .ftr-partner:focus-visible{border-color:var(--gold)}
.d3 .ftr-partner img{width:52px;height:auto;flex:none}
.d3 .ftr-partner span{display:flex;flex-direction:column;gap:2px;line-height:1.35}
.d3 .ftr-partner small{font-size:13px;color:var(--muted)}
.d3 .ftr-partner strong{font-size:15px;font-weight:600}

/* Beckertainment-Logo im Abschluss-Bereich der Startseite */
.d3 .cta .cta-partner{display:inline-flex;align-items:center;gap:16px;margin:28px auto 0;padding:12px 20px 12px 12px;border:1px solid rgba(214,181,122,.45);background:rgba(17,16,19,.55);text-decoration:none;color:var(--ink);text-align:left;transition:border-color .2s,background .2s}
.d3 .cta .cta-partner:hover,.d3 .cta .cta-partner:focus-visible{border-color:var(--gold);background:rgba(17,16,19,.75)}
.d3 .cta .cta-partner img{width:56px;height:auto;flex:none}
.d3 .cta .cta-partner span{display:flex;flex-direction:column;gap:2px;line-height:1.35}
.d3 .cta .cta-partner small{font-size:14px;color:#C9C1B6}
.d3 .cta .cta-partner strong{font-size:17px;font-weight:600;letter-spacing:.02em}

/* Einsatzgebiet-Leiste in der Fußzeile */
.d3 .ftr-area{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.d3 .ftr-area h4 a{text-decoration:none;color:inherit}
.d3 .ftr-area nav{display:flex;flex-wrap:wrap;gap:8px 22px}
.d3 .ftr-area nav a{text-decoration:none;color:var(--muted);font-size:14px}
.d3 .ftr-area nav a:hover,.d3 .ftr-area nav a:focus-visible{color:var(--ink)}
.d3 .ftr-area + .ftr-bottom{margin-top:28px}

/* Stadtseiten & Einsatzgebiet */
.d3 .notice .rt p{margin:0 0 .5em}
.d3 .notice .rt p:last-child{margin-bottom:0}
.d3 .city-links{display:flex;flex-wrap:wrap;gap:10px}
.d3 .city-links a{padding:10px 16px;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:15px}
.d3 .city-links a small{color:var(--muted);margin-left:6px;font-size:12px}
.d3 .city-links a:hover,.d3 .city-links a:focus-visible{border-color:var(--gold)}
.d3 .city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:56px}
.d3 .city-card{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border:1px solid var(--line);background:var(--card);text-decoration:none;color:var(--ink);transition:border-color .2s}
.d3 .city-card strong{font-family:var(--disp);font-size:24px;font-weight:400}
.d3 .city-card span{font-size:14px;color:var(--muted)}
.d3 .city-card:hover,.d3 .city-card:focus-visible{border-color:var(--gold)}
.d3 .area-list{color:var(--muted);line-height:1.9;max-width:60em}
.d3 .sec .notice.rv{margin-bottom:56px}

@media (max-width:640px){
  .d3 .city-hero h1{font-size:clamp(34px,10.5vw,52px);overflow-wrap:break-word;hyphens:auto}
  .d3 .ftr-partner{display:flex}
  .d3 .city-card strong{font-size:21px}
}

/* Ergänzung 13.11.2026 (Update Nr. 5): Artikel-Videos je Gerät.
   Hat ein Artikel Videos im Querformat UND im Hochformat, sieht man am PC/Tablet nur die Querformat-Videos
   und am Handy (hochkant) nur die Hochformat-Videos. Hat ein Artikel nur eine Sorte, bleibt alles wie bisher. */
@media (orientation:portrait) and (max-width:820px){
  .d3 .vids:has(.vid.portrait):has(.vid:not(.portrait)) .vid:not(.portrait){display:none}
}
@media not all and (orientation:portrait) and (max-width:820px){
  .d3 .vids:has(.vid.portrait):has(.vid:not(.portrait)) .vid.portrait{display:none}
}

/* Ergänzung 13.11.2026 (Update Nr. 6): „Folge 1, 2, 3 …“ über den Artikel-Videos (nur bei mehreren Videos).
   Ausgeblendete Videos (Quer/Hoch je Gerät) werden nicht mitgezählt – die Nummern stimmen auf PC und Handy. */
.d3 .vids.multi{counter-reset:folge;row-gap:56px}
.d3 .vids.multi .vid{counter-increment:folge}
.d3 .vids.multi .vid:before{content:"Folge " counter(folge);display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;padding:7px 16px 7px 14px;border:1px solid var(--gold,#D6B57A);border-radius:40px;font:600 12px/1 "Manrope",system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gold,#D6B57A);background:rgba(214,181,122,.08)}
.d3 .vids.multi .vid.portrait:before{display:flex;width:max-content;margin-inline:auto}

/* Ergänzung 13.11.2026 (Update Nr. 7): Instagram-Hinweis unter den Videos (artikel.php) – bei jedem Artikel mit Videos */
.d3 .vid-insta{margin-top:72px;padding:48px 40px 44px;text-align:center;border:1px solid var(--line,#2F2D34);border-top:2px solid var(--gold,#D6B57A);background:radial-gradient(ellipse at 50% 0%,rgba(214,181,122,.13),rgba(214,181,122,0) 65%),var(--bg2,#18171B)}
.d3 .vid-insta .vi-kicker{font-size:12px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold,#D6B57A);margin:0 0 12px}
.d3 .vid-insta .vi-h{font-family:var(--disp,"Bodoni Moda",Georgia,serif);font-style:italic;font-size:clamp(30px,3.6vw,44px);line-height:1.12;color:var(--ink,#F2ECE3);margin:0 0 10px;text-wrap:balance}
.d3 .vid-insta .vi-t{margin:0 auto 34px;color:var(--muted,#A69F96)}
.d3 .vid-insta .vi-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:860px;margin:0 auto}
.d3 .vid-insta .vi-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 24px 26px;border:1px solid var(--line,#2F2D34);background:var(--bg,#111013);text-decoration:none;color:var(--ink,#F2ECE3);transition:border-color .25s,transform .25s}
.d3 .vid-insta .vi-card:hover{border-color:var(--gold,#D6B57A);transform:translateY(-3px)}
.d3 .vid-insta .vi-logo{height:76px;width:auto;max-width:220px;object-fit:contain;display:block}
.d3 .vid-insta .vi-handle{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--gold,#D6B57A)}
.d3 .vid-insta .vi-ig{flex:none}
.d3 .vid-insta .vi-what{font-size:15px;line-height:1.6;color:var(--muted,#A69F96);max-width:24em;flex:1}
.d3 .vid-insta .vi-cta{display:inline-flex;align-items:center;gap:10px;margin-top:4px;padding:12px 20px;border:1px solid var(--gold,#D6B57A);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink,#F2ECE3)}
.d3 .vid-insta .vi-card:hover .vi-cta{background:var(--gold,#D6B57A);color:var(--bg,#111013)}
@media (max-width:700px){.d3 .vid-insta{padding:36px 18px 22px;margin-top:52px}.d3 .vid-insta .vi-cards{grid-template-columns:1fr;gap:14px}.d3 .vid-insta .vi-card{padding:26px 18px 22px}.d3 .vid-insta .vi-cta{letter-spacing:.12em;padding:12px 16px;font-size:11.5px}}

/* Ergänzung 13.11.2026 (Update Nr. 8): Gibt es nur EINE Folge (höchstens ein Quer- und höchstens ein Hochformat-Video,
   z. B. LOVE Buchstaben), entfällt das Schildchen „Folge 1“. Bei 2+ Folgen bleibt alles wie bisher. */
.d3 .vids.multi:not(:has(.vid:not(.portrait) ~ .vid:not(.portrait))):not(:has(.vid.portrait ~ .vid.portrait)) .vid:before{content:none;display:none}

/* Ergänzung 13.11.2026 (Update Nr. 10): Google-Bewertungen unter den Knöpfen der Startseite */
.d3 .hero-b .g-rating{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font:500 14px/1.3 "Manrope",system-ui,sans-serif;letter-spacing:.04em;color:var(--ink,#F2ECE3);text-decoration:none;opacity:.92}
.d3 .hero-b .g-rating .g-stars{color:var(--gold,#D6B57A);letter-spacing:.12em;font-size:15px}
.d3 .hero-b .g-rating:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
@media (max-width:640px){.d3 .hero-b .g-rating{font-size:13px;margin-top:18px}}

/* Ergänzung 13.11.2026 (Update Nr. 11): Vorheriger/Nächster-Links am Artikelende passen am Handy in die Breite
   (lange Namen wie „Sparkular / Kaltes Feuerwerk“ schoben die Seite um 19 px nach rechts) */
@media (max-width:700px){.d3 .prevnext{grid-template-columns:minmax(0,1fr)}.d3 .prevnext a{min-width:0}.d3 .prevnext a span{overflow-wrap:break-word}}