/* Eigene Teile der statischen cyberdox.de (ersetzt Borlabs Cookie, WPForms-Logik, YouTube-Blocker).
   Optik bewusst schlicht und an die bisherige Seite angelehnt (Poppins, Schwarz/Weiss, Orange #FF9900). */

/* Kontaktformular */
.cd-falle { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.cd-kontakt-meldung { margin: 14px 0 0; padding: 12px 14px; border-radius: 6px; font-size: 15px; line-height: 1.5; }
.cd-kontakt-meldung.ok { background: #e8f6ee; color: #1d6b3d; border: 1px solid #b9e2c8; }
.cd-kontakt-meldung.fehler { background: #fff4e5; color: #7a4a00; border: 1px solid #ffd59a; }
.cd-kontakt-form .wpforms-submit[disabled] { opacity: .6; cursor: wait; }
.cd-kontakt-form .cd-feld-fehler input, .cd-kontakt-form .cd-feld-fehler textarea { border-color: #c96f00 !important; }

/* Externe Inhalte (YouTube, Partner-Formulare) erst nach Klick */
.cd-extern { position: relative; background: #1a1a1a; color: #fff; overflow: hidden; border-radius: 4px; min-height: 260px;
  display: flex; align-items: center; justify-content: center; text-align: center; font-family: Poppins, sans-serif; }
.cd-extern-youtube { aspect-ratio: 16 / 9; min-height: 0; }
.cd-extern-bild { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .45; }
.cd-extern-hinweis { position: relative; max-width: 460px; padding: 20px; font-size: 14px; line-height: 1.5; }
.cd-extern-hinweis p { margin: 0 0 12px; }
.cd-extern-hinweis a { color: #fff; text-decoration: underline; }
.cd-extern-knopf { font: 600 15px Poppins, sans-serif; color: #fff; background: #FF9900; border: 0; border-radius: 100px;
  padding: 12px 26px; cursor: pointer; }
.cd-extern-knopf:hover { background: #e68a00; }
.cd-extern-knopf:focus-visible, .cd-box button:focus-visible, .cd-box a:focus-visible { outline: 3px solid #FF9900; outline-offset: 2px; }
.cd-extern.cd-extern-offen { display: block; background: none; min-height: 0; border-radius: 0; }
.cd-extern-youtube.cd-extern-offen iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.cd-extern-offen:not(.cd-extern-youtube) iframe { width: 100%; border: 0; }

/* Theme-Regel (Grossbuchstaben fuer Knoepfe) hier nicht anwenden */
.cd-box button, .cd-extern-knopf { text-transform: none !important; letter-spacing: normal !important; }

/* Datenschutzeinstellungen (wie bisher: weisse Box mittig) */
.cd-huelle { position: fixed; inset: 0; z-index: 999999; background: rgba(0,0,0,.45); display: flex; align-items: center;
  justify-content: center; padding: 16px; font-family: Poppins, sans-serif; }
.cd-huelle[hidden] { display: none; }
.cd-box { background: #fff; color: #1a1a1a; width: 100%; max-width: 520px; max-height: calc(100vh - 32px); overflow: auto;
  border-radius: 8px; box-shadow: 0 10px 40px rgba(0,0,0,.3); padding: 24px 24px 18px; }
.cd-box h2 { font: 500 24px/1.25 Poppins, sans-serif; text-align: center; margin: 0 0 14px; color: #1a1a1a; text-transform: none; letter-spacing: 0; }
.cd-box h2:focus { outline: none; }   /* nur Startpunkt fuer die Tastatur, kein Bedienelement */
.cd-box .cd-text { font-size: 14px; line-height: 1.55; max-height: 190px; overflow: auto; padding-right: 6px; }
.cd-box .cd-text p { margin: 0 0 10px; }
.cd-box .cd-wahl { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 16px 0 18px; font-size: 14.5px; }
.cd-box .cd-wahl label { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.cd-box .cd-wahl input { width: 18px; height: 18px; accent-color: #1a1a1a; }
/* Zustimmen und Ablehnen gleich gross und gleich auffaellig nebeneinander */
.cd-box .cd-knoepfe { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 420px) { .cd-box .cd-knoepfe { grid-template-columns: 1fr; } }
.cd-box .cd-knopf { display: block; width: 100%; background: #000; color: #fff; border: 0; border-radius: 4px;
  font: 500 16px Poppins, sans-serif; padding: 13px 10px; cursor: pointer; }
.cd-box .cd-knopf:hover { background: #333; }
.cd-box .cd-weitere { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 18px; margin: 12px 0 4px; }
.cd-box .cd-weitere button { background: none; border: 0; padding: 4px; font: 400 14px Poppins, sans-serif; color: #1a1a1a;
  text-decoration: underline; cursor: pointer; }
.cd-box .cd-links { text-align: center; font-size: 12.5px; margin-top: 10px; }
.cd-box .cd-links a { color: #555; }

/* Ueberschriften-Ebenen und tote Links korrigiert, OHNE die Optik zu aendern (Abnahme-Checkliste 10/2026).
   Werte 1:1 aus dem Elementor-Kit (wp-content/uploads/elementor/css/post-11.css): h1 = Poppins 45px, h2 = Bebas Neue 32px.
   cd-optik-h2: jetzt h1, sieht aus wie bisher als h2 (Hauptueberschrift Cloud Backup, Cybersicherheit, Downloads, IT Betreuung, Office 365)
   cd-optik-h1: jetzt h2, sieht aus wie bisher als h1 (Paragrafen der AGB) */
.elementor-kit-11 h1.cd-optik-h2 { font-family: "Bebas Neue", Sans-serif; font-size: 32px; }
.elementor-kit-11 h2.cd-optik-h1 { font-family: "Poppins", Sans-serif; font-size: 45px; }
/* ehemaliger Link mit totem Ziel: Text behaelt die bisherige Linkfarbe */
.elementor-kit-11 .cd-optik-link { color: var(--e-global-color-primary); }