/*
 * Header, Mega-Menue, Breadcrumb und Footer der alten Seite fuer Divi-Seiten.
 * Werte: docs/design-alte-seite.md (aus styles.min.css und Bootstrap 3 der alten Seite).
 */

@font-face { font-family: 'Roboto'; src: url('/fonts/roboto-regular-webfont.woff2') format('woff2'), url('/fonts/roboto-regular-webfont.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto-italic-webfont.woff2') format('woff2'), url('/fonts/roboto-italic-webfont.woff') format('woff'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto-bold-webfont.woff2') format('woff2'), url('/fonts/roboto-bold-webfont.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto-black-webfont.woff2') format('woff2'), url('/fonts/roboto-black-webfont.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Orienta'; src: url('/fonts/orienta-regular-webfont.woff2') format('woff2'), url('/fonts/orienta-regular-webfont.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }

:root {
    --lc-cyan: #0f6f93;
    --lc-cyan-end: #0f6f93;
    --lc-teal: #0b5876;
    --lc-teal-dark: #0b5876;
    --lc-blue: #0f6f93;
    --lc-text: #7e7e7e;
    --lc-content: #10283a;
    --lc-container: 1024px;
}

.lc-container { box-sizing: border-box; width: 100%; max-width: var(--lc-container); margin: 0 auto; padding: 0 15px; position: relative; }
.lc-blue { color: var(--lc-blue) !important; font-weight: 900; }

/* Header und Footer: Abschnitt "Header und Footer (2026)" am Ende */


/* ---------- Inhalt der Divi-Seiten im Stil der alten Seite ---------- */
body.lcube-divi { font-family: Roboto, Arial, sans-serif; } /* lokal gehostet; Google Fonts sind in Divi abgeschaltet */
body.lcube-divi #main-content, body.lcube-divi .et_pb_section { background-color: transparent; }
body.lcube-divi #page-container { padding-top: 0 !important; }
body.lcube-divi .et_pb_row { width: 100%; max-width: var(--lc-container); padding-left: 15px; padding-right: 15px; }
body.lcube-divi .lc-content, body.lcube-divi .et_pb_text { font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 25px; color: var(--lc-content); text-align: justify; }
body.lcube-divi .et_pb_text h1 { font-family: Roboto, Arial, sans-serif; font-weight: 400; font-size: 48px; line-height: 1.1; color: var(--lc-content); text-align: left; margin: 0 0 10px; padding: 0; }
body.lcube-divi .et_pb_text h2, body.lcube-divi .et_pb_text h3, body.lcube-divi .et_pb_text h4 { font-family: Roboto, Arial, sans-serif; font-weight: 900; font-size: 28px; line-height: 1.1; color: var(--lc-content); text-align: left; margin: 0 0 10px; padding: 0; }
body.lcube-divi .et_pb_text a { color: var(--lc-cyan); }
body.lcube-divi .et_pb_text a:hover { color: var(--lc-content); text-decoration: underline; }
@media (max-width: 767px) { body.lcube-divi .et_pb_text h1 { font-size: 28px; } }

/* FAQ aus Listen ([lcube_faq]) */
.lcube-faq-item { border-bottom: 1px solid #e5e5e5; }
.lcube-faq-item summary { padding: 12px 30px 12px 0; cursor: pointer; font-weight: 900; font-size: 18px; color: var(--lc-content); list-style: none; position: relative; }
.lcube-faq-item summary::-webkit-details-marker { display: none; }
.lcube-faq-item .lcube-faq-q, body.lcube-divi .et_pb_text .lcube-faq-item .lcube-faq-q { display: inline; margin: 0; padding: 0; font: inherit; color: inherit; }
.lcube-faq-item summary { text-align: left; }
.lcube-faq-item summary::after { content: '+'; position: absolute; right: 5px; top: 8px; font-size: 24px; color: var(--lc-cyan); }
.lcube-faq-item[open] summary::after { content: '\2212'; }
.lcube-faq-answer { padding: 0 0 15px; }

/* Divi-Abstaende in den Header/Footer-Abschnitten des Theme Builders aufheben */
.et_pb_section.lc-chrome { padding: 0 !important; background-color: transparent; }
.et_pb_section.lc-chrome .et_pb_row { padding: 0 !important; }
.et_pb_section.lc-chrome .et_pb_module { margin-bottom: 0 !important; }
.et_pb_row.lc-fullrow { width: 100% !important; max-width: none !important; padding: 0 !important; }

/* ---------- Bausteine im Inhalt (Konverter) ---------- */
body.lcube-divi .et_pb_section.lc-content { padding: 15px 0; }
body.lcube-divi .lc-content .et_pb_row { padding: 0 15px; }
body.lcube-divi .lc-content .et_pb_module { margin-bottom: 0; }

/* Preis-/Bestellpfeil */
.lc-preispfeil { display: inline-flex; align-items: stretch; height: 73px; margin: 10px 0; white-space: nowrap; font-family: Roboto, Arial, sans-serif; }
.lc-pp-preis { position: relative; padding: 12px 30px 0 45px; background: #0f6f93; color: #fff; font-weight: 900; font-size: 40px; line-height: 40px; text-shadow: none; }
.lc-pp-preis span { display: block; font-size: 10px; line-height: 14px; font-weight: 400; text-shadow: none; }
.lc-pp-preis::after { content: ''; position: absolute; top: 0; right: -23px; border-style: solid; border-width: 36.5px 0 36.5px 23px; border-color: transparent transparent transparent #0f6f93; z-index: 1; }
.lc-pp-link { position: relative; display: block; padding: 24px 25px 0 45px; background: #e8e8e8; color: #8d8d8d !important; font-weight: 700; font-size: 18px; text-shadow: 2px 2px 1px #fff; text-decoration: none !important; }
.lc-pp-link::after { content: ''; position: absolute; top: 0; right: -22px; border-style: solid; border-width: 36.5px 0 36.5px 22px; border-color: transparent transparent transparent #e8e8e8; }
.lc-pp-link:hover { color: #5f5f5f !important; }
@media (max-width: 767px) { .lc-pp-preis { font-size: 20px; padding: 23px 20px 0 20px; } .lc-pp-link { font-size: 12px; } }

/* Option-Pfeil */
.lc-option { position: relative; display: inline-block; height: 36px; margin: 0 20px 10px 0; padding: 0 13px; background: #0f6f93; color: #fff; font: 400 18px/36px Roboto, Arial, sans-serif; }
.lc-option::after { content: ''; position: absolute; top: 0; right: -10px; border-style: solid; border-width: 18px 0 18px 10px; border-color: transparent transparent transparent #0f6f93; }

/* "Was Sie bekommen"-Banner */
.lc-banner { position: relative; height: 67px; margin: 0 0 10px; text-align: center; }
.lc-banner::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 56px; background: #f3f3f3; }
.lc-banner span { position: relative; display: inline-block; width: 231px; height: 67px; padding-top: 13px; background: url('/images/wassiebekommen.png') no-repeat; color: #fff; font: 700 18px Roboto, Arial, sans-serif; }

/* Feature-Kacheln */
body.lcube-divi .lc-tile-row { border-bottom: 1px solid #e5e5e5; }
/* Senkrechte Trennlinie genau in der Zeilenmitte (unter der Pfeilspitze von "Was Sie bekommen"), nicht am Spaltenrand vor dem Divi-Spaltenabstand */
body.lcube-divi .lc-tile-row { position: relative; }
body.lcube-divi .lc-tile-row::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; border-left: 1px solid #e5e5e5; }
@media (max-width: 767px) { body.lcube-divi .lc-tile-row::before { display: none; } }
body.lcube-divi .lc-tile { padding: 40px 20px; color: #7f7f7f; text-align: justify; }
body.lcube-divi .lc-tile .et_pb_module_header, body.lcube-divi .lc-tile h2 { font: 400 30px/1.1 Roboto, Arial, sans-serif; color: #7f7f7f; padding-bottom: 10px; }
body.lcube-divi .lc-tile .et_pb_blurb_description, body.lcube-divi .lc-tile .et_pb_blurb_description p { font-size: 14px; line-height: 25px; text-align: justify; }
body.lcube-divi .lc-tile .et_pb_main_blurb_image { display: none; }
body.lcube-divi .lc-tile .lc-option { display: table; } /* eigene Zeile, darunter Bild links umflossen */
body.lcube-divi .lc-tile img.float-left { float: left; margin: 10px; }
body.lcube-divi .lc-tile .et_pb_blurb_description::after { content: ''; display: block; clear: both; }
body.lcube-divi .lc-bild img { display: block; margin: 0 auto; }
@media (max-width: 767px) { body.lcube-divi .lc-bild { display: none; } }

/* Preistabellen im Stil des alten Paketvergleichs */
body.lcube-divi .lc-pricing .et_pb_pricing_table { border: 0; background: #fff; text-align: center; box-shadow: 0 0 0 1px #e5e5e5; }
body.lcube-divi .lc-pricing .et_pb_pricing_heading { padding: 20px 10px 10px; background: linear-gradient(to bottom, #1a85ad 0%, #0f6f93 100%); }
body.lcube-divi .lc-pricing .et_pb_pricing_title { font: 700 20px/1.25 Roboto, Arial, sans-serif; color: #fff; text-shadow: none; }
body.lcube-divi .lc-pricing .et_pb_best_value { font: 600 15px/1.3 Roboto, Arial, sans-serif; color: #8fd8f2; text-shadow: none; }
body.lcube-divi .lc-pricing .et_pb_pricing_content_top { padding: 10px 10px 20px; background: #0f6f93; border-bottom: 0; }
body.lcube-divi .lc-pricing .et_pb_sum { font: 900 40px/40px Roboto, Arial, sans-serif; color: #fff; text-shadow: none; }
body.lcube-divi .lc-pricing .et_pb_dollar_sign { color: #fff; font-weight: 900; }
body.lcube-divi .lc-pricing .et_pb_frequency { display: block; color: #fff; font-size: 12px; }
body.lcube-divi .lc-pricing .et_pb_pricing li { padding: 8px 10px; border-bottom: 1px solid #eee; font-size: 14px; color: #737373; text-align: center; }
body.lcube-divi .lc-pricing .et_pb_pricing li::before { display: none; }
body.lcube-divi .lc-pricing .et_pb_pricing li a.lc-more { font: 600 14px Roboto, Arial, sans-serif; color: #0f6f93; text-transform: none; }
body.lcube-divi .lc-pricing .et_pb_button { background: #0f6f93; border: 0; border-radius: 8px; color: #fff; font: 600 16px/1.2 Roboto, Arial, sans-serif; padding: 12px 22px !important; }
body.lcube-divi .lc-pricing .et_pb_button:hover { background: #0b5876; }

body.lcube-divi .et_pb_section.lc-content:first-of-type { padding-top: 30px; }

/* Preistabellen: keine Aufzaehlungszeichen, Preis mit Euro dahinter */
body.lcube-divi .lc-pricing .et_pb_pricing li, body.lcube-divi .lc-pricing .et_pb_pricing li span { padding-left: 0 !important; }
body.lcube-divi .lc-pricing .et_pb_pricing li::before, body.lcube-divi .lc-pricing .et_pb_pricing li span::before { content: none !important; display: none !important; }

/* Paketvergleich als Karussell */
body.lcube-divi .lc-pricing-carousel .et_pb_group { padding: 0 15px; }
body.lcube-divi .lc-pricing-carousel .lc-pricing { margin-bottom: 0; }

body.lcube-divi .lc-pricing .et_pb_frequency_slash { display: none; }

/* Seitenhintergrund weiss (der Farbverlauf-Banner der alten Seite unter dem Header ist entfallen) */
body.lcube-divi { position: relative; background: #fff; }
body.lcube-divi #page-container, body.lcube-divi #et-main-area, body.lcube-divi #main-content,
body.lcube-divi .et-l--body, body.lcube-divi .et-l--header, body.lcube-divi .et_builder_inner_content { background: transparent !important; }

/* ---------- Startseite (body.lcube-home) ---------- */

/* Slider: Bild 1920px breit oben mittig, Textkasten rechts wie im alten CMS */
/* Die Bilder sind oben transparent und lagen im alten CMS 43px hoeher ueber dem blauen Menueband */
.et_pb_section.lc-home-slider-section { padding: 0 !important; margin-top: -43px; position: relative; z-index: 1; }
.lc-home-slider, .lc-home-slider .et_pb_slides { background: transparent !important; }
.lc-home-slider, .lc-home-slider .et_pb_slides, .lc-home-slider .et_pb_slide { height: 519px; min-height: 519px; }
.lc-home-slider .et_pb_slide { padding: 0 !important; background-size: 1920px auto !important; background-position: top center !important; background-color: transparent !important; }
.lc-home-slider .et_pb_container { position: relative; width: 100%; max-width: var(--lc-container); height: 519px !important; margin: 0 auto; padding: 0 15px; }
.lc-home-slider .et_pb_slider_container_inner, .lc-home-slider .et_pb_slide_description { position: static; display: block; padding: 0 !important; text-align: left; }
.lc-home-slider .et_pb_slide_content {
    position: absolute; top: 130px; right: -10px; padding: 10px; border-radius: 10px; background: rgba(0, 0, 0, .5);
    box-shadow: 5px 5px 5px rgba(68, 68, 68, .6); font: 400 60px/60px Roboto, Arial, sans-serif; color: #fff; text-shadow: 3px 3px 1px #888;
}
.lc-home-slider .et_pb_slide_content h1, .lc-home-slider .et_pb_slide_content .lc-slide-h1 { margin: 0; padding: 0; font: 900 60px/60px Roboto, Arial, sans-serif; color: #fff; }
.lc-home-slider .et_pb_slide_content strong { font-weight: 900; }
.lc-home-slider .et_pb_slide_content .klein { font-size: 36px; }
.lc-home-slider .et-pb-controllers { bottom: 205px; }
.lc-home-slider .et-pb-arrow-prev, .lc-home-slider .et-pb-arrow-next { top: 35%; }
@media (max-width: 991px) { .lc-home-slider .et_pb_slide_content { right: 10px; } }
@media (max-width: 767px) {
    .lc-home-slider, .lc-home-slider .et_pb_slides, .lc-home-slider .et_pb_slide, .lc-home-slider .et_pb_container { height: 240px !important; min-height: 240px; }
    .lc-home-slider .et_pb_slide { background-size: cover !important; }
    body.lcube-divi .lc-home-slider .et_pb_slide_description, body.lcube-divi .lc-home-slider .et_pb_slide_content { display: none !important; }
    .lc-home-slider .et-pb-controllers { bottom: 10px; }
}

/* Paket-Kaesten ueberlappen den Slider (alter #slider-spacer: 332px) */
.et_pb_section.lc-home-boxes { position: relative; z-index: 2; margin-top: -107px; }
@media (max-width: 767px) { .et_pb_section.lc-home-boxes { margin-top: 0; } }

/* Produktkaesten: Rahmen mit Schatten, Ueberschrift gross grau, Bild mittig */
.lc-home-packages .et_pb_row.lc-home-package { margin-bottom: 55px; padding: 30px !important; border: 1px solid #dfdfdf; box-shadow: 5px 5px 5px #dfdfdf; background: #fff; align-items: center; }
.lc-home-packages .lc-hp-text h2 { font: 400 48px/1.1 Roboto, Arial, sans-serif !important; color: #7f7f7f !important; margin: 0 0 10px; }
.lc-home-packages .lc-hp-text p { line-height: 180%; text-align: justify; }
.lc-home-packages .lc-hp-rechts h2 { text-align: right !important; }
.lc-home-packages .lc-hp-rechts .lc-preispfeil { float: right; }
.lc-home-packages .lc-hp-text::after { content: ''; display: block; clear: both; }
.lc-home-packages .et_pb_image { text-align: center; }
@media (max-width: 767px) {
    .lc-home-packages .et_pb_row.lc-home-package { padding: 10px !important; }
    .lc-home-packages .lc-hp-text h2 { font-size: 28px !important; }
    .lc-home-packages .et_pb_image { display: none; }
}

/* "Professional Hosting, made in Germany" */
.lc-ueberlcube .et_pb_row { align-items: center; }
.lc-ueberlcube h2 { font: 900 36px/1.1 Roboto, Arial, sans-serif !important; color: var(--lc-blue) !important; }
@media (max-width: 767px) { .lc-ueberlcube .et_pb_image { display: none; } }

/* Preispfeil: Zusatzzeile im Link, gespiegelte Variante (rechtsbuendig) */
.lc-pp-link.has-zusatz { padding-top: 16px; line-height: 22px; }
.lc-pp-link small { display: block; font-size: 10px; line-height: 12px; font-weight: 400; text-shadow: none; }
.lc-preispfeil.is-rechts { flex-direction: row-reverse; }
.lc-preispfeil.is-rechts .lc-pp-preis { padding: 12px 45px 0 30px; }
.lc-preispfeil.is-rechts .lc-pp-preis::after { right: auto; left: -23px; border-width: 36.5px 23px 36.5px 0; border-color: transparent #0f6f93 transparent transparent; }
.lc-preispfeil.is-rechts .lc-pp-link { padding-left: 25px; padding-right: 45px; }
.lc-preispfeil.is-rechts .lc-pp-link::after { right: auto; left: -22px; border-width: 36.5px 22px 36.5px 0; border-color: transparent #e8e8e8 transparent transparent; }

/* Paket-Kaesten der Startseite mit den Grafiken des alten CMS (228px breit): Kopf mit Name und
   Preis in Pfeilform, Merkmalszeilen, Abschluss mit "MEHR INFOS" und Haken */
body.lcube-divi .lc-home-boxes-carousel .lc-pricing .et_pb_pricing_table {
    width: 228px; margin: 0 auto; padding: 0; border: 0; box-shadow: none; background: url('/images/kasten-blau.png') top center no-repeat;
}
body.lcube-divi .lc-home-boxes-carousel .et_pb_pricing_table, body.lcube-divi .lc-home-boxes-carousel .et_pb_pricing_table * { gap: 0 !important; } /* Divi-5-Flexabstand */
body.lcube-divi .lc-home-boxes-carousel .et_pb_pricing_heading { height: 57px; padding: 17px 0 0; background: none; border: 0; }
body.lcube-divi .lc-home-boxes-carousel .et_pb_pricing_title { margin: 0; padding: 0; font: 400 21px/24px Orienta, Arial, sans-serif; font-style: normal; color: #0b5876; text-shadow: 1px 1px #fff; }
body.lcube-divi .lc-home-boxes-carousel .et_pb_best_value { display: none; }
body.lcube-divi .lc-home-boxes-carousel .et_pb_pricing_content_top { height: 99px; padding: 10px 0 0; background: none; border: 0; }
body.lcube-divi .lc-home-boxes-carousel .et_pb_et_price { padding: 0; }
body.lcube-divi .lc-home-boxes-carousel .et_pb_sum { font: 900 40px/40px Roboto, Arial, sans-serif; color: #fff; text-shadow: 3px 3px 1px #888; }
body.lcube-divi .lc-home-boxes-carousel .et_pb_frequency { margin-top: 2px; font-size: 12px; line-height: 14px; color: #fff; text-shadow: 1px 1px 1px #888; }
body.lcube-divi .lc-home-boxes-carousel .et_pb_dollar_sign { display: none; }
body.lcube-divi .lc-home-boxes-carousel .et_pb_pricing_content { padding: 0 !important; background: none; }
body.lcube-divi .lc-home-boxes-carousel .et_pb_pricing_content ul { margin: 0 !important; padding: 0 !important; }
body.lcube-divi .lc-home-boxes-carousel .et_pb_pricing li {
    height: 36px; padding: 10px 6px 0 !important; border: 0; background: url('/images/kasten-textzeile.png') no-repeat;
    font: 400 14px/18px Roboto, Arial, sans-serif; color: #737373; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
body.lcube-divi .lc-home-boxes-carousel .et_pb_button_wrapper { height: 110px; margin: 0; padding: 30px 0 0; background: url('/images/kasten-bottom.png') top center no-repeat; }
body.lcube-divi .lc-home-boxes-carousel .et_pb_button { display: inline-block; margin: 0; padding: 0 !important; border: 0; background: none !important; font: 400 21px Orienta, Arial, sans-serif; color: #9b9b9b !important; text-transform: uppercase; }
body.lcube-divi .lc-home-boxes-carousel .et_pb_button::after { content: ''; display: block; position: static; width: 50px; height: 13px; margin: 2px auto 0; opacity: 1; background: url('/images/kasten-mehrinfos.png') no-repeat; }
body.lcube-divi .lc-home-boxes-carousel .et_pb_button:hover { color: #5b5b5b !important; }

/* Slider-Text ohne Einblend-Animation von unten (stand im alten CMS fest) */
.lc-home-slider .et_pb_slide_description, .lc-home-slider .et_pb_slide_content, .lc-home-slider .et_pb_slider_container_inner {
    animation: none !important; transform: none !important; margin: 0 !important; opacity: 1 !important;
}

/* Textblock mit Bannerbild darunter ({BILDTEXT} untereinander) und Trennlinie unter Bloecken */
body.lcube-divi .et_pb_row.lc-underline { border-bottom: 1px solid #e5e5e5; padding-bottom: 30px !important; }
body.lcube-divi .lc-bildtext-untereinander { padding-top: 30px !important; }
.lc-bildbanner { position: relative; margin-top: 30px; }
.lc-bildbanner img { display: block; width: 100%; height: auto; }
.lc-bildbanner-titel { position: absolute; top: 61px; left: 35px; font: 400 48px/1.1 Roboto, Arial, sans-serif; color: #fff; }
.lc-bildbanner .lc-preispfeil { position: absolute; bottom: 10%; right: 32%; margin: 0; } /* Bild ist unten teils transparent (Serverturm ragt heraus) */
@media (max-width: 991px) { .lc-bildbanner-titel { top: 25px; font-size: 36px; } .lc-bildbanner .lc-preispfeil { right: 25%; } }
@media (max-width: 767px) {
    .lc-bildbanner-titel { top: 15px; left: 10px; font-size: 28px; }
    .lc-bildbanner .lc-preispfeil { position: static; display: flex; margin-top: 10px; }
}

/* Kachelzeilen ohne Divi-Abstand dazwischen: senkrechte und waagerechte Linien stossen wie im alten CMS aneinander */
body.lcube-divi .et_pb_section.lc-tiles { gap: 0 !important; row-gap: 0 !important; }
body.lcube-divi .et_pb_section.lc-tiles > .et_pb_row { margin-top: 0 !important; margin-bottom: 0 !important; }

/* ul.zweispalten aus dem alten CMS: Bild links (40%), Text rechts, ohne Aufzaehlungspunkte */
body.lcube-divi ul.zweispalten { display: flex; gap: 20px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.lcube-divi ul.zweispalten > li { margin: 0; padding: 0 !important; list-style: none !important; }
body.lcube-divi ul.zweispalten > li::before { content: none !important; display: none !important; }
body.lcube-divi ul.zweispalten > li:first-child { flex: 0 0 40%; }
body.lcube-divi ul.zweispalten > li:last-child { flex: 1 1 auto; }
body.lcube-divi ul.zweispalten > li img { width: 100% !important; float: none !important; margin: 0 !important; }
@media (max-width: 767px) { body.lcube-divi ul.zweispalten { display: block; } body.lcube-divi ul.zweispalten > li img { max-width: 200px; } }

/* "Was Sie bekommen": die Trennlinie der Kacheln beginnt direkt unter der Pfeilspitze (ohne Abschnittsabstaende) */
body.lcube-divi .et_pb_section.lc-banner-section { padding-bottom: 0 !important; }
body.lcube-divi .et_pb_section.lc-banner-section .lc-banner { margin-bottom: 0; }
body.lcube-divi .et_pb_section.lc-banner-section + .et_pb_section.lc-tiles { padding-top: 0 !important; }

/* Produktseiten nach Anforderung (Pilot GitLab): Einstieg, Buttons, Groessentabelle, Schritte, Abschluss */
body.lcube-divi .lc-hero h1 { margin-bottom: 10px; }
body.lcube-divi .lc-hero .lc-lead { font-size: 17px; line-height: 1.6; color: #555; }
body.lcube-divi .lc-hero .lc-from { font: 400 22px Roboto, Arial, sans-serif; color: #0b5876; margin: 15px 0; }
body.lcube-divi .lc-hero .lc-from strong { font: 900 30px Roboto, Arial, sans-serif; }
body.lcube-divi .lc-hero img.lc-hero-logo { float: right; width: 180px; margin: 0 0 10px 20px; }
body.lcube-divi a.lc-btn { display: inline-block; margin: 5px 10px 5px 0; padding: 12px 22px; border-radius: 8px; background: #0f6f93; color: #fff !important; font: 600 16px/1.2 Roboto, Arial, sans-serif; transition: background .15s, color .15s; text-decoration: none; }
body.lcube-divi a.lc-btn:hover { background: #0b5876; }
body.lcube-divi a.lc-btn.lc-btn-alt { background: #fff; color: #0b5876 !important; box-shadow: inset 0 0 0 1px #0f6f93; }
body.lcube-divi a.lc-btn.lc-btn-alt:hover { background: #e9f4f8; }
body.lcube-divi .lc-usps ul { display: flex; flex-wrap: wrap; gap: 10px 20px; margin: 0; padding: 0 !important; list-style: none; }
body.lcube-divi .lc-usps li { flex: 1 1 200px; padding: 12px 15px 12px 15px !important; background: #f4f9fb; border-left: 4px solid #0f6f93; font-size: 14px; }
body.lcube-divi .lc-usps li::before { display: none; }
body.lcube-divi .lc-usps li strong { display: block; color: #0b5876; font-size: 16px; }
body.lcube-divi table.lc-sizing { width: 100%; border-collapse: collapse; margin: 15px 0; }
body.lcube-divi table.lc-sizing th { background: #0f6f93; color: #fff; text-align: left; padding: 10px; font-weight: 400; }
body.lcube-divi table.lc-sizing td { padding: 10px; border-bottom: 1px solid #e5e5e5; vertical-align: top; }
body.lcube-divi table.lc-sizing tr.lc-sizing-request td { background: #f4f9fb; }
@media (max-width: 767px) { body.lcube-divi table.lc-sizing td:nth-child(3), body.lcube-divi table.lc-sizing th:nth-child(3) { display: none; } }
@media (max-width: 479px) {
    body.lcube-divi table.lc-sizing { font-size: 13px; }
    body.lcube-divi table.lc-sizing th, body.lcube-divi table.lc-sizing td { padding: 8px 5px; overflow-wrap: anywhere; hyphens: auto; }
}
body.lcube-divi .lc-pricing .et_pb_featured_table { box-shadow: 0 0 0 3px #0b5876; z-index: 1; }
body.lcube-divi .lc-pricing .et_pb_featured_table .et_pb_pricing_heading, body.lcube-divi .lc-pricing .et_pb_featured_table .et_pb_pricing_content_top { background: #0b5876; }
body.lcube-divi ol.lc-steps { counter-reset: lcstep; list-style: none; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 20px; }
body.lcube-divi ol.lc-steps li { counter-increment: lcstep; flex: 1 1 220px; position: relative; padding: 15px 15px 15px 60px !important; background: #f4f9fb; }
body.lcube-divi ol.lc-steps li::before { content: counter(lcstep); position: absolute; left: 15px; top: 12px; width: 32px; height: 32px; border-radius: 50%; background: #0f6f93; color: #fff; font: 700 18px/32px Roboto, Arial, sans-serif; text-align: center; }
body.lcube-divi .lc-cta-section { background: #e9f4f8; }
body.lcube-divi .lc-cta-section h2 { color: #0b5876; }
body.lcube-divi .lc-faq .et_pb_toggle { border-color: #e5e5e5; }
body.lcube-divi .lc-faq .et_pb_toggle_title { font-size: 16px; color: #0b5876; }
body.lcube-divi .lc-faq .et_pb_toggle_content, body.lcube-divi .lc-faq .et_pb_toggle_content p { text-align: left; } /* FAQ-Antworten linksbuendig statt Blocksatz aus .lc-content (2026-11-02) */
/* schmale Kaesten linksbuendig (Blocksatz reisst dort grosse Luecken) */
/* Produktlogos (z.B. "WordPress Hosting by LCube") im Kopfbereich und in Karten */
body.lcube-divi .lc-hero img.lc-hero-brand { float: right; width: 340px; max-width: 38%; height: auto; margin: 0 0 15px 30px; }
body.lcube-divi .lc-card img.lc-card-logo { display: block; width: 220px; max-width: 100%; height: auto; margin: 0 0 12px; }
@media (max-width: 767px) {
    body.lcube-divi .lc-hero img.lc-hero-brand { float: none; display: block; width: 240px; max-width: 75%; margin: 0 0 15px; }
}
/* Partner-Logo (z.B. Shopware Technology Partner) unter der Einleitung */
body.lcube-divi .lc-hero img.lc-partner-badge { display: inline-block; width: 75px; height: auto; margin: 5px 0 0; }
/* zweiter Einleitungsabsatz (SEO-Text) unter der Einleitung */
body.lcube-divi .lc-hero .lc-intro { font-size: 15px; line-height: 1.6; color: #555; }
body.lcube-divi .lc-hero .lc-lead, body.lcube-divi .lc-hero .lc-intro, body.lcube-divi .lc-usps, body.lcube-divi .lc-usps p, body.lcube-divi .lc-addons .et_pb_blurb_description,
body.lcube-divi ol.lc-steps li, body.lcube-divi table.lc-sizing td, body.lcube-divi .lc-sizing-section .et_pb_text p,
body.lcube-divi .lc-aigw .et_pb_text p, body.lcube-divi .lc-aigw .et_pb_text li, body.lcube-divi .lc-secnode .et_pb_text p, body.lcube-divi .lc-secnode .et_pb_text li,
body.lcube-divi .lc-selfhosted .et_pb_text p { text-align: left; }
.lc-nowrap { white-space: nowrap; } /* z.B. "ab 25,51 €" nicht umbrechen */
@media (max-width: 767px) {
    body.lcube-divi .lc-hero img.lc-hero-logo { display: none; }
    body.lcube-divi .lc-hero .lc-from strong { display: block; }
}

/* Moderne Karten fuer neu gestaltete Seiten (ersetzen dort Kachel + Pfeil-Etikett lc-tile/lc-option) */
body.lcube-divi .lc-card-row { margin-bottom: 0 !important; column-gap: 24px; }
/* "Warum LCube": sechs Karten in einer Zeile (globales Element der Divi-Bibliothek), Umbruch nach drei Karten */
body.lcube-divi .lc-why-cards { row-gap: 24px; }
body.lcube-divi .et_pb_section.lc-cards { row-gap: 24px !important; } /* Abstand zwischen Kartenzeilen = zwischen Karten */
body.lcube-divi .lc-card-row > .et_pb_column { display: flex; flex-direction: column; }
body.lcube-divi .lc-card { flex: 1 1 auto; height: 100%; margin: 0 !important; padding: 28px 28px 24px; background: #fff; border-radius: 12px;
    box-shadow: 0 1px 2px rgba(15, 111, 147, .06), 0 6px 20px rgba(15, 111, 147, .08); transition: box-shadow .2s, transform .2s; }
body.lcube-divi .lc-card:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(15, 111, 147, .08), 0 12px 28px rgba(15, 111, 147, .12); }
body.lcube-divi .lc-card .et_pb_main_blurb_image { display: none; }
body.lcube-divi .lc-card .et_pb_module_header { margin: 0 0 10px; padding: 0; font: 600 20px/1.3 Roboto, Arial, sans-serif; color: #0b5876; }
body.lcube-divi .lc-card .et_pb_blurb_description, body.lcube-divi .lc-card .et_pb_blurb_description p { font-size: 15px; line-height: 1.6; color: #555; text-align: left; }
body.lcube-divi .lc-badge { display: table; margin: 0 0 12px; padding: 3px 12px; border-radius: 999px; background: #e9f4f8; color: #0b5876;
    font: 600 12px/1.6 Roboto, Arial, sans-serif; letter-spacing: .04em; text-transform: uppercase; }
body.lcube-divi .et_pb_section.lc-cards { background: #f6fafb; }
@media (max-width: 767px) { body.lcube-divi .lc-card-row { row-gap: 16px; } body.lcube-divi .et_pb_section.lc-cards { row-gap: 16px !important; } }

/* Hervorgehobener Abschnitt (z.B. GitLab Security Node): dunkler Hintergrund, weisse Karten */
body.lcube-divi .et_pb_section.lc-secnode { background: linear-gradient(135deg, #0b5876 0%, #08455d 100%); row-gap: 24px !important; }
body.lcube-divi .lc-secnode h2, body.lcube-divi .lc-secnode > .et_pb_row .et_pb_text, body.lcube-divi .lc-secnode > .et_pb_row .et_pb_text p,
body.lcube-divi .lc-secnode > .et_pb_row .et_pb_text li, body.lcube-divi .lc-secnode > .et_pb_row .et_pb_text strong { color: #fff; }
body.lcube-divi .lc-secnode > .et_pb_row .et_pb_text li { margin-bottom: 6px; }
body.lcube-divi .lc-secnode .lc-card { box-shadow: 0 8px 24px rgba(0, 0, 0, .18); }
body.lcube-divi .lc-secnode a.lc-btn { background: #fff; color: #0b5876 !important; }
body.lcube-divi .lc-secnode a.lc-btn:hover { background: #e9f4f8; }
body.lcube-divi .lc-secnode a.lc-btn.lc-btn-alt { background: transparent; color: #fff !important; box-shadow: inset 0 0 0 1px #fff; }
body.lcube-divi .lc-secnode a.lc-btn.lc-btn-alt:hover { background: rgba(255, 255, 255, .1); }
@media (max-width: 767px) { body.lcube-divi .et_pb_section.lc-secnode { row-gap: 16px !important; } }
body.lcube-divi table.lc-sizing tr.lc-sizing-current td { background: #e9f4f8; font-weight: 600; }
body.lcube-divi table.lc-sizing td a { color: #0b5876; }
/* Ganze Karte klickbar: Link mit Klasse lc-stretched spannt sich ueber die Karte (z.B. Programmiersprachen) */
body.lcube-divi .lc-card:has(a.lc-stretched) { position: relative; cursor: pointer; transition: box-shadow .15s, transform .15s; }
body.lcube-divi .lc-card:has(a.lc-stretched) .et_pb_blurb_content, body.lcube-divi .lc-card:has(a.lc-stretched) .et_pb_blurb_container,
body.lcube-divi .lc-card:has(a.lc-stretched) .et_pb_blurb_description { position: static; }
body.lcube-divi .lc-card a.lc-stretched::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
body.lcube-divi .lc-card:has(a.lc-stretched):hover { box-shadow: 0 10px 28px rgba(14, 42, 58, .14); transform: translateY(-2px); }
body.lcube-divi .lc-card:has(a.lc-stretched):focus-within { outline: 2px solid #0f6f93; outline-offset: 2px; }
/* Angebots-Tabelle (lc_offer_table): Bestellknopf kompakt, auf dem Smartphone jede Zeile als Karte mit Spaltennamen */
body.lcube-divi table.lc-offers td a.lc-btn { display: inline-block; margin: 0 0 6px; padding: 7px 14px; font-size: 14px; line-height: 1.3; color: #fff; white-space: nowrap; }
body.lcube-divi table.lc-offers td a.lc-trial { font-size: 13px; }
body.lcube-divi table.lc-offers td small { color: #6b7c86; font-weight: 400; }
@media (max-width: 767px) {
    body.lcube-divi table.lc-sizing.lc-offers, body.lcube-divi table.lc-offers tbody, body.lcube-divi table.lc-offers tr, body.lcube-divi table.lc-offers td { display: block; width: 100%; box-sizing: border-box; }
    body.lcube-divi table.lc-offers tr:first-child { display: none; }
    body.lcube-divi table.lc-offers tr { margin: 0 0 12px; border: 1px solid #e1e9ed; border-radius: 10px; overflow: hidden; }
    body.lcube-divi table.lc-sizing.lc-offers td, body.lcube-divi table.lc-sizing.lc-offers td:nth-child(3) { display: block; border: 0; padding: 6px 12px; }
    body.lcube-divi table.lc-offers td::before { content: attr(data-label); display: block; font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: #6b7c86; }
    body.lcube-divi table.lc-offers td:first-child { padding-top: 12px; }
    body.lcube-divi table.lc-offers td:last-child { padding-bottom: 12px; }
}
body.lcube-divi .lc-pricing .et_pb_pricing li a.lc-more { font: 600 13px Roboto, Arial, sans-serif; color: #0b5876; text-transform: none; }

/* FAQ-Listen des alten CMS ([lcube_faq]) auf neu gestalteten Seiten wie das Akkordeon */
body.lcube-divi .lc-faq-section .lcube-faq-item { margin-bottom: 10px; padding: 0 18px; background: #fff; border: 1px solid #e5e5e5; border-radius: 8px; }
body.lcube-divi .lc-faq-section .lcube-faq-item summary { padding: 14px 30px 14px 0; font: 600 16px/1.4 Roboto, Arial, sans-serif; color: #0b5876; }
body.lcube-divi .lc-faq-section .lcube-faq-item summary::after { top: 10px; color: #0f6f93; }
body.lcube-divi .lc-faq-section .lcube-faq-answer, body.lcube-divi .lc-faq-section .lcube-faq-answer p { font-size: 15px; line-height: 1.6; color: #555; text-align: left; }
/* Karten: lange Begriffe (z.B. PHP/CGI/Perl/Node.js/Ruby) duerfen umbrechen, Spalten schrumpfen; Titel linksbuendig */
body.lcube-divi .lc-card-row > .et_pb_column { min-width: 0; }
body.lcube-divi .lc-card, body.lcube-divi .lc-card .et_pb_module_header { overflow-wrap: anywhere; text-align: left; }
@media (max-width: 767px) {
    body.lcube-divi .lc-card-row { flex-wrap: wrap !important; }
    body.lcube-divi .lc-card-row > .et_pb_column { flex: 0 0 100% !important; max-width: 100% !important; }
    body.lcube-divi .lc-card-row > .et_pb_column:empty { display: none; }
}

/* Domainpreise ([lc_domainpreise], lcube-products/includes/domains.php) */
body.lcube-divi table.lc-domains { width: 100%; border-collapse: collapse; margin: 15px 0; }
body.lcube-divi table.lc-domains th { background: #0f6f93; color: #fff; text-align: left; padding: 10px; font-weight: 400; position: sticky; top: 0; }
body.lcube-divi table.lc-domains td { padding: 8px 10px; border-bottom: 1px solid #e5e5e5; text-align: left; white-space: nowrap; }
body.lcube-divi table.lc-domains tbody tr:nth-child(even) td { background: #f4f9fb; }
body.lcube-divi .lc-domains-scroll { max-height: 640px; overflow: auto; border: 1px solid #e5e5e5; }
body.lcube-divi .lc-domains-scroll table.lc-domains { margin: 0; }
body.lcube-divi .lc-domains-search label { display: block; font-weight: 600; margin-bottom: 5px; }
body.lcube-divi .lc-domains-search input { width: 100%; max-width: 420px; padding: 10px 12px; border: 1px solid #c8d6da; border-radius: 6px; font-size: 16px; }
@media (max-width: 479px) {
    body.lcube-divi table.lc-domains { font-size: 13px; }
    body.lcube-divi table.lc-domains th, body.lcube-divi table.lc-domains td { padding: 8px 5px; white-space: normal; hyphens: auto; }
}

/* ISO 27001: Zertifikat und Geltungsbereich (migration/relaunch/service-seiten.php) */
body.lcube-divi .lc-cert-col img.lc-cert { width: 100%; max-width: 360px; height: auto; display: block; margin: 0 auto; box-shadow: 0 4px 18px rgba(0, 0, 0, .12); }
body.lcube-divi p.lc-scope { background: #f4f9fb; border-left: 4px solid #0f6f93; padding: 15px 20px !important; }

/* Vergleichstabellen (Microsoft 365, Hornetsecurity): alle Spalten sichtbar, auf dem Smartphone horizontal scrollbar */
body.lcube-divi .lc-compare-wrap { overflow-x: auto; margin: 15px 0; }
body.lcube-divi table.lc-compare { width: 100%; border-collapse: collapse; }
body.lcube-divi table.lc-compare th { background: #0f6f93; color: #fff; text-align: left; padding: 10px; font-weight: 400; white-space: nowrap; }
body.lcube-divi table.lc-compare td { padding: 9px 10px; border-bottom: 1px solid #e5e5e5; text-align: left; vertical-align: top; }
body.lcube-divi table.lc-compare td:not(:first-child) { white-space: nowrap; }
body.lcube-divi table.lc-compare tr:last-child td { font-weight: 600; }
body.lcube-divi table.lc-compare td a { color: #0b5876; }
body.lcube-divi p.lc-note { font-size: 13px; color: #6b7b80; }
@media (max-width: 479px) {
    body.lcube-divi table.lc-compare { font-size: 13px; }
    body.lcube-divi table.lc-compare th, body.lcube-divi table.lc-compare td { padding: 8px 6px; }
}
body.lcube-divi table.lc-compare-plain tr:last-child td { font-weight: 400; }

/* Startseite (Entwurf 2026-10-14): Linien-Icons als CSS-Masken (eigene Pfade), Farbe ueber currentColor */
body.lcube-divi .lc-ico { display: inline-block; width: 26px; height: 26px; flex: 0 0 auto; background-color: currentColor; -webkit-mask: var(--lc-ico) center / contain no-repeat; mask: var(--lc-ico) center / contain no-repeat; vertical-align: middle; }
body.lcube-divi .lc-ico-shield { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-pin { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.5-7-12a7 7 0 0 1 14 0c0 5.5-7 12-7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-users { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2 20c0-3.5 3-6 7-6s7 2.5 7 6'/%3E%3Cpath d='M16 4.5a3.5 3.5 0 0 1 0 7'/%3E%3Cpath d='M18 14c2.4.6 4 2.6 4 6'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-gear { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9L7 7M17 17l2.1 2.1M4.9 19.1L7 17M17 7l2.1-2.1'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-headset { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Crect x='3' y='14' width='4' height='6' rx='1'/%3E%3Crect x='17' y='14' width='4' height='6' rx='1'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-browser { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9h18M7 6.5h.01M10 6.5h.01'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-server { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='7' rx='1.5'/%3E%3Crect x='3' y='13' width='18' height='7' rx='1.5'/%3E%3Cpath d='M7 7.5h.01M7 16.5h.01M11 7.5h6M11 16.5h6'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-apps { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-code { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7l-5 5 5 5M16 7l5 5-5 5M14 4l-4 16'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-building { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='1'/%3E%3Cpath d='M8 7h2M14 7h2M8 11h2M14 11h2M8 15h2M14 15h2M10 21v-3h4v3'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-heart { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-8-4.5-8-10a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 5.5-8 10-8 10z'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-diamond { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12l4 6-10 12L2 9z'/%3E%3Cpath d='M2 9h20M9 3l3 18 3-18'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-cloud { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18a5 5 0 0 1-.5-10A6 6 0 0 1 18 9a4.5 4.5 0 0 1-.5 9z'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-check { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-mail { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-backup { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.3-5.6'/%3E%3Cpath d='M20 4v5h-5'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-wordpress { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5 8l4.5 11L12 11l2.5 8L19 8M4 8h4M10 8h4'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-key { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='15.5' r='4.5'/%3E%3Cpath d='M10.7 12.3 20 3M16 7l3 3M14 9l2 2'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-lock { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4M12 15v2'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-terminal { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M7 9l3 3-3 3M13 15h4'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-link { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4.5 4.5 0 0 0 6.4 0l3.2-3.2a4.5 4.5 0 0 0-6.4-6.4L12 5.6'/%3E%3Cpath d='M14 10a4.5 4.5 0 0 0-6.4 0l-3.2 3.2a4.5 4.5 0 0 0 6.4 6.4l1.2-1.2'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-activity { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l3-8 4 16 3-8h4'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-database { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5.5' rx='8' ry='2.5'/%3E%3Cpath d='M4 5.5v13c0 1.4 3.6 2.5 8 2.5s8-1.1 8-2.5v-13M4 12c0 1.4 3.6 2.5 8 2.5s8-1.1 8-2.5'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-tool { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.4-3.4a6 6 0 0 1-7.9 7.9l-6.9 6.9a2.1 2.1 0 0 1-3-3l6.9-6.9a6 6 0 0 1 7.9-7.9z'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-refresh { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-14.3-4.3L4 9M4 4v5h5M4 13a8 8 0 0 0 14.3 4.3L20 15M20 20v-5h-5'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-zap { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-clipboard { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4V3h6v1M9 10h6M9 14h6M9 18h3'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-box { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 7.5v9L12 21l8-4.5v-9z'/%3E%3Cpath d='M4 7.5 12 12l8-4.5M12 12v9'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-up { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M15 7h6v6'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-award { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='6'/%3E%3Cpath d='M8.5 14 7 22l5-3 5 3-1.5-8'/%3E%3Cpath d='m9.5 9 1.7 1.7L14.5 7.5'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-clock { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-infinity { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12c-2-2.7-3.6-4-5.5-4a4 4 0 0 0 0 8c1.9 0 3.5-1.3 5.5-4zm0 0c2 2.7 3.6 4 5.5 4a4 4 0 0 0 0-8c-1.9 0-3.5 1.3-5.5 4z'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-truck { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h11v10H2zM13 10h4l4 4v2h-8'/%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E"); }
/* Icons der Karten "Das ist enthalten" (includes/card-icons.php) */
body.lcube-divi .lc-card .lc-card-ico { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0 0 14px; border-radius: 12px; background: #eef7f9; color: #0f6f93; }
body.lcube-divi .lc-card .lc-card-ico .lc-ico { width: 24px; height: 24px; }
body.lcube-divi .lc-ico-git { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='2'/%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Ccircle cx='18' cy='12' r='2'/%3E%3Cpath d='M6 8v8M8 6h4a4 4 0 0 1 4 4v0'/%3E%3C/svg%3E"); }

/* ---------- Startseite nach Entwurf 2026-10-14 (migration/relaunch/startseite.php), Klassen lc-hp2-* ---------- */
body.lcube-divi .lc-hp2 { --hp-ink: #10283a; --hp-text: #4a5d66; --hp-brand: #0f6f93; --hp-accent: #1a85ad; --hp-soft: #eef7f9; --hp-line: #dce9ed; color: var(--hp-text); }
body.lcube-divi .et_pb_section.lc-hp2 { padding: 48px 0 !important; }
body.lcube-divi .lc-hp2 h1, body.lcube-divi .lc-hp2 h2, body.lcube-divi .lc-hp2 h3 { color: var(--hp-ink); padding: 0; }
body.lcube-divi .lc-hp2 h2 { font-size: 32px; line-height: 1.2; font-weight: 600; margin: 0 0 10px; }
body.lcube-divi .lc-hp2 p { padding: 0; }
body.lcube-divi .lc-hp2-eyebrow { color: var(--hp-accent); font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 6px; }
body.lcube-divi .lc-hp2-sub { font-size: 16px; line-height: 1.6; margin: 0 0 26px; max-width: 760px; }
body.lcube-divi .lc-hp2 a.lc-hp2-more { color: var(--hp-brand); font-weight: 600; text-decoration: none; }
body.lcube-divi .lc-hp2 a.lc-hp2-more::after { content: " →"; }
body.lcube-divi .lc-hp2-btn { display: inline-block; padding: 12px 22px; margin: 0 10px 10px 0; border-radius: 6px; background: var(--hp-brand); color: #fff !important; font-weight: 600; text-decoration: none; border: 1px solid var(--hp-brand); }
body.lcube-divi .lc-hp2-btn:hover { background: #035464; }
body.lcube-divi .lc-hp2-btn.is-alt { background: #fff; color: var(--hp-brand) !important; }
body.lcube-divi .lc-hp2-btn.is-alt:hover { background: var(--hp-soft); }

/* Kopfbereich */
body.lcube-divi .et_pb_section.lc-hp2-hero { padding: 0 !important; background: linear-gradient(100deg, #f4fafc 0%, #e6f3f7 55%, #d9edf3 100%); }
body.lcube-divi .lc-hp2-hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 36px; align-items: stretch; }
body.lcube-divi .lc-hp2-hero-text { padding: 44px 0 36px; }
body.lcube-divi .lc-hp2-hero h1 { font-size: 46px; line-height: 1.1; font-weight: 700; margin: 0 0 18px; }
body.lcube-divi .lc-hp2-hero .lc-hp2-lead { font-size: 17px; line-height: 1.6; margin: 0 0 12px; color: #34474f; }
body.lcube-divi .lc-hp2-hero .lc-hp2-intro { font-size: 15px; line-height: 1.6; margin: 0 0 22px; }
body.lcube-divi .lc-hp2-trust { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 18px 0 0; padding: 0 !important; list-style: none; }
body.lcube-divi .lc-hp2-trust li { display: flex; align-items: center; gap: 8px; font-size: 13px; line-height: 1.3; font-weight: 600; color: var(--hp-ink); padding: 0; }
body.lcube-divi .lc-hp2-trust .lc-ico { width: 30px; height: 30px; color: var(--hp-brand); }
body.lcube-divi .lc-hp2-visual { position: relative; min-height: 420px; border-radius: 0 0 0 18px; background: #0d2a3a url('/images/Rechenzentrum/Rechenzentrum-Netzsicherheit.jpg') center / cover no-repeat; overflow: hidden; }
body.lcube-divi .lc-hp2-visual::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(4, 50, 66, .25) 0%, rgba(4, 40, 58, .75) 100%); }
body.lcube-divi .lc-hp2-claim { position: absolute; left: 28px; top: 34px; right: 28px; color: #fff; font-size: 30px; line-height: 1.15; font-weight: 700; text-shadow: 0 2px 8px rgba(0, 0, 0, .4); }
body.lcube-divi .lc-hp2-checkbox { position: absolute; right: 22px; bottom: 22px; margin: 0; padding: 16px 20px !important; list-style: none; background: rgba(6, 28, 40, .82); border-radius: 10px; }
body.lcube-divi .lc-hp2-checkbox li { display: flex; align-items: center; gap: 10px; color: #fff; font-size: 15px; line-height: 2; padding: 0; }
body.lcube-divi .lc-hp2-checkbox .lc-ico { width: 18px; height: 18px; color: #0f6f93; }

/* Karten-Raster */
body.lcube-divi .lc-hp2-grid { display: grid; gap: 22px; }
body.lcube-divi .lc-hp2-grid.is-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.lcube-divi .lc-hp2-grid.is-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.lcube-divi .lc-hp2-grid.is-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 14px; }
body.lcube-divi .lc-hp2-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--hp-line); border-radius: 10px; overflow: hidden; box-shadow: 0 4px 14px rgba(16, 40, 58, .05); }
body.lcube-divi .lc-hp2-card-head { display: flex; align-items: center; justify-content: center; height: 118px; background: linear-gradient(135deg, var(--hp-brand) 0%, #2aa4bd 100%); color: #fff; }
body.lcube-divi .lc-hp2-card-head.is-photo { background: #0d2a3a center / cover no-repeat; }
body.lcube-divi .lc-hp2-card-head .lc-ico { width: 54px; height: 54px; }
body.lcube-divi .lc-hp2-card-body { display: flex; flex-direction: column; flex: 1; padding: 18px 20px 20px; }
body.lcube-divi .lc-hp2-card h3 { font-size: 19px; font-weight: 600; margin: 0 0 6px; }
body.lcube-divi .lc-hp2-card p { font-size: 14px; line-height: 1.55; margin: 0 0 12px; }
body.lcube-divi .lc-hp2-checks { list-style: none; margin: 0 0 16px; padding: 0 !important; flex: 1; }
body.lcube-divi .lc-hp2-checks li { display: flex; align-items: center; gap: 8px; font-size: 14px; line-height: 1.9; padding: 0; color: #34474f; }
body.lcube-divi .lc-hp2-checks .lc-ico { width: 15px; height: 15px; color: var(--hp-brand); }

/* Security-Band */
body.lcube-divi .et_pb_section.lc-hp2-security { background: var(--hp-soft); }
body.lcube-divi .lc-hp2-sec-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 34px; align-items: center; }
body.lcube-divi .lc-hp2-sec-card { background: #fff; border-radius: 10px; padding: 22px 20px; box-shadow: 0 4px 14px rgba(16, 40, 58, .06); }
body.lcube-divi .lc-hp2-wordmark { display: block; font-size: 24px; font-weight: 700; color: var(--hp-ink); margin-bottom: 10px; letter-spacing: -.01em; }
body.lcube-divi .lc-hp2-sec-card h3 { font-size: 15px; font-weight: 600; margin: 0 0 4px; }
body.lcube-divi .lc-hp2-sec-card p { font-size: 13px; line-height: 1.5; margin: 0 0 12px; }

/* Warum LCube */
body.lcube-divi .lc-hp2-why-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) repeat(4, minmax(0, 1fr)); gap: 26px; align-items: start; }
body.lcube-divi .lc-hp2-feature { text-align: center; }
body.lcube-divi .lc-hp2-feature .lc-ico { width: 34px; height: 34px; color: var(--hp-brand); margin-bottom: 10px; }
body.lcube-divi .lc-hp2-feature h3 { font-size: 15px; font-weight: 600; margin: 0 0 4px; }
body.lcube-divi .lc-hp2-feature p { font-size: 13px; line-height: 1.5; margin: 0; }

/* Zielgruppen */
body.lcube-divi .lc-hp2-target { display: flex; gap: 14px; align-items: flex-start; padding: 18px; background: #fff; border: 1px solid var(--hp-line); border-radius: 10px; text-decoration: none; color: inherit !important; transition: box-shadow .2s; }
body.lcube-divi .lc-hp2-target:hover { box-shadow: 0 8px 20px rgba(16, 40, 58, .1); }
body.lcube-divi .lc-hp2-target .lc-ico { width: 36px; height: 36px; color: var(--hp-brand); }
body.lcube-divi .lc-hp2-target strong { display: block; color: var(--hp-ink); font-size: 15px; margin-bottom: 2px; }
body.lcube-divi .lc-hp2-target span { font-size: 13px; line-height: 1.45; }

/* Beliebte Produkte */
body.lcube-divi .lc-hp2-product { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 128px; padding: 16px 10px; background: #fff; border: 1px solid var(--hp-line); border-radius: 10px; text-align: center; text-decoration: none; color: var(--hp-ink) !important; font-size: 14px; font-weight: 600; line-height: 1.3; transition: box-shadow .2s, transform .2s; }
body.lcube-divi .lc-hp2-product:hover { box-shadow: 0 8px 20px rgba(16, 40, 58, .1); transform: translateY(-2px); }
body.lcube-divi .lc-hp2-product .lc-ico { width: 34px; height: 34px; color: var(--hp-brand); }
body.lcube-divi .lc-hp2-product::after { content: "→"; color: var(--hp-brand); font-size: 16px; }

/* Abschluss-Band */
body.lcube-divi .et_pb_section.lc-hp2-cta { background: linear-gradient(110deg, #082b3a 0%, #0b3f52 60%, #0d4a60 100%); }
body.lcube-divi .lc-hp2-cta-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) auto auto; gap: 30px; align-items: center; }
body.lcube-divi .lc-hp2-cta h2 { color: #fff; font-size: 26px; }
body.lcube-divi .lc-hp2-cta p { color: #c8dde4; margin: 0; }
body.lcube-divi .lc-hp2-cta .lc-hp2-btn.is-alt { background: transparent; color: #fff !important; border-color: rgba(255, 255, 255, .7); }
body.lcube-divi .lc-hp2-tagline { color: #fff; font-size: 20px; font-style: italic; font-weight: 300; white-space: nowrap; }

/* Tablet und Smartphone */
@media (max-width: 1100px) {
    body.lcube-divi .lc-hp2-grid.is-7 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    body.lcube-divi .lc-hp2-why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.lcube-divi .lc-hp2-why-grid > :first-child { grid-column: 1 / -1; }
}
@media (max-width: 980px) {
    body.lcube-divi .lc-hp2-hero-grid, body.lcube-divi .lc-hp2-sec-grid { grid-template-columns: minmax(0, 1fr); }
    body.lcube-divi .lc-hp2-visual { min-height: 300px; border-radius: 12px; margin-bottom: 30px; }
    body.lcube-divi .lc-hp2-grid.is-4, body.lcube-divi .lc-hp2-grid.is-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.lcube-divi .lc-hp2-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.lcube-divi .lc-hp2-cta-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
@media (max-width: 640px) {
    body.lcube-divi .lc-hp2-hero h1 { font-size: 32px; }
    body.lcube-divi .lc-hp2 h2 { font-size: 25px; }
    body.lcube-divi .lc-hp2-grid.is-4, body.lcube-divi .lc-hp2-grid.is-3 { grid-template-columns: minmax(0, 1fr); }
    body.lcube-divi .lc-hp2-grid.is-7 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.lcube-divi .lc-hp2-why-grid { grid-template-columns: minmax(0, 1fr); }
    body.lcube-divi .lc-hp2-claim { font-size: 24px; }
    body.lcube-divi .lc-hp2-tagline { white-space: normal; }
}
/* Startseite: Korrekturen nach erster Sichtpruefung (kein Blocksatz, breitere Security-Karten, Zielgruppen-Kacheln) */
body.lcube-divi .lc-hp2, body.lcube-divi .lc-hp2 p, body.lcube-divi .lc-hp2 li { text-align: left; hyphens: manual; }
body.lcube-divi .lc-hp2-feature, body.lcube-divi .lc-hp2-feature p, body.lcube-divi .lc-hp2-product { text-align: center; }
body.lcube-divi .lc-hp2-sec-grid { grid-template-columns: minmax(0, .85fr) minmax(0, 2fr); }
body.lcube-divi .lc-hp2-wordmark { font-size: 20px; white-space: nowrap; }
body.lcube-divi .lc-hp2-target-text { display: block; }
body.lcube-divi .lc-hp2-target-text > span { display: block; }
body.lcube-divi .lc-hp2-why-grid { grid-template-columns: minmax(0, 1.5fr) repeat(4, minmax(0, 1fr)); }
body.lcube-divi .lc-hp2-target, body.lcube-divi .lc-hp2-target span { text-align: left; }
@media (max-width: 1100px) {
    body.lcube-divi .lc-hp2-why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
    body.lcube-divi .lc-hp2-sec-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
    body.lcube-divi .lc-hp2-why-grid { grid-template-columns: minmax(0, 1fr); }
}
body.lcube-divi .lc-hp2-feature h3 { text-align: center; }
/* Startseite: Fotos und Logos (public/images/startseite, Quellen in assets-src/produktbilder) */
body.lcube-divi .et_pb_section.lc-hp2-hero { background: linear-gradient(90deg, rgba(244, 250, 252, .97) 0%, rgba(244, 250, 252, .9) 36%, rgba(244, 250, 252, 0) 56%), #0b1f3d url('/images/startseite/hero-2560.webp') right center / cover no-repeat; }
body.lcube-divi .lc-hp2-hero-grid { min-height: 540px; }
body.lcube-divi .lc-hp2-visual { background: none; border-radius: 0; min-height: 0; overflow: visible; }
body.lcube-divi .lc-hp2-visual::before { display: none; }
body.lcube-divi .lc-hp2-checkbox { bottom: 34px; right: 0; }
body.lcube-divi .lc-hp2-card-head.is-photo { height: 150px; }
body.lcube-divi .lc-hp2-card-head.is-websites { background-image: url('/images/startseite/karte-websites.webp'); }
body.lcube-divi .lc-hp2-card-head.is-server { background-image: url('/images/startseite/karte-server.webp'); }
body.lcube-divi .lc-hp2-card-head.is-m365 { background-image: url('/images/startseite/karte-m365.webp'); }
body.lcube-divi .lc-hp2-card-head.is-devops { background-image: url('/images/startseite/karte-devops.webp'); }
body.lcube-divi .lc-hp2-sec-card img.lc-hp2-logo { display: block; height: 34px; width: auto; max-width: 100%; margin: 0 0 14px; }
body.lcube-divi .lc-hp2-sec-card img.lc-hp2-logo.is-logo-hornetsecurity { height: 52px; margin-top: -6px; margin-bottom: 8px; }
body.lcube-divi .lc-hp2-product img.lc-hp2-plogo { display: block; height: 30px; width: auto; max-width: 100%; }
body.lcube-divi .lc-hp2-product img.lc-hp2-plogo.is-logo-wordpress { height: 34px; }
body.lcube-divi .lc-hp2-product img.lc-hp2-plogo.is-logo-microsoft365, body.lcube-divi .lc-hp2-product img.lc-hp2-plogo.is-logo-gitlab, body.lcube-divi .lc-hp2-product img.lc-hp2-plogo.is-logo-acronis { height: 22px; }
body.lcube-divi .lc-hp2-product img.lc-hp2-plogo.is-logo-hornetsecurity { height: 40px; }
@media (max-width: 980px) {
    body.lcube-divi .et_pb_section.lc-hp2-hero { background: linear-gradient(100deg, #f4fafc 0%, #e6f3f7 100%); }
    body.lcube-divi .lc-hp2-hero-grid { min-height: 0; }
    body.lcube-divi .lc-hp2-visual { min-height: 300px; border-radius: 12px; margin-bottom: 30px; background: #0b1f3d url('/images/startseite/hero-1600.webp') 72% center / cover no-repeat; }
    body.lcube-divi .lc-hp2-checkbox { right: 14px; bottom: 14px; }
}
@media (max-width: 640px) {
    body.lcube-divi .lc-hp2-visual { min-height: 240px; }
    body.lcube-divi .lc-hp2-checkbox { display: none; }
}
/* Startseite: Foto als Bildflaeche rechts (als Sektions-Hintergrund lagen die Personen hinter dem Text) */
body.lcube-divi .et_pb_section.lc-hp2-hero { background: linear-gradient(100deg, #f4fafc 0%, #e6f3f7 55%, #d9edf3 100%); }
body.lcube-divi .lc-hp2-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 0; }
body.lcube-divi .lc-hp2-visual { min-height: 460px; margin: 28px 0; border-radius: 16px; overflow: hidden; background: #0b1f3d url('/images/startseite/hero-1600.webp') 78% center / cover no-repeat; box-shadow: 0 18px 40px rgba(11, 31, 61, .25); }
body.lcube-divi .lc-hp2-checkbox { right: 18px; bottom: 18px; }
@media (max-width: 980px) {
    body.lcube-divi .lc-hp2-hero-grid { grid-template-columns: minmax(0, 1fr); }
    body.lcube-divi .lc-hp2-visual { min-height: 300px; margin: 0 0 30px; background-position: 72% center; }
}
@media (max-width: 640px) {
    body.lcube-divi .lc-hp2-visual { min-height: 240px; }
}
body.lcube-divi .lc-hp2-product img.lc-hp2-plogo.is-logo-vep { height: 38px; }
body.lcube-divi a.lc-hp2-product::after { color: #0b5876 !important; }
body.lcube-divi .lc-hp2-product img.lc-hp2-plogo.is-logo-vserver { height: 30px; }
/* Herstellerlogos im Kopfbereich (Acronis, Microsoft 365, Hornetsecurity): etwas schmaler als die Produktbilder */
body.lcube-divi .lc-hero img.lc-hero-brand.lc-hero-vendor { width: 300px; margin-top: 10px; }
body.lcube-divi .lc-hero img.lc-hero-brand.lc-hero-vendor.is-compact { width: 220px; }
@media (max-width: 767px) {
    body.lcube-divi .lc-hero img.lc-hero-brand.lc-hero-vendor { width: 200px; margin-top: 0; }
    body.lcube-divi .lc-hero img.lc-hero-brand.lc-hero-vendor.is-compact { width: 150px; }
}

/* ---------- Header und Footer (2026): [lcube_header] / [lcube_footer] in includes/chrome.php, Entwurf design/header-footer-entwurf.html ---------- */
:root {
    --lch-ink: #0e2a3a; --lch-ink-2: #173a4c; --lch-brand: #0f6f93; --lch-brand-600: #0b5876; --lch-soft: #e9f4f8; --lch-light: #8fd8f2;
    --lch-text: #3d5260; --lch-muted: #6b7c86; --lch-line: #e1e9ed; --lch-wide: 1240px;
    --lch-top: 38px; --lch-bar: 76px; --lch-h: calc(var(--lch-top) + var(--lch-bar));
}
@media (max-width: 1180px) { :root { --lch-bar: 68px; } }
@media (max-width: 720px) { :root { --lch-bar: 62px; } }

.lch, .lcf { font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 1.45; color: var(--lch-text); -webkit-font-smoothing: antialiased; }
.lch *, .lcf * { box-sizing: border-box; }
.lch a, .lcf a { color: inherit; text-decoration: none; }
.lch ul, .lch ol, .lcf ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.lch li, .lcf li { margin: 0; padding: 0 !important; list-style: none !important; }
.lch li::before, .lcf li::before { content: none !important; }
.lch button { font: inherit; }
.lc-i { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.lc-flag { width: 18px; height: 12px; flex: none; border-radius: 2px; }
.lch-wrap, .lcf-wrap { width: 100%; max-width: var(--lch-wide); margin: 0 auto; padding: 0 24px; }

/* Header klebt beim Scrollen oben, die Kopfleiste scrollt weg */
.et-l--header { position: sticky; top: calc(-1 * var(--lch-top)); z-index: 1000; }
.admin-bar .et-l--header { top: calc(32px - var(--lch-top)); }
@media (max-width: 782px) { .admin-bar .et-l--header { top: calc(46px - var(--lch-top)); } }
@media (max-width: 600px) { .admin-bar .et-l--header { top: calc(-1 * var(--lch-top)); } }

/* Kopfleiste */
.lch-top { background: var(--lch-ink); color: #b9cbd3; font-size: 13px; }
.lch-top .lch-wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: var(--lch-top); }
.lch-top-trust, .lch-top-contact { display: flex; align-items: center; gap: 18px; white-space: nowrap; }
.lch-top a { display: inline-flex; align-items: center; gap: 6px; transition: color .15s; }
.lch-top a:hover { color: #fff; }
.lch-top .lc-i { width: 14px; height: 14px; }
.lch-trust { display: inline-flex; align-items: center; gap: 6px; color: #dfeaee; }
.lch-trust b { font-weight: 700; color: #fff; }
.lch-trust .lc-i { color: var(--lch-light); }
.lch-dot { width: 3px; height: 3px; border-radius: 50%; background: #4b6672; }

/* Leiste mit Logo, Menue, Aktionen */
.lch-bar { position: relative; background: rgba(255, 255, 255, .94); -webkit-backdrop-filter: saturate(180%) blur(12px); backdrop-filter: saturate(180%) blur(12px); border-bottom: 1px solid var(--lch-line); transition: box-shadow .2s; }
.lch.is-scrolled .lch-bar { box-shadow: 0 8px 24px -14px rgba(14, 42, 58, .35); }
.lch-bar .lch-wrap { position: relative; display: flex; align-items: center; gap: 20px; height: var(--lch-bar); }
.lch-logo { flex: none; display: block; }
.lch-logo img { display: block; width: auto; height: 46px; }
.lch-nav { flex: 1; min-width: 0; }
.lch-nav > ul { display: flex; justify-content: center; gap: 2px; }
.lch-item { position: static; }
.lch-toplink { display: flex; align-items: center; gap: 4px; padding: 10px 12px; border-radius: 8px; font-weight: 700; font-size: 15px; color: var(--lch-ink) !important; white-space: nowrap; transition: background .15s, color .15s; }
.lch-toplink .lc-i { width: 14px; height: 14px; opacity: .55; transition: transform .2s; }
.lch-item.is-open > .lch-toplink, .lch-toplink:hover, .lch-toplink:focus-visible { background: var(--lch-soft); color: var(--lch-brand-600) !important; }
.lch-item.is-active > .lch-toplink { color: var(--lch-brand) !important; box-shadow: inset 0 -2px 0 var(--lch-brand); border-radius: 8px 8px 0 0; }
.lch-item.is-open > .lch-toplink .lc-i { transform: rotate(180deg); }

/* Dropdown: Ebene 1 links, Ebene 2/3 des gewaehlten Punkts rechts */
.lch-drop { position: absolute; left: 50%; top: calc(100% - 6px); z-index: 20; width: min(980px, calc(100vw - 32px)); display: grid; grid-template-columns: 290px 1fr; background: #fff; border: 1px solid var(--lch-line); border-radius: 16px; box-shadow: 0 28px 56px -18px rgba(14, 42, 58, .35); opacity: 0; visibility: hidden; transform: translate(-50%, 6px); transition: opacity .18s, transform .18s, visibility 0s .18s; overflow: hidden; }
.lch-item.is-open > .lch-drop { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition: opacity .18s, transform .18s; }
.lch-drop-l1 { padding: 12px; background: #f6fafb; border-right: 1px solid var(--lch-line); max-height: calc(100vh - 200px); overflow: auto; }
.lch-l1 { display: flex; align-items: center; gap: 12px; padding: 9px 10px; border-radius: 10px; transition: background .15s; }
.lch-l1:hover, .lch-l1.is-selected { background: #fff; box-shadow: 0 2px 8px -4px rgba(14, 42, 58, .2); }
.lch-ico { width: 34px; height: 34px; flex: none; display: grid; place-items: center; border-radius: 9px; background: var(--lch-soft); color: var(--lch-brand); }
.lch-l1.is-selected .lch-ico { background: var(--lch-brand); color: #fff; }
.lch-l1-text strong { display: block; font-size: 14px; font-weight: 700; color: var(--lch-ink); }
.lch-l1-text small { display: block; margin-top: 1px; font-size: 12px; line-height: 1.35; color: var(--lch-muted); }
.lch-drop-panes { padding: 18px 22px; max-height: calc(100vh - 200px); overflow: auto; }
.lch-pane { display: none; }
.lch-pane.is-visible { display: block; animation: lch-fade .18s ease; }
@keyframes lch-fade { from { opacity: 0; } to { opacity: 1; } }
.lch-pane-head { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 12px; font-size: 17px; font-weight: 700; color: var(--lch-ink) !important; }
.lch-pane-head .lc-i { color: var(--lch-brand); transition: transform .15s; }
.lch-pane-head:hover .lc-i { transform: translateX(3px); }
.lch-pane-text { margin: 0; color: var(--lch-muted); }
.lch-l2grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 6px 14px; align-items: start; }
.lch-l2 > a { display: block; padding: 8px 10px; border-radius: 8px; font-weight: 600; color: var(--lch-ink) !important; transition: background .15s, color .15s; }
.lch-l2 > a:hover, .lch-l2 > a.is-active { background: var(--lch-soft); color: var(--lch-brand-600) !important; }
.lch-l2.has-l3 > a { font-weight: 700; }
.lch .lch-l2 ul { margin: 0 0 6px 10px !important; padding-left: 10px !important; border-left: 2px solid var(--lch-line); }
.lch-l2 li a { display: block; padding: 4px 8px; border-radius: 6px; font-size: 13px; color: var(--lch-text) !important; }
.lch-l2 li a:hover, .lch-l2 li a.is-active { color: var(--lch-brand-600) !important; background: var(--lch-soft); }
/* Testangebote ("kostenlos testen") im Dropdown und mobilen Menue hervorheben: gruene Pille mit Geschenk-Icon */
.lch a.is-trial, .lch-mobile a.is-trial { display: flex; align-items: center; gap: 6px; width: fit-content; max-width: 100%; margin: 2px 0; padding: 4px 10px; border-radius: 16px; background: #e8f5ee; color: #17653a !important; font-weight: 600; line-height: 1.35; }
.lch a.is-trial:hover, .lch a.is-trial.is-active, .lch-mobile a.is-trial:hover { background: #d3ecdd; color: #0f4d2b !important; }
.lch a.is-trial .lc-i, .lch-mobile a.is-trial .lc-i { width: 14px; height: 14px; }
.lch-l2 > a.is-trial { padding: 6px 12px; }
.lch-mobile a.is-trial { padding: 6px 12px; margin: 4px 0; }
.lch-drop-foot { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 22px; border-top: 1px solid var(--lch-line); background: #f6fafb; font-size: 13px; color: var(--lch-muted); }
.lch-drop-foot a { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; color: var(--lch-brand-600) !important; }
.lch-drop-foot a:hover { text-decoration: underline; }
.lch-drop-links { display: inline-flex; flex-wrap: wrap; gap: 6px 18px; }
/* Produktberater im Menue-Fuss hervorgehoben (2026-10-26): dunkler Button mit Kompass, zwei Zeilen, dezente Striche links */
.lch-drop-links { align-items: center; }
.lch-drop-foot a.lch-advisor-btn { position: relative; gap: 12px; padding: 9px 18px 9px 12px; margin-left: 28px; border-radius: 12px; background: linear-gradient(135deg, var(--lch-brand) 0%, var(--lch-brand-600) 100%); color: #fff !important; box-shadow: 0 8px 20px -8px rgba(11, 88, 118, .55); text-decoration: none !important; transition: transform .15s ease, box-shadow .15s ease; }
.lch-drop-foot a.lch-advisor-btn:hover, .lch-drop-foot a.lch-advisor-btn:focus-visible { transform: translateY(-1px); box-shadow: 0 12px 26px -10px rgba(11, 88, 118, .7); }
.lch-drop-foot a.lch-advisor-btn::before { content: ""; position: absolute; left: -26px; top: 50%; width: 18px; height: 26px; transform: translateY(-50%); pointer-events: none;
    background: linear-gradient(var(--lch-light), var(--lch-light)) 6px 0 / 10px 2px no-repeat, linear-gradient(var(--lch-light), var(--lch-light)) 0 12px / 14px 2px no-repeat, linear-gradient(var(--lch-light), var(--lch-light)) 4px 24px / 10px 2px no-repeat; opacity: .9; }
.lch-advisor-ico { display: grid; place-items: center; padding-right: 12px; border-right: 1px solid rgba(255, 255, 255, .3); }
.lch-advisor-ico .lc-i { width: 22px; height: 22px; }
.lch-advisor-txt { display: flex; flex-direction: column; line-height: 1.2; }
.lch-advisor-txt small { font-size: 11px; font-weight: 500; color: rgba(255, 255, 255, .82); }
.lch-advisor-txt strong { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 700; color: #fff; }
@media (prefers-reduced-motion: reduce) { .lch-drop-foot a.lch-advisor-btn { transition: none; } .lch-drop-foot a.lch-advisor-btn:hover { transform: none; } }
.lch-top-contact a.lch-show-sm { display: none; }

/* Buttons */
.lch-actions { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.lch-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 42px; padding: 0 16px; border-radius: 10px; border: 1px solid transparent; background: none; font-weight: 700; font-size: 14px; white-space: nowrap; cursor: pointer; transition: background .15s, border-color .15s, color .15s; }
.lch-btn-ghost { color: var(--lch-ink); border-color: var(--lch-line); }
.lch-btn-ghost:hover, .lch-login.is-open .lch-btn-ghost { border-color: var(--lch-brand); color: var(--lch-brand-600); }
.lch-btn-ghost .lc-i:last-child { width: 14px; height: 14px; opacity: .55; }
.lch-btn-primary { background: var(--lch-brand); color: #fff !important; box-shadow: 0 6px 16px -6px rgba(15, 111, 147, .6); }
.lch-btn-primary:hover { background: var(--lch-brand-600); }
.lch-login { position: relative; }
.lch-login-drop { position: absolute; right: 0; top: calc(100% + 8px); min-width: 220px; padding: 8px; background: #fff; border: 1px solid var(--lch-line); border-radius: 12px; box-shadow: 0 20px 40px -16px rgba(14, 42, 58, .35); opacity: 0; visibility: hidden; transform: translateY(6px); transition: .15s; }
.lch-login.is-open .lch-login-drop { opacity: 1; visibility: visible; transform: none; }
.lch-login-drop a { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 9px 10px; border-radius: 8px; font-weight: 600; color: var(--lch-ink) !important; }
.lch-login-drop a:hover { background: var(--lch-soft); color: var(--lch-brand-600) !important; }
.lch-login-drop .lc-i { width: 14px; height: 14px; opacity: .5; }
.lch-burger { display: none; width: 44px; height: 44px; place-items: center; padding: 0; border: 1px solid var(--lch-line); border-radius: 10px; background: #fff; color: var(--lch-ink); cursor: pointer; }
.lch-burger .lc-i { width: 22px; height: 22px; }

/* Breadcrumb (per JS unter den Header verschoben) */
.lch-crumbs { position: relative; z-index: 2; padding: 14px 0 0; font-family: Roboto, Arial, sans-serif; }
.lch-crumbs .lc-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 0; list-style: none !important; margin: 0 !important; padding: 0 !important; font-size: 13px; line-height: 1.5; color: var(--lch-muted); }
.lch-crumbs li { padding: 0 !important; margin: 0; list-style: none !important; }
.lch-crumbs li::before { content: none !important; }
.lch-crumbs li + li::before { content: '\203A' !important; display: inline-block; margin: 0 8px; color: #9aabb3; }
.lch-crumbs a { color: var(--lch-brand-600); text-decoration: none; }
.lch-crumbs a:hover { text-decoration: underline; }
.lch-crumbs li[aria-current] { color: var(--lch-ink); font-weight: 600; }
.lcube-home .lch-crumbs { display: none; }

/* Mobiles Menue (Off-Canvas) */
.lch-mobile { position: fixed; inset: 0; z-index: 100000; background: rgba(14, 42, 58, .45); opacity: 0; transition: opacity .2s; }
.lch-mobile[hidden] { display: none; }
.lch-mobile.is-open { opacity: 1; }
.lch-mobile-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(390px, 100%); padding: 16px 20px 28px; overflow: auto; background: #fff; transform: translateX(100%); transition: transform .25s; }
.lch-mobile.is-open .lch-mobile-panel { transform: none; }
.lch-mobile-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.lch-mobile-head .lch-logo img { height: 38px; }
.lch-mobile .lch-burger { display: grid; }
.lch-mobile summary { display: flex; justify-content: space-between; align-items: center; padding: 13px 4px; font-weight: 700; color: var(--lch-ink); cursor: pointer; list-style: none; }
.lch-mobile summary::-webkit-details-marker { display: none; }
.lch-mobile summary .lc-i { transition: transform .2s; opacity: .6; }
.lch-mobile details[open] > summary .lc-i { transform: rotate(180deg); }
.lch-mlist-0 > li { border-bottom: 1px solid var(--lch-line); }
.lch .lch-mlist-1, .lch .lch-mlist-2 { padding-left: 12px !important; }
.lch-mlist-1 summary { padding: 10px 4px; font-weight: 600; font-size: 15px; }
.lch-mlist a { display: block; padding: 9px 4px; color: var(--lch-text) !important; }
.lch-mlist-0 > li > a { padding: 13px 4px; font-weight: 700; color: var(--lch-ink) !important; }
.lch-moverview a { color: var(--lch-brand-600) !important; font-weight: 600; }
.lch-mobile .lch-btn { width: 100%; margin-top: 18px; }
.lch-mobile-logins { margin-top: 18px; padding: 12px; border-radius: 12px; background: #f6fafb; }
.lch-mobile-logins span { display: block; margin-bottom: 4px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--lch-muted); }
.lch-mobile-logins a { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; font-weight: 600; color: var(--lch-ink) !important; }
.lch-mobile-logins .lc-i { width: 14px; height: 14px; opacity: .5; }
.lch-mobile-contact { display: grid; gap: 10px; margin-top: 18px; }
.lch-mobile-contact a { display: flex; align-items: center; gap: 8px; color: var(--lch-text) !important; }
body.lch-noscroll { overflow: hidden; }

@media (max-width: 1180px) {
    .lch-nav, .lch-login { display: none; }
    .lch-burger { display: grid; }
}
@media (max-width: 720px) {
    .lch-hide-sm, .lch-top-contact .lch-langswitch { display: none !important; }
    .lch-top-contact a.lch-show-sm { display: inline-flex !important; }
    .lch-top-trust { gap: 10px; }
    .lch-actions .lch-btn-primary { display: none; }
    .lch-bar .lch-logo img { height: 38px; }
    .lch-wrap, .lcf-wrap { padding: 0 16px; }
}

/* Footer */
.et-l--footer { margin-top: 80px; }
.lcf { background: var(--lch-ink); color: #a9bec8; }
.lcf a { transition: color .15s; }
.lcf-cta { position: relative; top: -56px; margin-bottom: -56px; }
.lcf-cta-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding: 30px 34px; border-radius: 20px; background: linear-gradient(120deg, var(--lch-brand) 0%, #0b5876 100%); color: #fff; box-shadow: 0 24px 48px -20px rgba(11, 88, 118, .7); }
.lcf .lcf-cta-box h2 { margin: 0 0 4px; padding: 0; font: 700 22px/1.25 Roboto, Arial, sans-serif; color: #fff; }
.lcf .lcf-cta-box p { margin: 0; padding: 0; color: #d4eef7; font-size: 15px; }
.lcf-cta-links { display: flex; flex-wrap: wrap; gap: 12px; }
.lcf-cta-links a { display: flex; align-items: center; gap: 10px; padding: 11px 16px; border-radius: 12px; background: rgba(255, 255, 255, .13); border: 1px solid rgba(255, 255, 255, .25); color: #fff !important; transition: background .15s; }
.lcf-cta-links a:hover { background: rgba(255, 255, 255, .24); }
.lcf-cta-links small { display: block; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: #bfe6f3; }
.lcf-cta-links b { font-weight: 700; font-size: 15px; }
.lcf-main { display: grid; grid-template-columns: 1.5fr repeat(4, 1fr); gap: 36px; padding-top: 60px; padding-bottom: 44px; }
.lcf-logo img { display: block; width: auto; height: 44px; }
.lcf .lcf-about p { max-width: 310px; margin: 16px 0 18px; padding: 0; line-height: 1.6; }
.lcf-badges { display: flex; flex-wrap: wrap; gap: 8px; }
.lcf-badges span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; border: 1px solid var(--lch-ink-2); background: #132f3e; font-size: 12px; font-weight: 700; color: #dfeaee; }
.lcf-badges .lc-i { width: 14px; height: 14px; color: var(--lch-light); }
.lcf .lcf-col h3 { margin: 6px 0 16px; padding: 0; font: 700 13px/1.3 Roboto, Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.lcf-col ul { display: grid; gap: 10px; }
.lcf-col a { display: inline-flex; align-items: center; gap: 5px; }
.lcf-col a:hover { color: #fff; }
.lcf-col a.is-strong { font-weight: 700; color: #fff; }
.lcf-col .lc-i { width: 12px; height: 12px; opacity: .6; }
.lcf-bottom { border-top: 1px solid var(--lch-ink-2); padding: 20px 0; font-size: 13px; }
.lcf-bottom .lcf-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; }
.lcf-vat { margin-top: 4px; font-size: 12px; color: #6f8893; }
.lcf-legal { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.lcf-legal a:hover { color: #fff; }
.lcf-lang { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid var(--lch-ink-2); border-radius: 8px; }
.lcf-lang .lc-i { width: 14px; height: 14px; }
@media (max-width: 960px) {
    .lcf-main { grid-template-columns: 1fr 1fr; gap: 30px; }
    .lcf-about { grid-column: 1 / -1; }
}
@media (max-width: 520px) {
    .lcf-cta-box { padding: 22px; }
    .lcf-cta-links a { flex: 1 1 100%; }
}

/* Nach-oben-Button */
.lc-totop { position: fixed; right: 20px; bottom: 24px; z-index: 9990; width: 44px; height: 44px; border-radius: 50%; background: var(--lch-brand); box-shadow: 0 8px 20px -8px rgba(14, 42, 58, .6); font-size: 0; cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .2s, transform .2s, visibility 0s .2s; }
.lc-totop::after { content: ''; position: absolute; left: 16px; top: 18px; width: 10px; height: 10px; border-left: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(45deg); }
.lc-totop.is-visible { opacity: 1; visibility: visible; transform: none; transition: opacity .2s, transform .2s; }
.lc-totop:hover { background: var(--lch-brand-600); }
@media (max-width: 440px) {
    .lch-hide-xs { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .lch-top-contact a { padding: 6px; }
    .lch-top-contact .lc-i { width: 16px; height: 16px; }
}

/* Seitenueberschrift (H1) der Inhaltsseiten im Stil der Startseite ("Ihre IT. Sicher betrieben. ...") */
body.lcube-divi:not(.lcube-home) .et_pb_text h1 { font-weight: 700; font-size: 46px; line-height: 1.1; color: #10283a; margin: 0 0 18px; }
@media (max-width: 767px) { body.lcube-divi:not(.lcube-home) .et_pb_text h1 { font-size: 32px; } }

/* Textlinks im Inhalt ohne eigene Klasse (z.B. "Mehr erfahren" in Karten): Petrol statt Divi-Hellblau */
body.lcube-divi #main-content a:not([class]) { color: #0f6f93; }
body.lcube-divi #main-content a:not([class]):hover { color: #0b5876; }

/* Preiskarten: kein Divi-5-Flexabstand (30px) zwischen Kopf und Preisfeld; Abstaende darunter gezielt */
body.lcube-divi .lc-pricing .et_pb_pricing_table { row-gap: 0 !important; gap: 0 !important; }
body.lcube-divi .lc-pricing .et_pb_pricing_content { padding-top: 22px !important; }
body.lcube-divi .lc-pricing .et_pb_button_wrapper { padding: 24px 0 26px; }

/* Claim in der Kopfleiste */
.lch-claim { font-weight: 700; color: #fff; letter-spacing: .01em; }

/* Seiten des alten CMS (Header/Footer ueber site/template_home.inc.htm, .lch direkt im body, Bootstrap 3 + styles.min.css) */
body > .lch { position: sticky; top: calc(-1 * var(--lch-top)); z-index: 1000; }
body > .lcf { margin-top: 90px; }
body > .lch-crumbs + .container { margin-top: 10px; }
.lch a:hover, .lch a:focus, .lcf a:hover, .lcf a:focus, .lch-crumbs a:focus { text-decoration: none; }
.lch-crumbs a:hover { text-decoration: underline; }
.lch img, .lcf img { max-width: none; }
.lch h2, .lch h3, .lcf h2, .lcf h3 { text-transform: none; }

/* ---------- Formulare des alten CMS (Bestellung, Kontakt, Kuendigung, Widerruf, Testaktion) im neuen Design ----------
   Nur Aussehen: Markup, Feldnamen, onclick/onsubmit und die Klassen fuer toggle_row/calcform bleiben unveraendert.
   Gilt nur fuer Inhalte des alten CMS (body > .container), nicht fuer Divi-Seiten. */
body > .container { color: var(--lch-text); font-family: Roboto, Arial, sans-serif; }
body > .container h1 { font: 700 46px/1.1 Roboto, Arial, sans-serif; color: #10283a; margin: 10px 0 22px; letter-spacing: 0; }
@media (max-width: 767px) { body > .container h1 { font-size: 32px; } }
body > .container a { color: var(--lch-brand); }
body > .container a:hover { color: var(--lch-brand-600); }

/* Abschnittskoepfe (div.blue/div.red mit toggle_row) */
body > .container .bestellform div.blue, body > .container .kontaktform div.blue,
body > .container .bestellform div.red, body > .container .kontaktform div.red {
    position: relative; padding: 14px 48px 14px 20px; border: 0; border-radius: 12px 12px 0 0;
    background: var(--lch-brand) !important; background-image: none !important; box-shadow: none;
    font: 600 18px/1.3 Roboto, Arial, sans-serif; color: #fff; text-align: left; text-shadow: none;
}
body > .container .bestellform div.red, body > .container .kontaktform div.red { background: #b4232c !important; }
body > .container .bestellform div.blue.clickable:hover, body > .container .kontaktform div.blue.clickable:hover { background: var(--lch-brand-600) !important; }
body > .container .icon-toggle-row { top: 50%; right: 18px; transform: translateY(-50%); font-size: 16px; opacity: .85; }
/* Zugeklappter Abschnitt: Kopf rundum abgerundet */
body > .container .bestellform .row:has(> div.blue):has(+ .row > .toggle-hidden) > div.blue,
body > .container .kontaktform .row:has(> div.blue):has(+ .row > .toggle-hidden) > div.blue { border-radius: 12px; }

/* Abschnittsinhalt */
body > .container .bestellform .daten, body > .container .kontaktform .daten {
    padding: 20px; background: #fff; border: 1px solid var(--lch-line); border-top: 0; border-radius: 0 0 12px 12px;
}
body > .container .bestellform .zusammenfassung { background: var(--lch-soft); }
body > .container .bestellform .daten.ta-right, body > .container .bestellform .daten.buchen, body > .container .bestellform .daten.testen { background: none; border: 0; padding: 10px 0 0; }

/* Beschriftungen und Felder */
body > .container .control-label, body > .container form label { font-weight: 600; color: var(--lch-ink); font-size: 14px; }
body > .container form .control-group { margin-bottom: 14px; }
body > .container form .form-control:not([type=checkbox]):not([type=radio]),
body > .container form input[type=text], body > .container form input[type=email], body > .container form input[type=tel],
body > .container form select, body > .container form textarea {
    height: auto; min-height: 44px; padding: 10px 12px; border: 1px solid #cfdde3; border-radius: 8px; background-color: #fff;
    box-shadow: none; font: 400 15px/1.4 Roboto, Arial, sans-serif; color: var(--lch-ink); transition: border-color .15s, box-shadow .15s;
}
body > .container form textarea { min-height: 130px; width: 100%; }
body > .container form .form-control:focus, body > .container form input:focus, body > .container form select:focus, body > .container form textarea:focus {
    border-color: var(--lch-brand); outline: 0; box-shadow: 0 0 0 3px rgba(15, 111, 147, .15);
}
body > .container form ::placeholder { color: #98a9b1; }

/* Checkboxen und Optionsfelder: nativ in Petrol statt grosser grauer Kaesten */
body > .container form input[type=checkbox], body > .container form input[type=radio] {
    width: 22px !important; height: 22px !important; min-height: 0 !important; margin: 2px 0 0; padding: 0; border: 0; box-shadow: none;
    accent-color: var(--lch-brand); cursor: pointer;
}
body > .container form input[type=radio].hidden { display: none !important; }

/* Buttons (kaufen, Testpaket bestellen, Anfrage senden, Absenden ...) */
body > .container form input[type=submit], body > .container form button[type=submit], body > .container form .btn-success,
body > .container form .btn-lcube3, body > .container form .btn-primary, body > .container form .btn-default {
    display: inline-block; height: auto; padding: 13px 28px; border: 0; border-radius: 8px; background: var(--lch-brand) !important; background-image: none !important;
    box-shadow: 0 6px 16px -6px rgba(15, 111, 147, .6); font: 600 16px/1.2 Roboto, Arial, sans-serif; color: #fff !important; text-shadow: none; cursor: pointer;
    transition: background .15s;
}
body > .container form input[type=submit]:hover, body > .container form button[type=submit]:hover, body > .container form .btn-success:hover,
body > .container form .btn-lcube3:hover, body > .container form .btn-primary:hover, body > .container form .btn-default:hover { background: var(--lch-brand-600) !important; }
body > .container h2, body > .container h3 { color: #10283a; }

/* Startseite: weitere Symbole fuer Loesungskarten (CSS-Masken wie .lc-ico-shield) */
body.lcube-divi .lc-ico-chip { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3Crect x='9.5' y='9.5' width='5' height='5' rx='1'/%3E%3Cpath d='M9 2v4M15 2v4M9 18v4M15 18v4M2 9h4M2 15h4M18 9h4M18 15h4'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-cart { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.7 12.4a2 2 0 0 0 2 1.6h8.6a2 2 0 0 0 2-1.6L22 7H6'/%3E%3C/svg%3E"); }
body.lcube-divi .lc-ico-globe { --lc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M2.5 12h19M12 2.5a14.5 14.5 0 0 1 0 19M12 2.5a14.5 14.5 0 0 0 0 19'/%3E%3C/svg%3E"); }

/* Startseite: Loesungskarten als endloses Karussell (Verhalten in chrome.js, .lc-hp2-carousel) */
body.lcube-divi .lc-hp2-carousel { --per: 4; --gap: 22px; position: relative; }
body.lcube-divi .lc-hp2-viewport { overflow: hidden; margin: -8px -4px; padding: 8px 4px 14px; touch-action: pan-y; }
body.lcube-divi .lc-hp2-track { display: flex; gap: var(--gap); will-change: transform; }
body.lcube-divi .lc-hp2-track.is-animating { transition: transform .5s ease; }
body.lcube-divi .lc-hp2-track > .lc-hp2-card { flex: 0 0 calc((100% - (var(--per) - 1) * var(--gap)) / var(--per)); }
body.lcube-divi .lc-hp2-nav { position: absolute; top: 40%; z-index: 2; width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 1px solid var(--hp-line); border-radius: 50%; background: #fff; color: var(--hp-ink); box-shadow: 0 8px 20px -10px rgba(16, 40, 58, .45); cursor: pointer; transition: background .15s, color .15s; }
body.lcube-divi .lc-hp2-nav:hover { background: #0f6f93; color: #fff; border-color: #0f6f93; }
body.lcube-divi .lc-hp2-nav.is-prev { left: -22px; }
body.lcube-divi .lc-hp2-nav.is-next { right: -22px; }
body.lcube-divi .lc-hp2-nav::before { content: ''; width: 10px; height: 10px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateX(2px) rotate(45deg); }
body.lcube-divi .lc-hp2-nav.is-next::before { transform: translateX(-2px) rotate(-135deg); }
body.lcube-divi .lc-hp2-dots { display: flex; justify-content: center; gap: 8px; margin-top: 10px; }
body.lcube-divi .lc-hp2-dots button { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 999px; background: #c9d9e0; cursor: pointer; transition: width .2s, background .2s; }
body.lcube-divi .lc-hp2-dots button.is-active { width: 26px; background: #0f6f93; }
@media (max-width: 1100px) { body.lcube-divi .lc-hp2-carousel { --per: 3; } }
@media (max-width: 860px) {
    body.lcube-divi .lc-hp2-carousel { --per: 2; }
    body.lcube-divi .lc-hp2-nav.is-prev { left: -8px; }
    body.lcube-divi .lc-hp2-nav.is-next { right: -8px; }
}
@media (max-width: 560px) { body.lcube-divi .lc-hp2-carousel { --per: 1; --gap: 14px; } }
body.lcube-divi .lc-hp2-carousel .lc-hp2-card-head { height: 150px; } /* Symbol- und Fotokoepfe gleich hoch */
@media (max-width: 860px) { body.lcube-divi .lc-hp2-nav { top: 61px; } } /* schmal: Pfeile auf Hoehe des Kartenkopfs statt ueber dem Text */
body.lcube-divi .lc-hp2-card-head.is-ki { background-image: url('/images/startseite/karte-ki.webp'); }
body.lcube-divi .lc-hp2-card-head.is-security { background-image: url('/images/startseite/karte-security.webp'); }
body.lcube-divi .lc-hp2-card-head.is-shop { background-image: url('/images/startseite/karte-shop.webp'); }
body.lcube-divi .lc-hp2-card-head.is-domains { background-image: url('/images/startseite/karte-domains.webp'); }
body.lcube-divi .lc-hp2-card-head.is-domains { background-position: 30% center; } /* .net links nicht anschneiden */

/* Preiskarten: "1 Monat kostenlos testen" (Bestellformular mit gesetzter Test-Checkbox, ?trial=checked) */
body.lcube-divi .lc-pricing .et_pb_pricing li a.lc-trial { display: inline-block; margin-top: 4px; padding: 8px 16px; border: 1px solid #0f6f93; border-radius: 8px; background: #fff; font: 600 14px/1.2 Roboto, Arial, sans-serif; color: #0f6f93 !important; text-decoration: none; transition: background .15s; }
body.lcube-divi .lc-pricing .et_pb_pricing li a.lc-trial:hover { background: #e9f4f8; }
body.lcube-divi .lc-pricing .et_pb_pricing li:has(> a.lc-trial), body.lcube-divi .lc-pricing .et_pb_pricing li:has(> span > a.lc-trial) { border-bottom: 0; padding-top: 14px !important; }

/* Logos der Programmiersprachen (public/images/sprachen): kleine Vorlagen, daher in natuerlicher Groesse statt hochskaliert */
body.lcube-divi .lc-hero img.lc-hero-brand.lc-hero-lang { width: auto; height: auto; max-width: 30%; max-height: 120px; margin-top: 8px; }
body.lcube-divi .lc-card img.lc-card-logo[src*="/images/sprachen/"] { width: auto; height: 52px; max-width: 100%; object-fit: contain; }
@media (max-width: 767px) { body.lcube-divi .lc-hero img.lc-hero-brand.lc-hero-lang { max-height: 80px; max-width: 50%; } }

/* Ueber uns: Foto des Inhabers im Seitenkopf */
body.lcube-divi .lc-hero img.lc-hero-brand.lc-about-photo { width: 300px; max-width: 34%; height: auto; margin: 0 0 20px 40px; border-radius: 16px; box-shadow: 0 22px 44px -22px rgba(14, 42, 58, .55); }
@media (max-width: 767px) { body.lcube-divi .lc-hero img.lc-hero-brand.lc-about-photo { width: 220px; max-width: 70%; margin: 0 0 18px; } }

/* Text-Bild-Abschnitte (lc-split, z. B. Homepage-Baukasten): Spalten mittig, Illustration responsiv */
body.lcube-divi .lc-split .et_pb_row { align-items: center; gap: 40px; }
body.lcube-divi .lc-split p { text-align: left; hyphens: auto; }
body.lcube-divi .lc-split img.lc-illu { display: block; width: 100%; max-width: 560px; height: auto; margin: 0 auto; }
@media (max-width: 980px) { body.lcube-divi .lc-split .et_pb_row { gap: 10px; } body.lcube-divi .lc-split img.lc-illu { max-width: 480px; margin: 10px auto 0; } }
/* Startseite (2026-10-24): Foto rechts randlos bis zum Fensterrand, nach links weich in den Hintergrund ausgeblendet
   (statt Karte mit harter Kante). Personen bleiben rechts, der Text steht auf hellem Grund. Ab 981 px. */
@media (min-width: 981px) {
    body.lcube-divi .et_pb_section.lc-hp2-hero { position: relative; overflow: hidden; }
    body.lcube-divi .et_pb_section.lc-hp2-hero::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 54%; z-index: 0; pointer-events: none;
        background: #0b1f3d url('/images/startseite/hero-1600.webp') 70% center / cover no-repeat;
        -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .35) 18%, rgba(0, 0, 0, .85) 36%, #000 50%);
        mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .35) 18%, rgba(0, 0, 0, .85) 36%, #000 50%); }
    body.lcube-divi .et_pb_section.lc-hp2-hero > .et_pb_row { position: relative; z-index: 1; }
    body.lcube-divi .lc-hp2-visual { background: none; box-shadow: none; border-radius: 0; margin: 0; min-height: 520px; }
}
/* Startseite (2026-10-24): Uebergang zum naechsten Abschnitt weich – Hintergrund laeuft unten in Weiss aus,
   Foto zusaetzlich nach unten ausgeblendet (beide Masken werden geschnitten: intersect / source-in) */
body.lcube-divi .et_pb_section.lc-hp2-hero { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 72%, #fff 100%), linear-gradient(100deg, #f4fafc 0%, #e6f3f7 55%, #d9edf3 100%); }
@media (min-width: 981px) {
    body.lcube-divi .et_pb_section.lc-hp2-hero::after {
        -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .35) 18%, rgba(0, 0, 0, .85) 36%, #000 50%), linear-gradient(180deg, #000 62%, rgba(0, 0, 0, .5) 82%, transparent 100%);
        -webkit-mask-composite: source-in;
        mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .35) 18%, rgba(0, 0, 0, .85) 36%, #000 50%), linear-gradient(180deg, #000 62%, rgba(0, 0, 0, .5) 82%, transparent 100%);
        mask-composite: intersect; }
}
/* Kopfbereich der Seiten (2026-10-24): bildschirmbreites Band wie auf der Startseite, unten weich in Weiss auslaufend.
   Die Breadcrumb darueber bekommt dieselbe Farbe, damit das Band direkt unter dem Menue beginnt. USP-Kaesten weiss. */
body.lcube-divi .et_pb_section.lc-hero { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 80%, #fff 100%), linear-gradient(100deg, #f4fafc 0%, #e6f3f7 55%, #d9edf3 100%); padding-bottom: 40px !important; }
body.lcube-divi:has(.et_pb_section.lc-hero) .lch-crumbs { background: linear-gradient(100deg, #f4fafc 0%, #e6f3f7 55%, #d9edf3 100%); padding-bottom: 6px; }
body.lcube-divi .lc-hero .lc-usps li { background: #fff; box-shadow: 0 6px 18px rgba(15, 43, 70, .07); }
/* Startseite (2026-10-26): Hero-Bild Cloud-Rechenzentrum ohne eigenen Verlauf (Quelle assets-src/produktbilder/
   startseite-hero-ohne-verlauf.png). Links ist das Bild dunkel und leer: Es laeuft ueber die Maske in den hellen Hintergrund
   aus (links weich, unten in Weiss). Ab 1921 px (z. B. 34 Zoll) ist der Bildbereich auf das 1920-px-Raster begrenzt,
   sitzt mittig ausgerichtet und laeuft auch nach rechts aus. */
@media (min-width: 981px) {
    body.lcube-divi .et_pb_section.lc-hp2-hero::after { background: transparent url('/images/startseite/hero-cloud2-1672.webp') right center / cover no-repeat;
        -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .25) 8%, rgba(0, 0, 0, .7) 18%, #000 30%), linear-gradient(180deg, #000 60%, rgba(0, 0, 0, .5) 80%, transparent 100%);
        -webkit-mask-composite: source-in;
        mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .25) 8%, rgba(0, 0, 0, .7) 18%, #000 30%), linear-gradient(180deg, #000 60%, rgba(0, 0, 0, .5) 80%, transparent 100%);
        mask-composite: intersect; }
}
@media (min-width: 1921px) {
    body.lcube-divi .et_pb_section.lc-hp2-hero::after { right: calc((100% - 1920px) / 2); width: 1037px;
        -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .25) 8%, rgba(0, 0, 0, .7) 18%, #000 30%, #000 82%, transparent 100%), linear-gradient(180deg, #000 60%, rgba(0, 0, 0, .5) 80%, transparent 100%);
        mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .25) 8%, rgba(0, 0, 0, .7) 18%, #000 30%, #000 82%, transparent 100%), linear-gradient(180deg, #000 60%, rgba(0, 0, 0, .5) 80%, transparent 100%); }
}
@media (max-width: 980px) {
    body.lcube-divi .lc-hp2-visual { background: #0b2a6b url('/images/startseite/hero-cloud2-1000.webp') 80% center / cover no-repeat; }
}