body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}

 
/* ==========================================================
   design.css – Einheitliches Design
   Landesinnung der Gebäudedienstleister Nord
   Farben: Dunkelblau #0B2F47 · Blau #318CB8 · Hellgrau #F2F3F7
   Stand: 30.10.2026 (Version 5)
   ========================================================== */
 
/* ---------- 1. Einheitliche Buttons auf allen Seiten ----------
   ALLE Buttons: dunkelblau, weiße Schrift, keine Großbuchstaben, 4 px Ecken.
   Hover: hellere Blau-Variante. Keine weißen oder bunten Varianten mehr. */
#main .lg-btn,
#main .pageLink a,
#main .ce_form .submit,
#main .ce_form button[type=submit],
#main .mod_login .submit,
#main .mod_listing .list_search .submit,
#main .aw-events .event a.more,
#wrapper .slider.mod_newslist .more a,
#wrapper .mod_search .submit,
#wrapper .mod_login .submit {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #0B2F47 !important;
  color: #fff !important;
  padding: 13px 24px !important;
  border: 2px solid #0B2F47 !important;
  border-radius: 4px !important;
  font-family: 'Lato Regular', sans-serif;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  height: auto !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background .15s, border-color .15s, color .15s;
}
#main .lg-btn:hover,
#main .pageLink a:hover,
#main .ce_form .submit:hover,
#main .ce_form button[type=submit]:hover,
#main .mod_login .submit:hover,
#main .mod_listing .list_search .submit:hover,
#main .aw-events .event a.more:hover,
#wrapper .slider.mod_newslist .more a:hover,
#wrapper .mod_search .submit:hover,
#wrapper .mod_login .submit:hover {
  background: #318CB8 !important;
  border-color: #318CB8 !important;
  color: #fff !important;
}
/* Frühere Varianten (ghost, light, outline-light) sehen jetzt genauso aus wie der Standard-Button */
#main .lg-btn.ghost,
#main .lg-btn.light,
#main .lg-btn.outline-light { background: #0B2F47 !important; color: #fff !important; border-color: #0B2F47 !important; }
#main .lg-btn.ghost:hover,
#main .lg-btn.light:hover,
#main .lg-btn.outline-light:hover { background: #318CB8 !important; color: #fff !important; border-color: #318CB8 !important; }
/* Auf dunklem Hintergrund (dunkler Balken) bekommt der Button einen weißen Rahmen, damit er sichtbar bleibt */
#main .lg-band .lg-btn { border-color: #fff !important; }
#main .lg-band .lg-btn:hover { border-color: #318CB8 !important; }
/* "Nach oben"-Pfeil im Footer ebenfalls dunkelblau */
#footer a.toplink { background: #0B2F47 !important; border-radius: 4px; }
#footer a.toplink:hover { background: #318CB8 !important; }
/* Abstand, wenn zwei Buttons nebeneinander stehen (z. B. Mitgliedschaft) */
#main .lg-btn + .lg-btn { margin-left: 14px; }
#main .btns .lg-btn + .lg-btn { margin-left: 0; } /* im dunklen Balken regelt "gap" den Abstand */
 
