.elementor-20907 .elementor-element.elementor-element-main{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-20907 .elementor-element.elementor-element-legal-hero{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:88px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;overflow:visible;}.elementor-20907 .elementor-element.elementor-element-legal-hero:not(.elementor-motion-effects-element-type-background), .elementor-20907 .elementor-element.elementor-element-legal-hero > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20907 .elementor-element.elementor-element-legal-eyebrow > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-20907 .elementor-element.elementor-element-legal-eyebrow .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:0.78rem;font-weight:600;text-transform:uppercase;line-height:1.6;letter-spacing:0.08em;color:#203AEA;}.elementor-20907 .elementor-element.elementor-element-legal-h1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:clamp(2rem, 7vw, 3.6rem);font-weight:700;line-height:1.08;letter-spacing:-0.025em;color:#020028;}.elementor-20907 .elementor-element.elementor-element-legal{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:112px;--padding-left:24px;--padding-right:24px;overflow:visible;}.elementor-20907 .elementor-element.elementor-element-legal:not(.elementor-motion-effects-element-type-background), .elementor-20907 .elementor-element.elementor-element-legal > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-20907 .elementor-element.elementor-element-legal-hero{--content-width:812px;}.elementor-20907 .elementor-element.elementor-element-legal{--content-width:812px;}}
/* Start custom CSS for heading, class: .elementor-element-legal-h1 */.elementor-20907 .elementor-element.elementor-element-legal-h1 .elementor-heading-title{overflow-wrap:break-word;hyphens:manual}
@media (max-width:420px){.elementor-20907 .elementor-element.elementor-element-legal-h1 h1.elementor-heading-title{font-size:1.6rem}}
/* Handy-Groesse wie im Prototyp (lib/page.mobile_heads, Session 56) */
@media (max-width:600px){.elementor-20907 .elementor-element.elementor-element-legal-h1 .elementor-heading-title{font-size:clamp(1.75rem, 1.1rem + 2.8vw, 2rem)}}/* End custom CSS */

/* Start custom CSS for container, class: .elementor-element-legal-hero */@media (max-width:1000px){.elementor-20907 .elementor-element.elementor-element-legal-hero{--padding-top:56px;--padding-bottom:16px}}/* End custom CSS */


/* Start custom CSS for container, class: .elementor-element-legal */@media (max-width:1000px){.elementor-20907 .elementor-element.elementor-element-legal{--padding-bottom:64px}}/* End custom CSS */


/* Start custom CSS *//* [id]{scroll-margin-top:100px} wie im Prototyp */
.elementor-20907 [id]{scroll-margin-top:100px}
/* Rechtstext (Shortcode-/Text-Widget) = .legal-Typografie des Prototyps */
.elementor-20907 .dv-legal .dv-legal-text{font-family:'Roboto',Arial,sans-serif;font-size:1rem;font-weight:400;font-style:normal;line-height:1.65;letter-spacing:normal;color:#333333;text-transform:none;overflow-wrap:break-word}
.elementor-20907 .dv-legal .dv-legal-text :is(h1,h2,h3,h4,h5,h6,p,ul,ol,li,div){margin:0;padding:0}
.elementor-20907 .dv-legal .dv-legal-text h2{font-family:'Poppins',Arial,sans-serif;font-size:1.4rem;font-weight:700;font-style:normal;line-height:1.2;letter-spacing:-.018em;color:#020028;text-transform:none;margin:52px 0 16px;overflow-wrap:break-word}
.elementor-20907 .dv-legal .dv-legal-text h2:first-of-type{margin-top:0}
.elementor-20907 .dv-legal .dv-legal-text h3{font-family:'Poppins',Arial,sans-serif;font-size:1.05rem;font-weight:600;font-style:normal;line-height:1.25;letter-spacing:-.008em;color:#020028;text-transform:none;margin:28px 0 10px;overflow-wrap:normal}
.elementor-20907 .dv-legal .dv-legal-text p{margin:0 0 14px;font-size:1rem;line-height:1.65;color:#333333}
/* .legal ul{margin:0 0 14px 20px} – gilt hier auch fuer <ol> (AGB-Livetext), Prototyp kennt nur ul */
.elementor-20907 .dv-legal .dv-legal-text :is(ul,ol){margin:0 0 14px 20px}
.elementor-20907 .dv-legal .dv-legal-text :is(ul,ol) li{margin:0 0 8px;font-size:1rem;line-height:1.6;color:#333333}
.elementor-20907 .dv-legal .dv-legal-text :is(ul,ol) :is(ul,ol){margin-top:8px}
.elementor-20907 .dv-legal .dv-legal-text strong{font-weight:bolder;color:#020028}
.elementor-20907 .dv-legal .dv-legal-text b{font-weight:bolder}
/* a / a:hover (dive-v2.css); Unterstreichung + Fokus-Ring kommen aus dem Sockel-CSS (main a:hover / :focus-visible) */
.elementor-20907 .dv-legal .dv-legal-text a{color:#203AEA}
.elementor-20907 .dv-legal .dv-legal-text a:hover{color:#020028}
.elementor-20907 .dv-legal .dv-legal-text :is(p,li){overflow-wrap:break-word}
@media (max-width:1000px){.elementor-20907 .dv-legal .dv-legal-text h2{margin-top:40px}.elementor-20907 .dv-legal .dv-legal-text h2:first-of-type{margin-top:0}}
/* AVV (30.09.2026): Bausteine, die die uebrigen Rechtsseiten nicht haben. */
.elementor-20907 .dv-legal .dv-legal-text .legal-lead{font-size:1.06rem;line-height:1.6;color:#4A536B;max-width:62ch;margin:12px 0 0}
.elementor-20907 .dv-legal .dv-legal-text .legal-note{font-size:.88rem;line-height:1.6;color:#66708A}
/* Entwurfsbanner und Luecken-Kaesten: sichtbar markiert, damit niemand sie fuer fertigen Text haelt. */
.elementor-20907 .dv-legal .dv-legal-text .draft-banner{display:flex;gap:14px;align-items:flex-start;background:#EAEFF7;border:2px dashed #558CED;border-radius:14px;padding:20px 24px;margin:0 0 12px}
.elementor-20907 .dv-legal .dv-legal-text .draft-banner p{margin:0;font-size:.95rem;line-height:1.55;color:#4A536B}
.elementor-20907 .dv-legal .dv-legal-text .ph-box{background:#EAEFF7;border:2px dashed #558CED;border-radius:12px;padding:18px 22px;margin:14px 0 22px}
.elementor-20907 .dv-legal .dv-legal-text .ph-box p{margin:0}
.elementor-20907 .dv-legal .dv-legal-text .ph-tag{display:inline-block;font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;background:#020028;color:#BEFF2E;border-radius:999px;padding:4px 12px;margin-bottom:10px}
/* Tabelle der Unterauftragsverarbeiter: am Handy seitlich schiebbar statt gequetscht. */
.elementor-20907 .dv-legal .dv-legal-text .legal-tabelle{margin:0 0 20px;overflow-x:auto}
.elementor-20907 .dv-legal .dv-legal-text .legal-tabelle table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:620px}
.elementor-20907 .dv-legal .dv-legal-text .legal-tabelle th,.elementor-20907 .dv-legal .dv-legal-text .legal-tabelle td{text-align:left;vertical-align:top;padding:11px 14px;border-bottom:1px solid #E6ECF6}
.elementor-20907 .dv-legal .dv-legal-text .legal-tabelle th{font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#4A536B;background:#EAEFF7;border-bottom:none}
.elementor-20907 .dv-legal .dv-legal-text .legal-tabelle tr:last-child td{border-bottom:none}
.elementor-20907 .dv-legal .dv-legal-text .legal-tabelle td{color:#333333}/* End custom CSS */