@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/uploads/fonts/dmserifdisplay-400-normal-latin.woff2') format('woff2')} @font-face{font-family:'DM Serif Display';font-style:italic;font-weight:400;font-display:swap;src:url('/wp-content/uploads/fonts/dmserifdisplay-400-italic-latin.woff2') format('woff2')} @font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/uploads/fonts/dmsans-400-normal-latin.woff2') format('woff2')} @font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/wp-content/uploads/fonts/dmsans-500-normal-latin.woff2') format('woff2')} @font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/wp-content/uploads/fonts/dmsans-600-normal-latin.woff2') format('woff2')} @font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/wp-content/uploads/fonts/dmsans-700-normal-latin.woff2') format('woff2')} /* ================================================================ Grundlagen */ :root{--akzent:#177B88;--akzent-tief:#2A98A5;--petrol:#1A3638;--mint:#EEF9FA; --linie:#D6F0F3;--rund:14px;--rund-klein:8px; --schatten:0 20px 50px rgba(26,54,56,.12);--schatten-klein:0 4px 16px rgba(0,0,0,.12)} body,p,li,td,th,input,textarea,select,button, #page-container p,#page-container li,#page-container td,#page-container .et_pb_text,#page-container .et_pb_text p, #page-container .et_pb_blurb_description{font-family:'DM Sans','Segoe UI',Arial,sans-serif!important} body{color:#4A6E72;font-size:16.5px;line-height:1.75;background:#FFFFFF; -webkit-font-smoothing:antialiased} h1,h2,h3, #page-container .et_pb_heading h1,#page-container .et_pb_heading h2,#page-container .et_pb_heading h3{ font-family:'DM Serif Display',Georgia,'Times New Roman',serif!important;font-weight:400!important;color:#1A3638; line-height:1.2;letter-spacing:-.005em} h4,h5,h6,#page-container .et_pb_heading h4,#page-container .et_pb_module_header{font-family:'DM Sans','Segoe UI',Arial,sans-serif!important; font-weight:700!important;color:#1A3638;line-height:1.3} h1,#page-container .et_pb_heading h1{font-size:clamp(2.4rem,4.6vw,3.6rem);line-height:1.1} h2,#page-container .et_pb_heading h2{font-size:clamp(1.8rem,2.8vw,2.3rem)} h3,#page-container .et_pb_heading h3{font-size:1.35rem} h4,#page-container .et_pb_heading h4,#page-container .et_pb_module_header{font-size:1.05rem} #page-container h1 em,#page-container h2 em{font-style:italic;color:#4DD4DF;font-weight:400} #page-container a{color:#2A98A5;text-decoration:none} #page-container a:hover{color:#177B88} #page-container strong,#page-container b{color:#1A3638;font-weight:600} #page-container .et_pb_row{width:92%;max-width:1320px} #page-container .dc-mint{background:#EEF9FA} #page-container .dc-petrol{background:#1A3638} #page-container .dc-petrol h1,#page-container .dc-petrol h2,#page-container .dc-petrol h3,#page-container .dc-petrol h4{color:#FFFFFF!important} #page-container .dc-petrol p,#page-container .dc-petrol li{color:rgba(255,255,255,.72)} #page-container .dc-petrol strong{color:#FFFFFF} /* Kicker: kleine Versalzeile in Tuerkis, wie section-label der Vorlage */ #page-container .dc-kick p{font-family:'DM Sans','Segoe UI',Arial,sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.22em; text-transform:uppercase;color:var(--akzent);margin:0 0 12px} #page-container .dc-mitte,#page-container .dc-mitte .et_pb_column{text-align:center} #page-container .dc-mitte .et_pb_text,#page-container .dc-mitte p,#page-container .dc-mitte h2{text-align:center!important} #page-container .dc-mitte h2{max-width:22ch;margin-left:auto;margin-right:auto} #page-container .dc-mitte .et_pb_text p{max-width:60ch;margin-left:auto;margin-right:auto} #page-container .dc-kopfzeile .et_pb_heading h2{max-width:24ch} #page-container .dc-kopfzeile .et_pb_heading{margin-bottom:14px!important} /* ============================================================== Kopfbereich */ .et-l--header .et_pb_section{padding:0!important} .et-l--header .et_pb_row{padding:0!important;width:92%;max-width:1320px; flex-wrap:nowrap!important;display:flex;align-items:center;min-height:72px} /* Kein transform im klebenden Kopf: die Verschiebung beim Ueberfahren des Knopfes liess das ganze Menue verschwimmen (Ole, 16.09.2026). */ .et-l--header .et_pb_button,.et-l--header .et_pb_button:hover{transform:none!important; transition:background-color .15s,box-shadow .15s!important} /* Drei feste Felder wie von Ole vorgegeben (16.09.2026): Logo links 1/5, Menue in der Mitte 3/5 rechtsbuendig, Knopf rechts 1/5 rechtsbuendig. Feste Breiten - nichts im Kopf haengt mehr von der Breite eines Nachbarn ab. */ .et-l--header .dc-topbar .et_pb_column{width:50%!important;flex:1 1 50%;margin:0!important} .et-l--header .dc-topbar-rechts{text-align:right} body .et-l--header .dc-kopfzeile>.et_pb_column{margin:0!important;padding:0!important; display:flex;align-items:center;min-width:0} body .et-l--header .dc-kopfzeile>.dc-kopf-marke{flex:0 0 18%!important;width:18%!important} body .et-l--header .dc-kopfzeile>.dc-kopf-menue{flex:0 0 67%!important;width:67%!important; justify-content:flex-end} body .et-l--header .dc-kopfzeile>.dc-kopf-knopf{flex:0 0 15%!important;width:15%!important; justify-content:flex-end} .et-l--header .dc-kopfzeile{min-height:84px} .et-l--header .dc-logo img{max-height:54px;width:auto;display:block} body .et-l--header .dc-kopfzeile>.dc-kopf-marke{justify-content:flex-start!important} body .et-l--header .dc-kopfzeile .dc-logo{margin:0!important;text-align:left!important;width:auto!important} /* Abschnittsabstaende der Handy-Regeln gelten nicht im Kopf */ body #page-container .et-l--header .et_pb_section{padding:0!important} /* Divi richtet Menue-Wrap und Liste links aus - alle Ebenen nach rechts */ .et-l--header .dc-menue,.et-l--header .dc-menue .et_pb_menu_inner_container{width:100%} .et-l--header .dc-menue .et_pb_menu__wrap,.et-l--header .dc-menue .et_pb_menu__menu, .et-l--header .dc-menue .et_pb_menu_inner_container{display:flex; justify-content:flex-end!important;width:100%} body .et-l--header .dc-menue .et_pb_menu__menu>nav>ul{display:flex;justify-content:flex-end; align-items:center;gap:4px;padding:0!important} /* Menue als eigene Pillen-Leiste statt Divi-Standard: dunkle Schrift, jeder Punkt ein ruhiges Feld; aktive Seite und Ueberfahren in Mint mit Tuerkis-Punkt. */ body .et-l--header .dc-menue nav>ul>li{padding:0!important;margin:0!important} body .et-l--header .dc-menue nav>ul>li>a{font-family:'DM Sans','Segoe UI',Arial,sans-serif!important;font-weight:500!important; font-size:14px!important;letter-spacing:.1px;color:#1A3638!important;opacity:1!important; padding:9px 15px!important;border-radius:999px;display:flex!important;align-items:center; line-height:1.2!important;transition:background-color .15s,color .15s!important;position:relative} body .et-l--header .dc-menue nav>ul>li>a:hover, body .et-l--header .dc-menue nav>ul>li:hover>a{background:#EEF9FA;color:#177B88!important} body .et-l--header .dc-menue nav>ul>li.current-menu-item>a, body .et-l--header .dc-menue nav>ul>li.current-menu-ancestor>a, body .et-l--header .dc-menue nav>ul>li.current_page_parent>a{background:#EEF9FA;color:#177B88!important} body .et-l--header .dc-menue nav>ul>li.current-menu-item>a:before, body .et-l--header .dc-menue nav>ul>li.current-menu-ancestor>a:before{content:"";position:absolute; left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--akzent)} /* Aufklapp-Pfeil: feiner Winkel mit Abstand statt Divi-Schriftsymbol am Wort */ body .et-l--header .dc-menue nav>ul>li.menu-item-has-children>a{padding-right:15px!important} body .et-l--header .dc-menue nav>ul>li.menu-item-has-children>a:after{content:""!important; font-family:inherit!important;position:static!important;display:inline-block;width:6px;height:6px; margin:-3px 0 0 9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor; transform:rotate(45deg);transition:transform .15s} body .et-l--header .dc-menue nav>ul>li.menu-item-has-children:hover>a:after{transform:rotate(225deg); margin-top:3px} body .et-l--header .dc-menue .et_pb_menu__menu>nav>ul>li>ul{border:1px solid #D6F0F3!important; border-top:3px solid var(--akzent)!important;border-radius:14px;box-shadow:var(--schatten); padding:10px!important;min-width:270px;margin-top:8px} /* Die 8px Abstand zur Liste sind eine unsichtbare Bruecke - sonst verliert die Maus beim Runterfahren den Kontakt und die Liste klappt zu (Ole, 16.09.2026). */ body .et-l--header .dc-menue .et_pb_menu__menu>nav>ul>li>ul:before{content:"";position:absolute; left:-1px;right:-1px;top:-14px;height:14px;background:transparent} body .et-l--header .dc-menue nav>ul>li.menu-item-has-children{position:relative} body .et-l--header .dc-menue ul li ul li{padding:0!important} body .et-l--header .dc-menue ul li ul li a{font-family:'DM Sans','Segoe UI',Arial,sans-serif!important;font-size:14.5px!important; font-weight:400!important;color:#1A3638!important;padding:10px 14px!important;width:100%!important; border-radius:8px;opacity:1!important} body .et-l--header .dc-menue ul li ul li a:hover{background:#EEF9FA;color:#177B88!important} /* Knopf: feste Groesse, ohne Divi-Pfeilsymbol - beim Ueberfahren aendert sich nur die Farbe, nichts verschiebt sich (Ole, 16.09.2026). */ #page-container .et-l--header .et_pb_button_module_wrapper{display:inline-block;margin:0!important} body #page-container .et-l--header .et_pb_button.dc-telknopf, body #page-container .et-l--header .et_pb_button.dc-telknopf:hover{padding:12px 22px!important; font-family:'DM Sans','Segoe UI',Arial,sans-serif!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important; letter-spacing:0!important;border:0!important;border-radius:10px!important;transform:none!important; width:auto!important;white-space:nowrap!important;color:#FFFFFF!important; box-shadow:0 4px 14px rgba(54,179,193,.30)!important;transition:background-color .15s!important} body #page-container .et-l--header .et_pb_button.dc-telknopf{background-color:var(--akzent)!important} body #page-container .et-l--header .et_pb_button.dc-telknopf:hover{background-color:#177B88!important} body #page-container .et-l--header .et_pb_button.dc-telknopf:after, body #page-container .et-l--header .et_pb_button.dc-telknopf:before{display:none!important;content:none!important} .et-l--header{background:#FFFFFF;position:sticky;top:0;z-index:9000; box-shadow:0 2px 20px rgba(26,54,56,.07)} .admin-bar .et-l--header{top:32px} #page-container{overflow:visible!important;overflow-x:clip!important} .et-l--header .dc-topbar{background:#1A3638} .et-l--header .dc-topbar .et_pb_row{min-height:0} .et-l--header .dc-topbar p{margin:0;font-size:13px;color:rgba(255,255,255,.75)} .et-l--header .dc-topbar a{color:#36B3C1;font-weight:600} .et-l--header .dc-topbar .dc-topbar-rechts a{color:#FFFFFF} .et-l--header .dc-topbar .et_pb_column{padding:7px 0!important} .et-l--header .et_pb_section,.et-l--header .et_pb_row,.et-l--header .et_pb_column, .et-l--header .et_pb_menu,.et-l--header .et_pb_menu_inner_container, .et-l--header .et_pb_menu__wrap,.et-l--header .et_mobile_nav_menu{position:static!important} .et-l--header .et_mobile_menu{position:absolute!important;left:0;right:0;top:100%; width:auto!important;border-top:3px solid var(--akzent);box-shadow:var(--schatten); padding:8px 20px} .et-l--header .mobile_menu_bar:before{color:#1A3638;font-size:30px} body .et-l--header .et_mobile_menu li a{font-family:'DM Sans','Segoe UI',Arial,sans-serif!important;font-weight:600!important; font-size:16px;color:#1A3638!important;border-bottom:1px solid #D6F0F3;padding:14px 4px} body .et-l--header .et_mobile_menu li li a{font-weight:400!important;font-size:15px; color:#4A6E72!important;padding-left:18px} /* ================================================================== Kopfbild */ #page-container .dc-hero,#page-container .dc-kopf{position:relative;overflow:hidden;background:#1A3638} #page-container .dc-hero .et_pb_row,#page-container .dc-hero .et_pb_column,#page-container .dc-hero .et_pb_module, #page-container .dc-kopf .et_pb_row,#page-container .dc-kopf .et_pb_column,#page-container .dc-kopf .et_pb_module{position:static} #page-container .dc-hero .dc-kopfbild,#page-container .dc-kopf .dc-kopfbild{position:absolute!important;inset:0; margin:0!important;width:100%;height:100%;z-index:0} #page-container .dc-hero .dc-kopfbild .et_pb_image_wrap,#page-container .dc-hero .dc-kopfbild img, #page-container .dc-kopf .dc-kopfbild .et_pb_image_wrap,#page-container .dc-kopf .dc-kopfbild img{width:100%; height:100%;display:block} #page-container .dc-hero .dc-kopfbild img,#page-container .dc-kopf .dc-kopfbild img{object-fit:cover; object-position:center top;filter:brightness(.62) saturate(.85)} #page-container .dc-hero .et_pb_code,#page-container .dc-kopf .et_pb_code,#page-container .dc-hero .et_pb_code_inner, #page-container .dc-kopf .et_pb_code_inner{position:static;padding:0;margin:0} #page-container .dc-schleier{position:absolute;inset:0;z-index:1;pointer-events:none;display:block; background:linear-gradient(105deg,rgba(26,54,56,.90) 0%,rgba(26,54,56,.55) 55%, rgba(54,179,193,.12) 100%)} #page-container .dc-hero .dc-inhalt,#page-container .dc-kopf .dc-inhalt{position:relative!important;z-index:2} #page-container .dc-hero h1{color:#FFFFFF!important;max-width:14ch;margin-bottom:18px} #page-container .dc-kopf h1{color:#FFFFFF!important;max-width:22ch} #page-container .dc-sub p{color:rgba(255,255,255,.72);font-size:17px;max-width:48ch;margin-bottom:30px; line-height:1.65} #page-container .dc-hero .dc-kick p,#page-container .dc-kopf .dc-kick p{color:#7FD8E0;display:inline-block; background:rgba(54,179,193,.18);border:1px solid rgba(54,179,193,.35); border-radius:20px;padding:5px 14px 5px 26px;margin-bottom:20px;position:relative; font-size:11px;letter-spacing:.15em} #page-container .dc-hero .dc-kick p:before,#page-container .dc-kopf .dc-kick p:before{content:"";position:absolute; left:12px;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--akzent); border-radius:50%} #page-container .dc-hero .et_pb_button_module_wrapper{margin:0 16px 10px 0!important;vertical-align:middle} /* zweiter Knopf als Textlink mit Unterstrich, wie btn-hero-secondary */ /* Die Sektion TRAEGT die Klasse dc-hero - deshalb ohne Leerzeichen nach .et_pb_section, sonst trifft die Regel nie (gesehen 16.09.2026). */ body #page-container .et_pb_section.dc-hero .et_pb_button.dc-textlink,body #page-container .et_pb_section.dc-kopf .et_pb_button.dc-textlink{ background:none!important;border:0!important;border-bottom:1.5px solid rgba(255,255,255,.35)!important; border-radius:0!important;padding:0 0 3px!important;color:rgba(255,255,255,.85)!important; font-weight:500!important;box-shadow:none!important} body #page-container .et_pb_section.dc-hero .et_pb_button.dc-textlink:hover{transform:none;border-bottom-color:#FFFFFF!important} /* schwebende Karte unten rechts: Freie Kapazitaeten */ #page-container .dc-hero-karte{position:absolute!important;right:4%;bottom:36px;z-index:3;margin:0!important; width:auto} #page-container .dc-hero-karte .et_pb_text_inner{background:#FFFFFF;border-radius:var(--rund); padding:14px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 10px 30px rgba(0,0,0,.2)} #page-container .dc-hero-karte .kreis{width:52px;height:52px;flex:0 0 52px;border-radius:50%; background:linear-gradient(135deg,#177B88,#115F69);color:#FFFFFF;display:flex; align-items:center;justify-content:center;text-align:center;font-size:8px;font-weight:700; line-height:1.25;text-transform:uppercase;letter-spacing:.04em;padding:4px} #page-container .dc-hero-karte p{margin:0;font-size:13.5px;font-weight:700;color:#1A3638;line-height:1.4} #page-container .dc-hero-karte p span{display:block;font-size:11.5px;color:#357A83;font-weight:500} #page-container .dc-hero-karte a{color:#1A3638} /* Stoerer "Wir stellen ein": runder, leicht gedrehter Aufkleber oben rechts, pulsierender Punkt, Links direkt auf die Stellenanzeigen */ #page-container .dc-stoerer{position:absolute!important;right:4%;top:34px;z-index:4;margin:0!important;width:auto} #page-container .dc-stoerer-kreis{position:relative;width:168px;height:168px;border-radius:50%;background:#FFFFFF; display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center; padding:18px;transform:rotate(-8deg);box-shadow:0 14px 34px rgba(0,0,0,.25), inset 0 0 0 5px #FFFFFF,inset 0 0 0 7px var(--akzent);transition:transform .2s} #page-container .dc-stoerer-kreis:hover{transform:rotate(0deg) scale(1.04)} #page-container .dc-stoerer-kreis small{display:block;font-family:'DM Sans','Segoe UI',Arial,sans-serif;font-size:10.5px;font-weight:700; letter-spacing:.14em;text-transform:uppercase;color:var(--akzent);margin-bottom:6px} #page-container .dc-stoerer-kreis a{display:block;font-family:'DM Serif Display',Georgia,'Times New Roman',serif;font-size:17px;line-height:1.2; color:#1A3638!important;margin:2px 0} #page-container .dc-stoerer-kreis a b{color:var(--akzent);font-family:'DM Sans','Segoe UI',Arial,sans-serif;font-weight:700} #page-container .dc-stoerer-kreis a:hover{color:#177B88!important} #page-container .dc-stoerer-kreis a.alle{font-family:'DM Sans','Segoe UI',Arial,sans-serif;font-size:11.5px;font-weight:600;color:#177B88!important; margin-top:6px} #page-container .dc-stoerer .puls{position:absolute;top:18px;right:26px;width:12px;height:12px;border-radius:50%; background:#FF7A59;box-shadow:0 0 0 0 rgba(255,122,89,.6);animation:dcPuls 1.8s infinite} @keyframes dcPuls{0%{box-shadow:0 0 0 0 rgba(255,122,89,.6)}70%{box-shadow:0 0 0 12px rgba(255,122,89,0)} 100%{box-shadow:0 0 0 0 rgba(255,122,89,0)}} @media (prefers-reduced-motion:reduce){#page-container .dc-stoerer .puls{animation:none}} /* Tuerkis-Band: eine Zeile, Punkte als Trenner */ #page-container .dc-band{background:var(--akzent)} #page-container .dc-band .et_pb_text{margin:0!important} #page-container .dc-band p{margin:0;text-align:center;color:#FFFFFF;font-size:13.5px;font-weight:500; display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap} #page-container .dc-band strong{font-family:'DM Serif Display',Georgia,'Times New Roman',serif;font-weight:400;font-size:19px;color:#FFFFFF} #page-container .dc-band .punkt{width:5px;height:5px;background:rgba(255,255,255,.4);border-radius:50%; display:inline-block} /* ================================================== Bild neben Text (about) */ /* Das Bild fuellt die ganze Spaltenhoehe und schliesst buendig mit dem Text daneben ab (Ole, 16.09.2026: "Bild groesser ziehen, damit es buendig ist"). */ #page-container .dc-about{display:flex;align-items:stretch} #page-container .dc-about .et_pb_column{position:relative;display:flex;flex-direction:column; margin-bottom:0!important} #page-container .dc-about .et_pb_column>.et_pb_module:last-child{margin-bottom:0} #page-container .dc-bild{margin-bottom:0!important;flex:1 1 auto;display:flex} #page-container .dc-bild .et_pb_image_wrap{display:block;width:100%;height:100%} /* Deckel gegen zu hohe Bild-Spalten: ein quadratisches Foto zog den Block auf Bildhoehe, der Text daneben sah winzig aus (Ole, 18.09.2026). */ #page-container .dc-about .dc-bild img{max-height:560px} #page-container .dc-bild img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block; border-radius:20px 60px 20px 20px;box-shadow:var(--schatten)} #page-container .dc-bild-r img{border-radius:60px 20px 20px 20px} #page-container .dc-fokus-links img{object-position:8% center!important} /* schwebende Karte unten links am Bild */ #page-container .dc-since{position:absolute!important;left:18px;bottom:18px;z-index:2;margin:0!important;width:auto} #page-container .dc-since .et_pb_text_inner{background:#FFFFFF;border-radius:10px;padding:10px 16px; display:flex;align-items:center;gap:10px;box-shadow:var(--schatten-klein)} #page-container .dc-since .quadrat{width:38px;height:38px;flex:0 0 38px;background:var(--akzent); border-radius:8px;color:#FFFFFF;font-size:9px;font-weight:700;display:flex;align-items:center; justify-content:center;text-align:center;line-height:1.2} #page-container .dc-since p{margin:0;font-size:12.5px;font-weight:600;color:#1A3638;line-height:1.35} #page-container .dc-since p span{display:block;font-size:11px;color:#357A83;font-weight:400} #page-container .dc-zitat{background:#EEF9FA;border-left:3px solid var(--akzent); border-radius:0 10px 10px 0;padding:14px 18px;margin:6px 0 26px} #page-container .dc-zitat p{font-family:'DM Serif Display',Georgia,'Times New Roman',serif!important;font-style:italic;font-size:1.05rem; line-height:1.5;color:#1A3638;margin:0 0 6px} #page-container .dc-zitat p.dc-wer{font-family:'DM Sans','Segoe UI',Arial,sans-serif!important;font-style:normal;font-size:12px; font-weight:600;color:var(--akzent);margin:0} #page-container .dc-petrol .dc-zitat{background:rgba(255,255,255,.07)} #page-container .dc-petrol .dc-zitat p{color:#FFFFFF} /* ============================================= Werte-Band: Mint, Trennlinien */ #page-container .dc-werte{background:#EEF9FA;border-top:1px solid #D6F0F3;border-bottom:1px solid #D6F0F3} #page-container .dc-werte .et_pb_column{margin:0!important;padding:8px 32px!important; border-right:1px solid #D6F0F3} #page-container .dc-werte .et_pb_column:last-child{border-right:0} #page-container .dc-werte .et_pb_column:first-child{padding-left:0!important} #page-container .dc-wert .et_pb_blurb_content{max-width:none!important;margin:0!important} #page-container .dc-wert .et_pb_blurb_container{padding:0} #page-container .dc-wert .et_pb_module_header{font-size:15px;margin:0 0 7px;padding:0} #page-container .dc-wert p{font-size:14.5px;color:#6A9296;line-height:1.65;margin:0} #page-container .dc-wert{margin-bottom:0!important} /* ================================================= Leistungskarten in Mint */ #page-container .dc-karten .et_pb_column{margin-bottom:20px!important;height:auto!important; align-self:stretch!important} #page-container .dc-karte{background:#EEF9FA;border:1px solid #D6F0F3;border-radius:var(--rund); overflow:hidden;height:100%;transition:box-shadow .2s ease,transform .2s ease} #page-container .dc-karte:hover{box-shadow:var(--schatten);transform:translateY(-3px)} #page-container .dc-karte .et_pb_blurb_content{max-width:none!important;margin:0!important;width:100%} #page-container .dc-karte .et_pb_main_blurb_image{margin:0;display:block} /* Hoeher als in der Vorlage (160px) - sonst sind die Koepfe abgeschnitten. */ #page-container .dc-karte .et_pb_image_wrap img{width:100%;height:260px;object-fit:cover; object-position:center 25%;display:block} #page-container .dc-karte .et_pb_blurb_container{padding:20px 22px 24px;display:flex;flex-direction:column} #page-container .dc-karte .et_pb_blurb_description{display:contents} #page-container .dc-karte .marke{order:1;font-size:10px;font-weight:700;letter-spacing:.16em; text-transform:uppercase;color:var(--akzent);margin:0 0 6px;display:block} #page-container .dc-karte .et_pb_blurb_container>.et_pb_module_header{order:2;font-size:16.5px; margin:0 0 8px;padding:0} #page-container .dc-karte .et_pb_module_header a{color:#1A3638} #page-container .dc-karte .et_pb_blurb_description>*:not(.marke){order:3} #page-container .dc-karte p{font-size:14.5px;color:#6A9296;line-height:1.65;margin:0 0 10px} #page-container .dc-karte .mehr{font-weight:600;font-size:14px;color:#2A98A5;display:inline-block;margin-top:auto} /* Kacheln ohne Bild (Leistungslisten, Angebot, Kostentraeger): Mint-Karten */ #page-container .dc-kacheln .et_pb_column{margin-bottom:20px!important;height:auto!important; align-self:stretch!important} #page-container .dc-kachel{background:#EEF9FA;border:1px solid #D6F0F3;border-radius:var(--rund); padding:22px 24px;height:100%} #page-container .dc-kachel .et_pb_blurb_content{max-width:none!important;margin:0!important} #page-container .dc-kachel .et_pb_blurb_container{padding:0} #page-container .dc-kachel .et_pb_module_header{font-size:15.5px;margin:0 0 6px;padding:0} #page-container .dc-kachel p{font-size:14.5px;color:#6A9296;line-height:1.65;margin:0} #page-container .dc-petrol .dc-kachel{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)} #page-container .dc-petrol .dc-kachel .et_pb_module_header{color:#FFFFFF} /* ================================== Versprechen: dunkel, Bild links, Punkte */ #page-container .dc-why ul{list-style:none;padding:0;margin:0} #page-container .dc-why li{position:relative;padding-left:24px;margin-bottom:16px;font-size:14px; color:rgba(255,255,255,.55);line-height:1.6} #page-container .dc-why li:before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px; background:var(--akzent);border-radius:50%} #page-container .dc-why li strong{display:block;color:#FFFFFF;font-size:15px;font-weight:600;margin-bottom:3px} #page-container .dc-petrol .dc-bild img{filter:brightness(.9) saturate(.85);box-shadow:0 20px 50px rgba(0,0,0,.3)} /* Haken-Liste auf hellem Grund */ #page-container .dc-check ul{list-style:none;padding:0;margin:6px 0 18px} #page-container .dc-check li{position:relative;padding-left:30px;margin-bottom:10px;font-size:15.5px} #page-container .dc-check li:before{content:"";position:absolute;left:0;top:6px;width:16px;height:16px; border-radius:50%;background:var(--akzent)} #page-container .dc-check li:after{content:"";position:absolute;left:5px;top:10px;width:6px;height:3px; border-left:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;transform:rotate(-45deg)} /* ============================ Faktenkarten und Kontaktkaesten (ein Bauteil) */ /* Ohne Symbolquadrat (Ole fand sie haesslich) und je Reihe gleich hoch: Spalte als Flex, Karte fuellt sie. */ #page-container .dc-fakten{display:flex;align-items:stretch} #page-container .dc-fakten .et_pb_column{margin-bottom:12px!important;display:flex;flex-direction:column} #page-container .dc-fakten .dc-fakt{flex:1 1 auto;margin:0!important} #page-container .dc-fakt,#page-container .dc-kontaktbox{background:#FFFFFF;border:1px solid #D6F0F3;border-radius:10px; padding:14px 18px!important;margin:0 0 10px!important;position:relative; min-height:66px;display:flex;flex-direction:column;justify-content:center; border-left:3px solid var(--akzent)} #page-container .dc-fakt .dc-label,#page-container .dc-kontaktbox .dc-label{font-size:11px;letter-spacing:.14em; text-transform:uppercase;color:#357A83;margin:0 0 2px;font-weight:600;line-height:1.4} #page-container .dc-fakt p,#page-container .dc-kontaktbox p{margin:0;font-size:14.5px;color:#1A3638;font-weight:500; line-height:1.45} #page-container .dc-kontaktbox a{color:#1A3638;font-weight:600} #page-container .dc-kontaktbox span{display:block;font-size:12px;color:#357A83;font-weight:400} #page-container .dc-fakten-block{background:#FFFFFF} /* Flipbook (dFlip) ohne Standard-Grau: weisse Buehne wie die Karten */ #page-container .dc-flipbook ._df_book{border-radius:var(--rund);overflow:hidden; box-shadow:0 10px 30px rgba(20,60,64,.08)} #page-container .dc-flipbook .df-bg{background:#FFFFFF!important} /* Alle Reihen gleich hoch und dicht beieinander, nicht nur je Reihe */ #page-container .dc-fakten-block .dc-fakten{padding-top:0!important;padding-bottom:0!important; margin-top:0!important;margin-bottom:16px!important} #page-container .dc-fakten-block .dc-fakten .et_pb_column{margin-bottom:0!important} #page-container .dc-fakten-block .dc-fakt{min-height:122px} /* ================================ Fragen: offene weisse Karten, zwei Spalten */ #page-container .dc-fragen .et_pb_column{margin-bottom:0!important} #page-container .dc-frage{background:#FFFFFF;border:1px solid #D6F0F3;border-left:3px solid var(--akzent); border-radius:0 var(--rund) var(--rund) 0;padding:20px 24px;margin-bottom:14px!important} #page-container .dc-frage .et_pb_blurb_content{max-width:none!important;margin:0!important} #page-container .dc-frage .et_pb_blurb_container{padding:0} #page-container .dc-frage .et_pb_module_header{font-family:'DM Serif Display',Georgia,'Times New Roman',serif!important;font-weight:400!important; font-size:1.15rem;margin:0 0 8px;padding:0;line-height:1.3} #page-container .dc-frage p{font-size:14.5px;margin:0;line-height:1.65} /* ================================================================== Knoepfe */ #page-container .et_pb_button_module_wrapper{display:inline-block;margin:0 10px 10px 0!important} #page-container .et_pb_button{font-family:'DM Sans','Segoe UI',Arial,sans-serif!important;font-weight:600!important; padding:13px 28px!important;border-radius:var(--rund-klein)!important; font-size:14.5px!important;letter-spacing:0!important; transition:transform .16s,box-shadow .16s} #page-container .et_pb_button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(54,179,193,.35)} #page-container .et_pb_button:after,#page-container .et_pb_button:before{display:none!important} body #page-container .et_pb_section .et_pb_button.dc-voll{box-shadow:0 6px 20px rgba(54,179,193,.30)} body #page-container .et_pb_section .et_pb_button.dc-kontur{background-color:rgba(0,0,0,0)!important;color:#1A3638!important; border:1.5px solid var(--akzent)!important;padding:10px 22px!important;font-size:13.5px!important} body #page-container .et_pb_section.dc-petrol .et_pb_button.dc-kontur{color:#FFFFFF!important;border-color:rgba(255,255,255,.5)!important} /* ================================================================= Formular */ #page-container .dc-formkarte{background:#FFFFFF;border-radius:var(--rund);padding:28px!important; border:1px solid #D6F0F3;box-shadow:0 4px 20px rgba(54,179,193,.06)} #page-container .dc-formkarte>.et_pb_text{margin-bottom:12px!important} #page-container .dc-formkarte .et_pb_contact_form_container{background:none!important;border:0!important; padding:0!important;margin:0} #page-container .et_pb_contact_field{display:block!important;padding:0 0 10px!important;width:100%!important; max-width:100%;float:none} #page-container .et_pb_contact_field[data-type="text"] textarea{min-height:110px} #page-container .et_pb_contact_form_label{display:none} #page-container .et_pb_contact_form input[type=text],#page-container .et_pb_contact_form input[type=email], #page-container .et_pb_contact_form textarea{background:#F4FBFC!important;border:1.5px solid #D6F0F3!important; border-radius:var(--rund-klein)!important;padding:11px 14px!important;font-size:14.5px!important; color:#1A3638!important;width:100%} #page-container .et_pb_contact_form input:focus,#page-container .et_pb_contact_form textarea:focus{ border-color:var(--akzent)!important;outline:3px solid rgba(54,179,193,.18)} body #page-container .et_pb_section .et_pb_contact_form .et_pb_button,body #page-container .et_pb_section button.et_pb_contact_submit{background:var(--akzent)!important; color:#FFFFFF!important;border:2px solid var(--akzent)!important;width:auto!important; height:auto!important;min-height:0!important;display:inline-block!important; white-space:nowrap!important;line-height:1.25!important;padding:13px 28px!important; align-self:flex-start!important;flex:0 0 auto!important;border-radius:var(--rund-klein)!important; box-shadow:0 6px 16px rgba(54,179,193,.3)} #page-container .et_pb_button_wrapper{display:flex;align-items:flex-start} #page-container .et_pb_contact_right{display:flex;align-items:center;gap:12px;justify-content:flex-start} #page-container .et_pb_contact_right p{margin:0;display:flex;align-items:center;gap:8px;white-space:nowrap} #page-container .et_pb_contact_right input.et_pb_contact_captcha{width:72px!important;margin:0!important} #page-container .et_pb_contact_captcha{background:#F4FBFC!important;border:1.5px solid #D6F0F3!important; border-radius:var(--rund-klein)!important;padding:11px 14px!important} #page-container .et_pb_contact_captcha_question{color:#4A6E72;font-size:14.5px} #page-container .dc-anfrage .et_pb_contact_form_label{display:block;font-size:12.5px;font-weight:600; color:#1A3638;margin-bottom:4px} /* Karte auf Klick: weisser Kasten wie die Kontaktkaesten */ #page-container .mn-maps{border-radius:var(--rund);overflow:hidden} #page-container .mn-karte-halt{background:#FFFFFF;border:1px solid #D6F0F3;padding:22px 24px} #page-container .mn-karte-halt strong{display:block;font-family:'DM Serif Display',Georgia,'Times New Roman',serif;font-size:1.1rem;font-weight:400; margin-bottom:6px;color:#1A3638} #page-container .mn-karte-halt p{margin:0 0 12px;font-size:13.5px;color:#6A9296} #page-container .mn-karte-halt button{font-family:'DM Sans','Segoe UI',Arial,sans-serif;font-weight:600;font-size:13.5px; background:var(--akzent);color:#FFFFFF;border:0;border-radius:var(--rund-klein); padding:11px 22px;cursor:pointer} #page-container .mn-karte-halt button:hover{background:#2A98A5} #page-container .mn-karte-extern{margin-top:10px!important;font-size:13px} #page-container .mn-maps iframe{display:block;width:100%;min-height:360px;border:0} /* Karte im Fuss: volle Breite, Platzhalter als Kartenflaeche mit Knopf in der Mitte */ #page-container .et-l--footer .dc-fusskarte-zeile{margin-top:36px!important;padding:0!important} #page-container .et-l--footer .dc-fusskarte{width:100%!important;margin:0!important} #page-container .et-l--footer .dc-fusskarte .mn-maps{border-radius:var(--rund);box-shadow:0 8px 24px rgba(26,54,56,.06)} #page-container .et-l--footer .dc-fusskarte .mn-karte-halt{min-height:380px;display:flex;flex-direction:column; align-items:center;justify-content:center;text-align:center;padding:40px 24px;border-color:#B3D9DF; background-color:#F4FBFC; background-image:linear-gradient(rgba(54,179,193,.10) 1px,transparent 1px), linear-gradient(90deg,rgba(54,179,193,.10) 1px,transparent 1px), radial-gradient(circle at 50% 50%,rgba(255,255,255,.95) 0,rgba(255,255,255,.6) 230px,rgba(255,255,255,0) 420px); background-size:44px 44px,44px 44px,100% 100%} #page-container .et-l--footer .dc-fusskarte .mn-karte-halt:before{content:"";width:44px;height:44px;margin-bottom:14px; background:var(--akzent);border-radius:50% 50% 50% 0;transform:rotate(-45deg); box-shadow:0 8px 20px rgba(54,179,193,.35)} #page-container .et-l--footer .dc-fusskarte .mn-karte-halt strong{font-size:1.5rem} #page-container .et-l--footer .dc-fusskarte .mn-karte-halt p{max-width:52ch} #page-container .et-l--footer .dc-fusskarte .mn-karte-halt button{padding:13px 28px;font-size:14px;margin:6px 0 4px; box-shadow:0 6px 16px rgba(54,179,193,.3)} #page-container .et-l--footer .dc-fusskarte iframe{min-height:420px} /* ================================================================== Partner */ #page-container .dc-partner{background:#FFFFFF;border:1px solid #D6F0F3;border-radius:var(--rund); padding:24px 26px;height:100%} #page-container .dc-partner .et_pb_blurb_content{display:flex;gap:22px;align-items:flex-start; max-width:none!important;margin:0!important} #page-container .dc-partner .et_pb_main_blurb_image{flex:0 0 100px;margin:0} #page-container .dc-partner .et_pb_image_wrap img{width:100px;height:100px;object-fit:contain; background:#FFFFFF;border-radius:var(--rund-klein);border:1px solid #D6F0F3;padding:8px} #page-container .dc-partner .et_pb_blurb_container{padding:0} #page-container .dc-partner .et_pb_module_header{font-size:16px;margin-bottom:6px} #page-container .dc-partner p{font-size:14.5px;margin:0 0 8px} #page-container .dc-partner p.dc-adresse{font-size:13px;color:#6A9296;margin:0} #page-container .dc-partnerraster .et_pb_column{margin-bottom:20px!important;height:auto!important; align-self:stretch!important} #page-container .dc-vdab img{max-width:140px;width:auto;display:block} /* ================================================================== Tabelle */ #page-container .dc-tabelle-huelle{overflow-x:auto} #page-container .dc-tabelle table{width:100%;border-collapse:separate;border-spacing:0;background:#FFFFFF; border:1px solid #D6F0F3;border-radius:var(--rund);overflow:hidden;font-size:14.5px} #page-container .dc-tabelle th,#page-container .dc-tabelle td{padding:13px 18px;text-align:left;border-bottom:1px solid #D6F0F3; vertical-align:top} #page-container .dc-tabelle th{font-family:'DM Sans','Segoe UI',Arial,sans-serif;font-weight:700;font-size:13px;color:#1A3638;background:#EEF9FA} #page-container .dc-tabelle thead th{background:#1A3638;color:#FFFFFF} #page-container .dc-tabelle tr:last-child th,#page-container .dc-tabelle tr:last-child td{border-bottom:0} /* ============================================================== Rechtstexte */ #page-container .dc-rechtstext h2{font-size:1.35rem;margin:32px 0 10px} #page-container .dc-rechtstext h2:first-child{margin-top:0} #page-container .dc-rechtstext p{font-size:15.5px;margin-bottom:14px} #page-container .mn-offen{background:#FEF3F2;border:1px solid #F5B5AE;border-left:6px solid #C0392B; border-radius:var(--rund-klein);padding:24px 26px;margin-bottom:32px} #page-container .mn-offen strong{display:block;color:#8E241A;font-size:1rem;font-weight:700;margin-bottom:8px} #page-container .mn-offen p,#page-container .mn-offen li{font-size:14.5px;color:#6B2A22} #page-container .mn-offen ul{margin:10px 0 10px 20px} #page-container .mn-offen li{margin-bottom:6px} #page-container .dc-hinweis{background:#EEF9FA;border:1px solid #D6F0F3;border-radius:var(--rund);padding:22px 26px} #page-container .dc-hinweis p{margin:0 0 10px;font-size:15px} #page-container .dc-hinweis p:last-child{margin-bottom:0} #page-container .dc-liste ul{list-style:none;padding:0;margin:0} #page-container .dc-liste li{position:relative;padding-left:22px;margin-bottom:8px;font-size:15.5px} #page-container .dc-liste li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px; border-radius:50%;background:var(--akzent)} /* ================================================================== Anhang */ #page-container .dc-anhang,#page-container .dc-anhang .et_pb_row,#page-container .dc-anhang .et_pb_column, #page-container .dc-anhang .et_pb_module{padding:0!important;margin:0!important;height:0;overflow:hidden} /* ============================================================ Fussbereich */ .et-l--footer .et_pb_row{padding:0!important;width:92%;max-width:1320px;align-items:flex-start} /* 1. Kontaktblock in Mint: links Kaesten, rechts Formularkarte */ /* Beide Spalten gleich hoch: das Nachrichtenfeld nimmt die Differenz auf, damit Formularkarte und letzter Kontaktkasten auf einer Kante enden. */ #page-container .et-l--footer .dc-kontaktbereich{background:linear-gradient(180deg,#CBE7EB 0%,#BFE0E5 100%)!important; border-top:1px solid #B3D9DF} #page-container .et-l--footer .dc-kontaktbereich .dc-kontaktbox,#page-container .et-l--footer .dc-kontaktbereich .dc-formkarte{ border-color:#C3E4E8;box-shadow:0 8px 24px rgba(26,54,56,.06)} #page-container .et-l--footer .dc-fusskontakt{display:flex;align-items:stretch} .et-l--footer .dc-fusskontakt .et_pb_column{margin:0!important} .et-l--footer .dc-fusskontakt .et_pb_column:first-child{width:46%!important;padding-right:5%!important} .et-l--footer .dc-fusskontakt .et_pb_column:last-child{width:54%!important} .et-l--footer .dc-fusskontakt h2{font-size:32px;margin:0 0 8px} .et-l--footer .dc-fusskontakt .dc-sub-hell p{color:#6A9296;font-size:14.5px;margin-bottom:24px} #page-container .et-l--footer .dc-fusskontakt .dc-kontaktbox:last-child{margin-bottom:0!important} /* Die drei Kaesten teilen sich die Hoehe der Formularkarte - so enden beide Spalten auf einer Kante (Ole: "nicht buendig", 16.09.2026). */ #page-container .et-l--footer .dc-kontaktspalte{display:flex;flex-direction:column} #page-container .et-l--footer .dc-kontaktspalte .dc-kontaktbox{flex:1 1 auto} #page-container .et-l--footer .dc-formkarte{display:flex;flex-direction:column} #page-container .et-l--footer .dc-formkarte .et_pb_contact_form_container, #page-container .et-l--footer .dc-formkarte .et_pb_contact, #page-container .et-l--footer .dc-formkarte .et_pb_contact_form{flex:1 1 auto;display:flex;flex-direction:column} #page-container .et-l--footer .dc-formkarte .et_pb_contact_field[data-type="text"]{flex:1 1 auto; display:flex!important;flex-direction:column} #page-container .et-l--footer .dc-formkarte .et_pb_contact_field[data-type="text"] textarea{flex:1 1 auto; min-height:90px!important;height:auto} /* 2. dunkler Bereich: Logo + Text, drei Linkspalten */ .et-l--footer{background:#1A3638} .et-l--footer .dc-fusszeile h4{font-size:11px!important;letter-spacing:.2em;text-transform:uppercase; color:var(--akzent)!important;margin:0 0 14px!important} #page-container .et-l--footer .dc-fusszeile .et_pb_heading{margin-bottom:0!important} #page-container .et-l--footer .dc-fusszeile .et_pb_text{margin-bottom:24px!important} #page-container .et-l--footer .dc-fusszeile .et_pb_column>*:last-child{margin-bottom:0!important} .et-l--footer .dc-fusszeile p{color:rgba(255,255,255,.66);font-size:14px;line-height:1.95} #page-container .et-l--footer .dc-fusszeile a{color:rgba(255,255,255,.78)} #page-container .et-l--footer .dc-fusszeile a:hover,#page-container .et-l--footer .dc-fussleiste a:hover{color:#4DD4DF} .et-l--footer .dc-fuss-marke{padding-right:8%!important} .et-l--footer .dc-fuss-logo img{max-height:48px;width:auto;margin-bottom:16px} .et-l--footer .dc-fuss-vdab img{max-height:52px;width:auto;opacity:.5;margin-top:4px} /* 3. Schwarzer Abschlussbalken (Oles Basis-Fuss): rechts "Eine Webseite von Media-Nord.com" mit Logo, sonst nichts */ #page-container .et-l--footer .dc-abschluss{background:#000!important;margin-bottom:-3px} body #page-container .et-l--footer .dc-abschluss{padding:0!important} .et-l--footer .dc-fussleiste{padding:12px 0!important;border:0!important} .et-l--footer .dc-fussleiste .et_pb_column{margin:0!important;width:100%!important;display:flex; align-items:center} /* Rechts Platz fuer den runden Barrierefreiheits-Knopf, sonst liegt er auf dem Logo */ .et-l--footer .dc-mn{justify-content:flex-end;gap:16px;padding-right:96px!important} .et-l--footer .dc-mn img{max-height:62px;width:auto;max-width:100%;display:block;opacity:1} .et-l--footer .dc-mn .et_pb_image,.et-l--footer .dc-mn .et_pb_text{margin:0!important} .et-l--footer .dc-mn p{margin:0;font-size:13px;color:rgba(255,255,255,.6);white-space:nowrap} #page-container .et-l--footer .dc-mn a{color:#FFFFFF;font-weight:600} /* ============================================= Einwilligungs-Hinweis unten */ #page-container .dc-hinweis-huelle{padding:0!important} #page-container .dc-hinweisband{position:fixed;left:0;right:0;bottom:0;z-index:99000;background:#FFFFFF; border-top:3px solid var(--akzent);box-shadow:0 -10px 30px rgba(26,54,56,.14)} #page-container .dc-hinweisband[hidden]{display:none} /* rechts Platz fuer den runden Barrierefreiheits-Knopf */ #page-container .dc-hinweisband-inhalt{max-width:1320px;margin:0 auto;padding:18px 104px 18px 24px;display:flex; align-items:center;gap:28px;justify-content:space-between;flex-wrap:wrap} #page-container .dc-hinweisband-text strong{display:block;font-family:'DM Serif Display',Georgia,'Times New Roman',serif;font-size:1.15rem; color:#1A3638;margin-bottom:4px} #page-container .dc-hinweisband-text p{margin:0;font-size:14px;color:#4A6E72;max-width:78ch;line-height:1.6} #page-container .dc-hinweisband-text a{color:#2A98A5;font-weight:600} #page-container .dc-hinweisband-knoepfe{display:flex;gap:10px;flex:0 0 auto} #page-container .dc-hinweisband button{font-family:'DM Sans','Segoe UI',Arial,sans-serif;font-weight:600;font-size:14px;cursor:pointer; padding:12px 22px;border-radius:10px;border:1.5px solid #D6F0F3;background:#FFFFFF; color:#1A3638;white-space:nowrap} #page-container .dc-hinweisband button:hover{border-color:var(--akzent);color:#2A98A5} /* Beide Knoepfe gleich gestaltet: Ablehnen muss genauso sichtbar und genauso leicht erreichbar sein wie Zustimmen (Orientierungshilfe der Datenschutz- konferenz zu Einwilligungsbannern). Kein hervorgehobener Ja-Knopf. */ #page-container .dc-hinweisband button.dc-ja{background:#FFFFFF;border-color:#D6F0F3;color:#1A3638; box-shadow:none} #page-container .dc-hinweisband button.dc-ja:hover{border-color:var(--akzent);color:#177B88} #page-container .dc-hinweisband-knoepfe button{min-width:190px;justify-content:center} /* Stellenanzeige (Plugin Job Postings): Logo ohne Groessenangabe im Quelltext - feste Masse per CSS, damit beim Laden nichts springt (18.09.2026). */ #page-container img.jobs_hiring_logo{width:200px;height:auto;aspect-ratio:200/61;object-fit:contain} #page-container .jobs-sending,#page-container img.add,#page-container img.remove{width:24px;height:24px} /* ============================================================== Umbruchpunkte */ @media (max-width:1100px){ body .et-l--header .dc-menue nav>ul>li>a{font-size:13px!important;padding:8px 9px!important} body .et-l--header .dc-menue .et_pb_menu__menu>nav>ul{gap:0} body .et-l--header .dc-kopfzeile>.dc-kopf-marke{flex-basis:14%!important;width:14%!important} body .et-l--header .dc-kopfzeile>.dc-kopf-menue{flex-basis:69%!important;width:69%!important} body .et-l--header .dc-kopfzeile>.dc-kopf-knopf{flex-basis:17%!important;width:17%!important} .et-l--header .dc-logo img{max-height:44px} } @media (max-width:980px){ body{font-size:16px} #page-container .dc-schleier{background:linear-gradient(180deg,rgba(26,54,56,.88) 0%,rgba(26,54,56,.94) 100%)} #page-container .dc-hero-karte{position:relative!important;right:auto;bottom:auto;margin:10px 0 0!important; display:inline-block} /* Handy: Stoerer unter den Knoepfen, damit er keine Zeile verdeckt */ #page-container .dc-stoerer{position:relative!important;top:auto;right:auto;margin:22px 0 0 6px!important;display:inline-block} #page-container .dc-stoerer-kreis{width:118px;height:118px;padding:12px} #page-container .dc-stoerer-kreis small{font-size:8.5px;margin-bottom:3px} #page-container .dc-stoerer-kreis a{font-size:13px} #page-container .dc-stoerer .puls{top:10px;right:16px;width:10px;height:10px} #page-container .dc-sub p{font-size:16px} #page-container .dc-werte .et_pb_column{border-right:0;border-bottom:1px solid #D6F0F3;padding:18px 0!important} #page-container .dc-werte .et_pb_column:last-child{border-bottom:0} #page-container .dc-about{display:block} #page-container .dc-about .et_pb_column:first-child{margin-bottom:34px!important} #page-container .dc-bild img{height:auto;min-height:0;aspect-ratio:5/4} #page-container .dc-fakten{display:block} .et-l--footer .dc-mn{justify-content:flex-start!important;padding-right:0!important} .et-l--footer .dc-mn img{max-height:48px} body .et-l--header .dc-kopfzeile>.dc-kopf-knopf{display:none!important} body .et-l--header .dc-kopfzeile>.dc-kopf-marke{flex-basis:50%!important;width:50%!important} body .et-l--header .dc-kopfzeile>.dc-kopf-menue{flex-basis:50%!important;width:50%!important} .et-l--header .dc-kopfzeile{min-height:72px} .et-l--header .dc-topbar{display:none} /* Die Rechtsbuendig-Regel setzt display:flex - das hob Divis Ausblenden des Desktop-Menues auf dem Handy auf (gesehen 16.09.2026). */ .et-l--header .dc-menue .et_pb_menu__menu{display:none!important} .et-l--header .dc-menue .et_mobile_nav_menu{display:block!important;margin-left:auto} #page-container .et-l--footer .dc-fusskontakt{display:block} .et-l--footer .dc-fusskontakt .et_pb_column:first-child, .et-l--footer .dc-fusskontakt .et_pb_column:last-child{width:100%!important;padding-right:0!important} .et-l--footer .dc-fusskontakt .et_pb_column:last-child{margin-top:28px!important} .et-l--footer .dc-fussleiste .et_pb_column{width:100%!important} } @media (max-width:767px){ #page-container .dc-hinweisband-inhalt{padding:14px 16px 14px;gap:12px} #page-container .dc-hinweisband-knoepfe{padding-right:90px} #page-container .dc-hinweisband-knoepfe{width:100%} #page-container .dc-hinweisband button{flex:1 1 auto;padding:12px 10px} #page-container .dc-hinweisband-text p{font-size:13px} #page-container .et_contact_bottom_container{float:none!important;width:100%;max-width:100%;display:block;margin-top:10px} #page-container .et_pb_contact_right{flex-wrap:wrap;margin-bottom:14px} #page-container .et_pb_button_wrapper{display:block;width:100%} body #page-container .et_pb_section button.et_pb_contact_submit{width:100%;display:block;text-align:center;box-sizing:border-box; max-width:100%;padding-left:12px!important;padding-right:12px!important} #page-container .et_pb_section{padding-top:48px!important;padding-bottom:48px!important} #page-container .dc-hero{padding-top:64px!important;padding-bottom:56px!important} #page-container .dc-kopf{padding-top:54px!important;padding-bottom:54px!important} #page-container .dc-band{padding-top:14px!important;padding-bottom:14px!important} #page-container .dc-band p{flex-direction:column;gap:6px} #page-container .dc-band .punkt{display:none} #page-container .dc-anhang{padding:0!important} #page-container .et_pb_button_module_wrapper{display:block;margin-right:0!important} #page-container .et_pb_button{display:block;text-align:center} body #page-container .et_pb_section .dc-hero .et_pb_button.dc-textlink{display:inline-block} #page-container .dc-partner .et_pb_blurb_content{display:block} #page-container .dc-partner .et_pb_main_blurb_image{margin-bottom:14px} #page-container .dc-tabelle th{width:42%} }