/* ---------- 2. Pink ersetzen durch Blau ---------- */
.layout_latest .inner .more,
.layout_teaser .inner .more { background: #0B2F47 !important; }
.layout_latest .inner .more:hover,
.layout_teaser .inner .more:hover { background: #318CB8 !important; }
.layout_latest .subheadline,
.layout_teaser .subheadline { color: #318CB8 !important; }
.layout_teaser .inner time,
.layout_list.event .inner time { background: #318CB8 !important; }
 
/* ---------- 3. Bausteine ---------- */
#main .lg-lead { font-size: 18px; line-height: 1.6; color: #333; max-width: 780px; margin: 0 0 24px; }
#main .lg-section { margin-top: 64px; }
#main .lg-section > h2 { font-size: 26px; color: #0B2F47; margin: 0 0 8px; scroll-margin-top: 120px; }
#main .lg-sub { color: #555; margin: 0 0 24px; font-size: 16px; }
#main .lg-grid { display: grid; gap: 18px; }
#main .lg-g2 { grid-template-columns: repeat(2, 1fr); }
#main .lg-g3 { grid-template-columns: repeat(3, 1fr); }
#main .lg-card { background: #F2F3F7; border-top: 3px solid #318CB8; border-radius: 0 0 4px 4px; padding: 22px 24px; margin: 0; }
#main .lg-card h3 { font-size: 19px; color: #0B2F47; margin: 0 0 10px; }
#main .lg-card p { margin: 0; color: #444; font-size: 15px; line-height: 1.55; }
#main .lg-card ul { margin: 0; padding: 0; list-style: none; }
#main .lg-card li { position: relative; list-style: none; padding: 0 0 8px 26px; font-size: 15px; line-height: 1.5; color: #333; }
#main .lg-card li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #318CB8; font-weight: 700; }
#main .lg-eyebrow { display: block; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #318CB8; margin-bottom: 6px; }
#main .lg-big { display: block; font-family: 'Lato Regular', sans-serif; font-size: 32px; line-height: 1.1; color: #0B2F47; }
#main .lg-band { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 30px; background: #0B2F47; color: #fff; padding: 36px 40px; border-radius: 4px; }
#main .lg-band h3 { color: #fff; font-size: 22px; margin: 0 0 6px; }
#main .lg-band p { color: rgba(255,255,255,.85); margin: 0; }
#main .lg-band .btns { display: flex; gap: 12px; flex-wrap: wrap; }
#main .lg-split { display: grid; grid-template-columns: 3fr 2fr; gap: 36px; align-items: stretch; }
#main .lg-split img { display: block; width: 100%; height: 100%; min-height: 300px; object-fit: cover; border-radius: 4px; }
#main .lg-path { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; counter-reset: lgp; }
#main .lg-path .lg-card { position: relative; padding-top: 56px; }
#main .lg-path .lg-card::before { counter-increment: lgp; content: counter(lgp); position: absolute; left: 24px; top: 18px; width: 30px; height: 30px; border-radius: 50%; background: #318CB8; color: #fff; font-size: 15px; display: flex; align-items: center; justify-content: center; }
 
/* ---------- 4. Aus- & Weiterbildung ---------- */
#aw-top .tile.secondary { background: #F2F3F7; border: 0; border-top: 3px solid #318CB8; border-radius: 0 0 4px 4px; }
 
/* 4a. Seminarliste als Termin-Karte: links dunkler Datumsblock, Mitte Titel + Infos, rechts Button */
#main .mod_eventlist.aw-events { margin: 0 !important; }
#main .mod_eventlist.aw-events .event .inner { background: #fff !important; border: 1px solid #E3E7EE !important; border-radius: 6px !important; padding: 0 !important; overflow: hidden; box-shadow: 0 6px 24px rgba(11,47,71,.08) !important; transition: box-shadow .2s, transform .2s; }
#main .mod_eventlist.aw-events .event .inner:hover { box-shadow: 0 10px 30px rgba(11,47,71,.14) !important; transform: translateY(-2px); }
#main .mod_eventlist.aw-events .event .text { display: grid !important; grid-template-columns: 210px 1fr auto !important; column-gap: 0 !important; align-items: center; padding: 0 !important; }
#main .mod_eventlist.aw-events .event .time { grid-column: 1; grid-row: 1 / span 3; align-self: stretch; display: flex !important; flex-direction: column; justify-content: center; background: #0B2F47; color: #fff; margin: 0 !important; padding: 26px 24px !important; }
#main .mod_eventlist.aw-events .event .time::before { content: "Termin"; display: block; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #7CBED8; margin-bottom: 6px; }
#main .mod_eventlist.aw-events .event .time time { position: static !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; display: block !important; width: auto !important; height: auto !important; background: none !important; padding: 0 !important; min-width: 0 !important; box-shadow: none !important; color: #fff !important; font-size: 17px !important; font-weight: 400 !important; line-height: 1.4; white-space: normal; }
#main .mod_eventlist.aw-events .event h2 { grid-column: 2; grid-row: 1; margin: 0 !important; padding: 26px 28px 8px !important; font-size: 20px !important; line-height: 1.35; }
#main .mod_eventlist.aw-events .event .teaser { grid-column: 2; grid-row: 2; padding: 0 28px 26px; font-size: 14px; color: #444; line-height: 1.6; }
#main .mod_eventlist.aw-events .event a.more { grid-column: 3 !important; grid-row: 1 / span 3 !important; justify-self: end; align-self: center; width: auto !important; margin: 0 28px 0 0 !important; font-size: 0 !important; }
 
/* 4b. Abschnitt Ausbildung: Foto ausblenden, die vier Karten nebeneinander */
#ausbildung .lg-split { grid-template-columns: 1fr; }
#ausbildung .lg-split > img { display: none; }
#ausbildung .lg-split .lg-g2 { grid-template-columns: repeat(4, 1fr); }
 
/* 4c. Trenner: Ausbildungsteil klar vom Seminarteil absetzen */
#article-222 #ausbildung { margin-top: 80px; padding-top: 64px; border-top: 1px solid #DFE4EC; }
#article-222 #ausbildung > h2::before { content: "Für Schüler & Eltern"; display: block; font-family: 'Lato Regular', sans-serif; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #318CB8; margin-bottom: 8px; }
 
/* 4d. Vergütung als dunkler Balken über die ganze Breite */
#article-222 .lg-section:has(> .lg-g3) { background: #0B2F47; box-shadow: 0 0 0 100vmax #0B2F47; clip-path: inset(0 -100vmax); padding: 56px 0 60px; margin-top: 80px; }
#article-222 .lg-section:has(> .lg-g3) > h2 { color: #fff; }
#article-222 .lg-section:has(> .lg-g3) > .lg-sub { color: rgba(255,255,255,.7); }
#article-222 .lg-section:has(> .lg-g3) .lg-card { background: rgba(255,255,255,.06); border-top-color: #318CB8; }
#article-222 .lg-section:has(> .lg-g3) .lg-eyebrow { color: #7CBED8; }
#article-222 .lg-section:has(> .lg-g3) .lg-big { color: #fff; font-size: 40px; }
 
/* 4e. Karrierewege auf hellgrauem Balken über die ganze Breite */
#article-222 .lg-section:has(> .lg-path) { background: #F2F3F7; box-shadow: 0 0 0 100vmax #F2F3F7; clip-path: inset(0 -100vmax); padding: 56px 0 60px; margin-top: 80px; }
#article-222 .lg-section:has(> .lg-path) .lg-card { background: #fff; }
 
/* ---------- 5. Mitgliedschaft ---------- */
#ms .card { background: #F2F3F7; border-top: 3px solid #318CB8; border-radius: 0 0 4px 4px; margin: 0; }
#main .ms-form { border-top: 3px solid #318CB8; border-radius: 0 0 4px 4px; }
 
/* ---------- 6. Kontakt ---------- */
#main .kt-grid { display: grid; grid-template-columns: 2fr 3fr; gap: 32px; align-items: start; }
#main .kt-grid > h1 { grid-column: 1 / -1; }
#main .kt-person { display: flex; gap: 18px; align-items: center; background: #0B2F47; color: #fff; padding: 22px 24px; border-radius: 4px; margin: 0 0 14px; }
#main .kt-person img { width: 84px; height: 84px; flex: 0 0 84px; border-radius: 50%; object-fit: cover; object-position: 50% 25%; }
#main .kt-person b { display: block; font-family: 'Lato Regular', sans-serif; font-weight: 400; font-size: 19px; color: #fff; }
#main .kt-person span { font-size: 14px; color: rgba(255,255,255,.8); }
#main .kt-item { display: flex; gap: 16px; align-items: flex-start; background: #F2F3F7; border-left: 3px solid #318CB8; border-radius: 0 4px 4px 0; padding: 16px 20px; margin: 0 0 12px; color: #333; text-decoration: none; }
#main a.kt-item:hover { background: #e7ebf1; }
#main .kt-item i { color: #318CB8; font-size: 24px; line-height: 1; }
#main .kt-item small { display: block; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #318CB8; margin-bottom: 2px; }
#main .kt-item strong { font-weight: 400; font-size: 17px; color: #0B2F47; }
#main .kt-form { background: #F2F3F7; border-top: 3px solid #318CB8; border-radius: 0 0 4px 4px; padding: 28px 30px 12px; }
#main .kt-form h2 { font-size: 24px; color: #0B2F47; margin: 0 0 18px; }
#main .kt-form input, #main .kt-form textarea { background: #fff !important; }
 
 
/* ---------- 7. Startseite: Text und Bild nebeneinander (nur Startseite) ---------- */
#article-117 .ce_text.bordered-left,
#article-117 .ce_text.bordered-right { display: grid; grid-template-columns: 3fr 2fr; column-gap: 40px; align-items: start; margin-top: 64px; }
#article-117 .ce_text.bordered-right { grid-template-columns: 2fr 3fr; }
#article-117 .ce_text.bordered-left > * { grid-column: 1; }
#article-117 .ce_text.bordered-right > * { grid-column: 2; }
#article-117 .ce_text.bordered-left > figure,
#article-117 .ce_text.bordered-right > figure { grid-column: 2; grid-row: 1 / span 6; float: none; margin: 0; align-self: center; }
#article-117 .ce_text.bordered-right > figure { grid-column: 1; }
#article-117 .ce_text.bordered-left > figure img,
#article-117 .ce_text.bordered-right > figure img { display: block; width: 100%; height: auto; border-radius: 4px; }
#article-117 .ce_text.bordered-left::after,
#article-117 .ce_text.bordered-right::after { display: none; }
#article-117 .ce_text.bordered-right h2 { text-align: left; }
#article-117 .ce_text.bordered-right h2::after { right: auto; left: 0; }
 
/* ---------- 8. Über uns (neues Layout, Bereich #uu) ---------- */
#uu { --uu-dark: #0B2F47; --uu-blue: #318CB8; --uu-light: #7CBED8; --uu-grey: #F2F3F7; }
#uu .lg-section { margin-top: 72px; }
#uu .lg-section > h2 { margin-bottom: 18px; }
#uu p { line-height: 1.65; }
/* Einheitliche Schriftgrößen: Fließtext 16 px, Text in Karten 15 px, große Zahlen 36 px */
 
/* Kennzahlen-Leiste */
#uu .uu-stats { display: grid; grid-template-columns: repeat(3, 1fr); background: var(--uu-dark); box-shadow: 0 0 0 100vmax var(--uu-dark); clip-path: inset(0 -100vmax); padding: 44px 0; margin: 8px 0 0; }
#uu .uu-stat { padding: 0 32px; border-left: 1px solid rgba(255,255,255,.15); }
#uu .uu-stat:first-child { padding-left: 0; border-left: 0; }
#uu .uu-num { display: block; font-family: 'Lato Regular', sans-serif; font-size: 36px; line-height: 1.1; color: #fff; margin-bottom: 8px; }
#uu .uu-lbl { display: block; font-size: 15px; line-height: 1.5; color: rgba(255,255,255,.75); }
 
/* Einleitung */
#uu .uu-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
#uu .uu-intro p { margin: 0; color: #333; font-size: 16px; }
 
/* Aufgaben als Karten mit Häkchen */
#uu .uu-tasks { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
#uu .uu-task { position: relative; background: var(--uu-grey); border-radius: 6px; padding: 64px 22px 22px; }
#uu .uu-task::before { content: "✓"; position: absolute; left: 22px; top: 20px; width: 32px; height: 32px; border-radius: 50%; background: var(--uu-blue); color: #fff; font-size: 16px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
#uu .uu-task h3 { font-size: 19px; color: var(--uu-dark); margin: 0 0 6px; line-height: 1.3; }
#uu .uu-task h3::after { display: none; }
#uu .uu-task p { margin: 0; font-size: 15px; color: #444; line-height: 1.55; }
 
/* Zeitleiste */
#uu .uu-history { background: var(--uu-grey); box-shadow: 0 0 0 100vmax var(--uu-grey); clip-path: inset(0 -100vmax); padding: 56px 0 60px; }
#uu .uu-timeline { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; position: relative; margin-top: 8px; }
#uu .uu-timeline::before { content: ""; position: absolute; left: 0; right: 0; top: 11px; height: 2px; background: #C9D3DF; }
#uu .uu-step { position: relative; padding-top: 40px; }
#uu .uu-step::before { content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 4px solid var(--uu-blue); box-sizing: border-box; }
#uu .uu-step:last-child::before { background: var(--uu-blue); }
#uu .uu-year { display: block; font-family: 'Lato Regular', sans-serif; font-size: 36px; line-height: 1; color: var(--uu-dark); margin-bottom: 10px; }
#uu .uu-step p { margin: 0; font-size: 16px; color: #333; }
 
/* Organisation */
#uu .uu-org { display: grid; grid-template-columns: 3fr 2fr; gap: 40px; align-items: start; }
#uu .uu-org p { margin: 0 0 14px; font-size: 16px; color: #333; }
#uu .uu-links { display: grid; gap: 12px; }
#uu .uu-link { display: flex; justify-content: space-between; align-items: center; gap: 16px; background: #fff; border: 1px solid #E3E7EE; border-left: 3px solid var(--uu-blue); border-radius: 0 6px 6px 0; padding: 16px 20px; color: var(--uu-dark); text-decoration: none; transition: background .15s; }
#uu .uu-link:hover { background: var(--uu-grey); }
#uu .uu-link b { font-weight: 400; font-size: 16px; }
#uu .uu-link span.uu-arrow { color: var(--uu-blue); font-size: 20px; }
 
/* Personen-Karten */
#uu .uu-people { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
#uu .uu-person { display: flex; gap: 22px; align-items: center; background: #fff; border: 1px solid #E3E7EE; border-radius: 6px; padding: 24px; box-shadow: 0 6px 24px rgba(11,47,71,.06); }
#uu .uu-person img, #uu .uu-person .uu-ph { width: 104px; height: 104px; flex: 0 0 104px; border-radius: 50%; object-fit: cover; object-position: 50% 18%; }
#uu .uu-person .uu-role { display: block; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--uu-blue); margin-bottom: 4px; }
#uu .uu-person .uu-name { display: block; font-family: 'Lato Regular', sans-serif; font-size: 21px; color: var(--uu-dark); margin-bottom: 8px; }
#uu .uu-person p { margin: 0; font-size: 15px; color: #444; line-height: 1.55; }
#uu .uu-person a { color: var(--uu-blue); text-decoration: none; }
#uu .uu-board { background: var(--uu-grey); border-radius: 6px; padding: 24px; }
#uu .uu-board .uu-role { display: block; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--uu-blue); margin-bottom: 4px; }
#uu .uu-board .uu-name { display: block; font-size: 19px; color: var(--uu-dark); margin-bottom: 16px; }
#uu .uu-board ul { list-style: none; margin: 0; padding: 0; }
#uu .uu-board li { list-style: none; padding: 6px 0; border-top: 1px solid #DDE3EA; font-size: 15px; color: #333; }
#uu .uu-board li:first-child { border-top: 0; }
#uu .uu-board li small { color: #777; }
#uu .uu-board p { margin: 6px 0 0; font-size: 15px; color: #444; line-height: 1.6; }
 
#uu .lg-band { margin-top: 72px; }
 
/* Über uns – Tablet und Handy */
@media (max-width: 991px) {
  #uu .uu-tasks { grid-template-columns: repeat(2, 1fr); }
  #uu .uu-people { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  #uu .uu-stats { grid-template-columns: 1fr; padding: 32px 0; gap: 22px; }
  #uu .uu-stat { padding: 0; border-left: 0; }
  #uu .uu-num { font-size: 30px; }
  #uu .uu-intro, #uu .uu-org { grid-template-columns: 1fr; gap: 20px; }
  #uu .uu-tasks { grid-template-columns: 1fr; }
  #uu .uu-timeline { grid-template-columns: 1fr; gap: 28px; padding-left: 36px; }
  #uu .uu-timeline::before { left: 9px; right: auto; top: 0; bottom: 0; width: 2px; height: auto; }
  #uu .uu-step { padding-top: 0; }
  #uu .uu-step::before { left: -36px; top: 6px; }
  #uu .uu-person { flex-direction: column; align-items: flex-start; }
}
 
/* ---------- 9. Fachbetriebssuche & Qualitätsverbund: Suche und Tabelle ---------- */
#main .mod_listing .list_search .formbody { display: grid; grid-template-columns: 200px 1fr auto; gap: 12px; align-items: center; margin: 8px 0 28px; }
#main .mod_listing .list_search .widget { float: none; margin: 0; width: auto; }
#main .mod_listing .list_search input.text { margin: 0; }
#main .mod_listing table.all_records { border-collapse: collapse; width: 100%; border: 0; }
#main .mod_listing table.all_records th { background: #0B2F47 !important; color: #fff; border: 0 !important; padding: 14px 16px; text-align: left; font-weight: 400; }
#main .mod_listing table.all_records th a { color: #fff; }
#main .mod_listing table.all_records td { border: 0 !important; border-bottom: 1px solid #E3E7EE !important; padding: 12px 16px; }
#main .mod_listing table.all_records tbody tr:nth-child(even) td { background: #F7F8FA; }
#main .mod_listing table.all_records tbody tr:hover td { background: #EAF3F8; }
 
/* ---------- 10. News-Detailansicht: Bild nicht zu hoch ---------- */
#main .mod_newsreader .layout_full figure img { display: block; width: 100%; height: auto; max-height: 520px; object-fit: cover; object-position: 50% 30%; border-radius: 4px; }
 
/* ---------- 11. Tablet ---------- */
@media (max-width: 991px) {
  #ausbildung .lg-split .lg-g2 { grid-template-columns: repeat(2, 1fr); }
  #main .mod_eventlist.aw-events .event .text { grid-template-columns: 180px 1fr !important; }
  #main .mod_eventlist.aw-events .event a.more { grid-column: 2 !important; grid-row: 3 !important; justify-self: start; margin: 0 28px 26px !important; }
}
 
/* ---------- 12. Handy ---------- */
@media (max-width: 767px) {
  #main .lg-g2, #main .lg-g3, #main .lg-split, #main .lg-path, #main .kt-grid { grid-template-columns: 1fr; }
  #main .lg-band { padding: 28px 24px; }
  #ausbildung .lg-split .lg-g2 { grid-template-columns: 1fr; }
  #main .lg-btn + .lg-btn { margin-left: 0; margin-top: 12px; }
  #article-117 .ce_text.bordered-left,
  #article-117 .ce_text.bordered-right { grid-template-columns: 1fr; }
  #article-117 .ce_text.bordered-left > *,
  #article-117 .ce_text.bordered-right > *,
  #article-117 .ce_text.bordered-left > figure,
  #article-117 .ce_text.bordered-right > figure { grid-column: 1; grid-row: auto; margin: 0 0 16px; }
  #main .mod_eventlist.aw-events .event .text { grid-template-columns: 1fr !important; }
  #main .mod_eventlist.aw-events .event .time { grid-column: 1; grid-row: 1; padding: 16px 20px !important; }
  #main .mod_eventlist.aw-events .event h2 { grid-column: 1; grid-row: 2; padding: 20px 20px 8px !important; }
  #main .mod_eventlist.aw-events .event .teaser { grid-column: 1; grid-row: 3; padding: 0 20px 16px; }
  #main .mod_eventlist.aw-events .event a.more { grid-column: 1 !important; grid-row: 4 !important; justify-self: start; margin: 0 20px 20px !important; }
  #article-222 .lg-section:has(> .lg-g3),
  #article-222 .lg-section:has(> .lg-path) { padding: 40px 0 44px; }
  #main .mod_listing .list_search .formbody { grid-template-columns: 1fr; }
}
 
@media (min-width: 768px){
/* slider_desktop.css */
#wrapper .slider.mod_newslist .img{width: 50%}
}
/* custom.css */
#main .ce_text::after{content: "";display: block;clear: both}#main .cell.medium-4{float: right;width: 36%}#main .cell.medium-8{float: left;width: 60%}#main .layout_latest .inner h2,#main .layout_teaser .inner h2,#main .layout_list .inner h2{font-size: 21px;  line-height: 1.35}#main h4{font-size: 18px;  color: #0B2F47}#main h3{font-size: 21px;  line-height: 1.35;  color: #0B2F47}#main h2{font-size: 26px;  line-height: 1.3;  color: #0B2F47}#wrapper h1{font-size: 34px;  line-height: 1.25;  color: #0B2F47}#wrapper h1,#wrapper h2,#wrapper h3,#wrapper h4,#wrapper h5,#wrapper h6,#wrapper .layout_upcoming a,#wrapper .layout_upcoming time,#wrapper .layout_teaser .inner time{font-family: 'Lato Regular', sans-serif !important}#header .headerImage .caption h1{display: block;background: none;color: #0B2F47;padding: 0;margin: 0;font-size: 34px}#header .headerImage .caption .container{max-width: 1110px;margin: 0 auto;text-align: left;padding: 40px 15px 0}#header .headerImage .caption{position: static;display: block;background: none}#mae_cat_8 a,#mae_cat_9 a{color: #1d1d1b !important}#main .video_container iframe{width: 100%;height: auto;aspect-ratio: 16 / 9}#main table thead th,#main table thead th a{color: #fff}#main .ce_table,#main .mod_listing{overflow-x: auto}{}#wrapper .slider.mod_newslist .slides li img{object-fit: contain;   background: #fff}.voranmeldung{margin-top: -15px;padding-left: 30px;background: #efe64f;color: #fff;padding: 5px 10px 3px;position: absolute}.sliderImage .teaser{color:#F92FA}.time_ausblenden .time{display:none}.WhatEverCssClass{}.event.layout_teaser .inner .text{height:100%}#start_events{margin-top:-60px}.category{list-style-type:square}#footer .login h5{color:#000}#start_events .layout_upcoming{width:250px;float:left;margin-right:10px;border:1px solid #369;color:#FFF}#start_events .date{padding-left:10px;background-color:#F92FA2}.ce_colsetPart{background-color:#F2F3F7}.tabcontrol_tabs{min-height:25px}#tabcontrol_1081{position:absolute;display:block;vertical-align:bottom}#header .mod_mateNavbar{background-image:url("../../files/mate/img/footerback.png");background-position:left bottom;background-repeat:repeat-x}.layout_latest .subheadline,.layout_teaser .subheadline{color:#F92FA2}.layout_latest .inner .more,.layout_teaser .inner .more{background:  #F92FA2}.headerImage h1,.headerImage h2,.headerImage h3,.headerImage h4,.headerImage h5,.headerImage h6{color:#FFEF00}.layout_teaser .inner time,.layout_list.event .inner time{background:  #F92FA2}#right .event .layout_upcoming time,.layout_upcoming time{min-width:200px;display:inline-block;padding:0;font-family:'Old Standard';color:#0B2F47;background: none}#right .event .layout_upcoming a,.layout_upcoming a{display:block;margin-bottom:10px;font-family:'Old Standard'}#right .layout_latest .inner h2,#rught .layout_short .inner h2,#right .layout_teaser .inner h2,#right .layout_list .inner h2{margin:0;padding:15px 0;font:19px 'Old Standard';font-weight: 400;text-transform: inherit}#right .layout_short .inner h2,.layout_list .inner h2{padding-top:35px}#right .kat_news{font-size:12px;color:#000}
@media (max-width: 767px){
/* mobile.css */
#main .ce_text .float_right{float: none !important;   margin: 0 0 20px 0 !important;   width: 100% !important}#main .cell.medium-8,#main .cell.medium-4{float: none !important;   width: 100% !important}#main .layout_latest .inner h2,#main .layout_teaser .inner h2{font-size: 19px !important}#main h2{font-size: 22px !important}#wrapper h1{font-size: 26px !important}#main .subcolumns .subcl,#main .subcolumns .subcr{padding-left: 0;padding-right: 0}#main .subcolumns > div{width: 100% !important;float: none !important;margin-left: 0 !important;margin-right: 0 !important}#header .mod_mateNavbar .nav-wrapper .brand-logo .ce_image:not(.fixed-nav) img{max-height: 48px}
}
@media (min-width: 1200px){
/* desktop.css */
#header .mod_mateNavbar .nav-wrapper ul.desktop-menu > li > a{padding-left: 8px;   padding-right: 8px;   font-size: 15px;   white-space: nowrap}#header .mod_mateNavbar .nav-wrapper ul.desktop-menu{flex-wrap: nowrap;   margin-right: 30px}#header .mod_mateNavbar .nav-wrapper .brand-logo .ce_image:not(.fixed-nav) img{padding: 10px 0;  max-height: 120px}#header .mod_mateNavbar .nav-wrapper .brand-logo{flex: 0 0 250px}
}
@media (min-width: 993px) and (max-width: 1199px){
/* laptop.css */
#header .mod_mateNavbar .nav-wrapper .brand-logo{flex: 0 0 200px}#header .mod_mateNavbar .nav-wrapper ul.desktop-menu > li > a{padding-left: 6px;   padding-right: 6px;   font-size: 14px;   white-space: nowrap}#header .mod_mateNavbar .nav-wrapper ul.desktop-menu{flex-wrap: nowrap;   margin-right: 40px}
}