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: 03.11.2026 (Version 10 – alle Akzente dunkelblau, Hover hellblau)
   ========================================================== */

/* ---------- 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: #0B2F47 !important; }
.layout_teaser .inner time,
.layout_list.event .inner time { background: #0B2F47 !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 #0B2F47; 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: #0B2F47; font-weight: 700; }
#main .lg-eyebrow { display: block; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #0B2F47; 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: #0B2F47; 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 #0B2F47; 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: rgba(255,255,255,.75); 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: #0B2F47; 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: rgba(255,255,255,.35); }
#article-222 .lg-section:has(> .lg-g3) .lg-eyebrow { color: rgba(255,255,255,.75); }
#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 #0B2F47; border-radius: 0 0 4px 4px; margin: 0; }
#main .ms-form { border-top: 3px solid #0B2F47 !important; border-radius: 0 0 4px 4px; }
/* Schritte 1-2-3 „So werden Sie Mitglied“: Kreise dunkelblau (überschreibt den Stil im HTML-Element) */
#main #ms .step::before { background: #0B2F47 !important; }

/* ---------- 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 #0B2F47; 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: #0B2F47; font-size: 24px; line-height: 1; }
#main .kt-item small { display: block; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #0B2F47; margin-bottom: 2px; }
#main .kt-item strong { font-weight: 400; font-size: 17px; color: #0B2F47; }
#main .kt-form { background: #F2F3F7; border-top: 3px solid #0B2F47; 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: #0B2F47; --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-dark); 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; }
}

/* ---------- 13. Startseite neu (#article-117, Stand 03.11.2026) ----------
   Aufbau Artikel 117: HTML-Element „oben“ (.st-top) · Modul Newsliste (3 News) · HTML-Element „unten“ (.st-bottom) */
#article-117 .st h1::before, #article-117 .st h1::after,
#article-117 .st h3::before, #article-117 .st h3::after { display: none !important; }
#article-117 .st h2 { font-size: 26px; color: #0B2F47; margin: 0 0 12px; line-height: 1.3; }
#article-117 .st p { line-height: 1.65; }
#article-117 .st-bottom { margin-bottom: 72px; }

/* 13a. Kopfbereich: Foto mit dunkelblauer Fläche, Botschaft, drei Buttons */
#article-117 .st-hero { position: relative; overflow: hidden; background: #0B2F47; border-radius: 6px 6px 0 0; margin-top: 0; }
#article-117 .st-hero .st-bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 70% 50%; opacity: .4; border-radius: 0; margin: 0; }
#article-117 .st-hero::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, rgba(11,47,71,.96) 0%, rgba(11,47,71,.82) 45%, rgba(11,47,71,.25) 100%); }
#article-117 .st-hero-in { position: relative; z-index: 1; padding: 84px 56px; }
#article-117 .st-hero h1 { font-family: 'Lato Regular', sans-serif; font-weight: 400; font-size: 42px; line-height: 1.15; color: #fff; margin: 0 0 16px; max-width: 760px; text-transform: none; text-align: left; }
#article-117 .st-hero p { font-size: 18px; color: rgba(255,255,255,.88); max-width: 620px; margin: 0 0 28px; }
#article-117 .st-btns { display: flex; flex-wrap: wrap; gap: 14px; }
#article-117 .st-btns .lg-btn { margin: 0 !important; border-color: #fff !important; }
#article-117 .st-btns .lg-btn:hover { border-color: #318CB8 !important; }

/* 13b. Kennzahlen direkt unter dem Kopfbereich */
#article-117 .st-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: #F2F3F7; border-radius: 0 0 6px 6px; padding: 30px 56px; }
#article-117 .st-stat { padding: 0 22px; border-left: 1px solid #D5DCE5; }
#article-117 .st-stat:first-child { padding-left: 0; border-left: 0; }
#article-117 .st-num { display: block; font-family: 'Lato Regular', sans-serif; font-size: 30px; line-height: 1.1; color: #0B2F47; margin-bottom: 6px; }
#article-117 .st-lbl { display: block; font-size: 15px; line-height: 1.45; color: #555; -webkit-hyphens: auto; hyphens: auto; overflow-wrap: break-word; }

/* 13c. Neues aus der Landesinnung: Modul Newsliste als drei Karten */
#article-117 .mod_newslist { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 64px 0 0 !important; }
#article-117 .mod_newslist::before, #article-117 .mod_newslist::after { display: none; }
#article-117 .mod_newslist > h2 { grid-column: 1 / -1; font-size: 26px; color: #0B2F47; margin: 0 0 8px; }
#article-117 .mod_newslist .pagination { display: none; }
#article-117 .mod_newslist .layout_latest { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; left: auto !important; right: auto !important; min-height: 0 !important; }
#article-117 .mod_newslist .layout_latest .inner { height: 100%; display: flex; flex-direction: column; background: #fff !important; border: 1px solid #E3E7EE; border-radius: 6px; overflow: hidden; padding: 0 !important; margin: 0 !important; box-shadow: 0 6px 24px rgba(11,47,71,.06) !important; }
#article-117 .mod_newslist .layout_latest figure { margin: 0 !important; float: none !important; width: auto !important; }
#article-117 .mod_newslist .layout_latest figure img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 0; }
#article-117 .mod_newslist .layout_latest .text { display: flex; flex-direction: column; flex: 1; padding: 18px 20px 20px !important; margin: 0 !important; }
#article-117 .mod_newslist .layout_latest .info { margin: 0 0 6px !important; padding: 0 !important; font-size: 13px; }
#article-117 .mod_newslist .layout_latest time { position: static !important; display: inline !important; transform: none !important; width: auto !important; height: auto !important; min-width: 0 !important; background: none !important; box-shadow: none !important; padding: 0 !important; color: #0B2F47 !important; font-size: 13px !important; line-height: 1.4 !important; }
#article-117 .mod_newslist .layout_latest h2 { font-size: 17px !important; line-height: 1.35 !important; margin: 0 0 8px !important; padding: 0 !important; text-align: left !important; }
#article-117 .mod_newslist .layout_latest h2::before, #article-117 .mod_newslist .layout_latest h2::after { display: none !important; }
#article-117 .mod_newslist .layout_latest h2 a { color: #0B2F47 !important; text-decoration: none; }
#article-117 .mod_newslist .layout_latest .teaser { flex: 1; margin: 0 0 12px; font-size: 15px; line-height: 1.55; color: #555; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
#article-117 .mod_newslist .layout_latest .teaser p { margin: 0; font-size: 15px; }
#article-117 .mod_newslist .layout_latest .inner a.more { position: static !important; display: inline-block !important; align-self: flex-start; width: auto !important; height: auto !important; background: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; font-size: 0 !important; line-height: 1.4 !important; color: #0B2F47 !important; text-decoration: none; }
#article-117 .mod_newslist .layout_latest .inner a.more::after { content: "Weiterlesen →"; font-size: 15px; }
#article-117 .st-newsall { margin: 24px 0 0; }

/* 13d. Drei Wege für drei Zielgruppen */
#article-117 .st-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
#article-117 .st-path { display: flex; flex-direction: column; background: #fff; border: 1px solid #E3E7EE; border-top: 3px solid #0B2F47; border-radius: 0 0 6px 6px; padding: 26px 24px; box-shadow: 0 6px 24px rgba(11,47,71,.06); }
#article-117 .st-ic { width: 48px; height: 48px; border-radius: 50%; background: #EAF3F8; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
#article-117 .st-path h3 { font-size: 19px; line-height: 1.3; color: #0B2F47; margin: 0 0 8px; }
#article-117 .st-path p { flex: 1; font-size: 15px; line-height: 1.55; color: #444; margin: 0 0 20px; }
#article-117 .st-path ul { flex: 1; list-style: none; margin: 0 0 22px; padding: 0; }
#article-117 .st-path li { position: relative; list-style: none; padding: 0 0 6px 24px; font-size: 15px; line-height: 1.5; color: #444; }
#article-117 .st-path li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #0B2F47; font-weight: 700; }
#article-117 .st-path .lg-btn { align-self: flex-start; }

/* 13e. Text | Bild (Ausbildung auf hellgrauem Balken, Qualitätsverbund) */
#article-117 .st-grey { background: #F2F3F7; box-shadow: 0 0 0 100vmax #F2F3F7; clip-path: inset(0 -100vmax); padding: 56px 0 60px; }
#article-117 .st-split { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 40px; align-items: center; }
#article-117 .st-split p { margin: 0 0 20px; font-size: 16px; color: #333; }
#article-117 .st-img img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 6px; }

/* 13f. Häufige Fragen (aufklappbar) */
#article-117 .st-faq { max-width: 820px; }
#article-117 .st-faq details { border-bottom: 1px solid #E3E7EE; }
#article-117 .st-faq summary { list-style: none; cursor: pointer; position: relative; padding: 18px 44px 18px 0; font-family: 'Lato Regular', sans-serif; font-size: 17px; line-height: 1.4; color: #0B2F47; outline: none; }
#article-117 .st-faq summary::-webkit-details-marker { display: none; }
#article-117 .st-faq summary::after { content: "+"; position: absolute; right: 6px; top: 14px; font-size: 26px; line-height: 1; color: #0B2F47; }
#article-117 .st-faq details[open] summary::after { content: "–"; }
#article-117 .st-faq details p { margin: 0 0 18px; font-size: 15px; color: #444; }
#article-117 .st-faq a { color: #0B2F47; }
#article-117 .st .lg-band { margin-top: 72px; }

/* 13g. Startseite – Tablet */
@media (max-width: 991px) {
  #article-117 .st-hero-in { padding: 64px 40px; }
  #article-117 .st-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 0; padding: 28px 40px; }
  #article-117 .st-stat:nth-child(3) { padding-left: 0; border-left: 0; }
  #article-117 .mod_newslist { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #article-117 .st-paths { grid-template-columns: 1fr; }
}
/* 13h. Startseite – Handy */
@media (max-width: 767px) {
  #article-117 .st-hero::after { background: rgba(11,47,71,.86); }
  #article-117 .st-hero-in { padding: 44px 22px; }
  #article-117 .st-hero h1 { font-size: 30px; }
  #article-117 .st-hero p { font-size: 16px; }
  #article-117 .st-btns { flex-direction: column; }
  #article-117 .st-btns .lg-btn { width: 100%; }
  #article-117 .st-stats { padding: 24px 22px; }
  #article-117 .st-stat { padding: 0 12px; }
  #article-117 .st-num { font-size: 21px; }
  #article-117 .mod_newslist { grid-template-columns: 1fr; margin-top: 48px !important; }
  #article-117 .st-split { grid-template-columns: 1fr; gap: 24px; }
  #article-117 .st-rev .st-img { order: -1; }
  #article-117 .st-grey { padding: 40px 0 44px; }
}

/* ---------- 14. Kopfleiste und Footer in Dunkelblau (alle Seiten) ---------- */
/* Schmale Leiste ganz oben (Bürozeiten, Telefon, E-Mail) */
#header .sectionTop { background: #0B2F47 !important; }
/* Footer: Dunkelblau, unterste Copyright-Zeile etwas dunkler abgesetzt */
#footer { background: #0B2F47 !important; }
#footer .footer-copyright { background: #07202F !important; border-top: 1px solid rgba(255,255,255,.08); }
/* "Nach oben"-Pfeil: weißer Rahmen, damit er auf Dunkelblau sichtbar bleibt */
#footer a.toplink { border: 2px solid #fff !important; }
/* Startseite: Symbole in den drei Zielgruppen-Karten (Material Icons des Themes) */
#article-117 .st-ic i.material-icons { font-size: 24px; line-height: 1; color: #0B2F47; margin: 0; }

/* ---------- 15. Startseite: Kopfbereich und Kennzahlen über die volle Bildschirmbreite ---------- */
/* Verhindert seitliches Scrollen, wenn Bereiche bis an den Bildschirmrand reichen (nur Startseite) */
body:has(#article-117 .st-top) #wrapper { overflow-x: clip; }
/* Kopfbereich schließt direkt an den bunten Streifen unter dem Menü an */
#article-117 .st-top { margin-top: -60px; }
/* Dunkelblaue Fläche und graue Kennzahlen-Leiste gehen bis an den Rand, der Text bleibt in der Inhaltsbreite */
#article-117 .st-hero,
#article-117 .st-stats { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-left: max(22px, calc(50vw - 50%)); padding-right: max(22px, calc(50vw - 50%)); border-radius: 0; }
#article-117 .st-hero-in { padding: 96px 0; }
#article-117 .st-stats { padding-top: 30px; padding-bottom: 30px; }

/* 15b. News-Karten: „Weiterlesen“ als echter Button im einheitlichen Stil */
#article-117 .mod_newslist .layout_latest .inner a.more { display: inline-flex !important; align-items: center; justify-content: center; background: #0B2F47 !important; color: #fff !important; padding: 11px 20px !important; border: 2px solid #0B2F47 !important; border-radius: 4px !important; font-size: 0 !important; line-height: 1.2 !important; transition: background .15s, border-color .15s; }
#article-117 .mod_newslist .layout_latest .inner a.more::after { content: "Weiterlesen"; font-family: 'Lato Regular', sans-serif; font-size: 15px; color: #fff; }
#article-117 .mod_newslist .layout_latest .inner a.more:hover { background: #318CB8 !important; border-color: #318CB8 !important; }

/* 15c. Tablet und Handy */
@media (max-width: 991px) {
  #article-117 .st-hero-in { padding: 64px 0; }
  #article-117 .st-stats { padding-top: 28px; padding-bottom: 28px; }
}
@media (max-width: 767px) {
  #article-117 .st-top { margin-top: -30px; }
  #article-117 .st-hero-in { padding: 44px 0; }
  #article-117 .st-stats { padding-top: 24px; padding-bottom: 24px; }
}

/* ---------- 16. Alle Akzente in Dunkelblau – Theme-Bereiche (alle Seiten) ----------
   Hellblau #318CB8 bleibt nur noch als Hover-Farbe (Maus darüber). */
/* Menü: aktiver Menüpunkt, Unterstrich und Suchsymbol */
#header .desktop-menu li > a.active,
.mobile-menu li > a.active { color: #0B2F47 !important; }
#header .desktop-menu li > a::before,
.mobile-menu li > a::before { border-color: #0B2F47 !important; color: #0B2F47 !important; }
#header .search em.material-icons { color: #0B2F47 !important; }
/* Deko-Striche unter Überschriften */
#main h1::after, #main h2::after, #main h3::after { border-color: #0B2F47 !important; }
/* Links im Text: dunkelblau und unterstrichen, damit sie als Link erkennbar bleiben */
#main p a:not(.lg-btn), #main li a:not(.lg-btn), #main .back a, #main .explanation a { color: #0B2F47 !important; text-decoration: underline; text-underline-offset: 2px; }
#main p a:not(.lg-btn):hover, #main li a:not(.lg-btn):hover, #main .back a:hover, #main .explanation a:hover { color: #318CB8 !important; }
/* Verlinkte Überschriften (News-Liste, Fachbetriebe-Kästen) */
#main h2 a { color: #0B2F47 !important; }
#main h2 a:hover { color: #318CB8 !important; }
/* Kästen auf „Fachbetriebe“ */
#main .ce_mateContentBox { border-top-color: #0B2F47 !important; }
/* Mitgliedschaft: Striche über den Vorteils-Karten (Stil steht im HTML-Element) */
#main #ms .card { border-top-color: #0B2F47 !important; }
/* Aus- & Weiterbildung: Kachel oben (Stil steht im HTML-Element) */
#main #aw-top .tile.secondary { border-top-color: #0B2F47 !important; }
#main #aw-top .tile.secondary span { color: #0B2F47 !important; }
/* Formularfelder, Suchfeld, Login und Kontrollkästchen */
#wrapper input.text, #wrapper textarea, #wrapper input.select-dropdown, #wrapper .checkbox_container { border-color: #0B2F47 !important; }
#wrapper input.text:focus, #wrapper textarea:focus { border-color: #0B2F47 !important; box-shadow: 0 0 0 1px #0B2F47 !important; }
#wrapper .checkbox_container input:not(:checked) + span::before { border-color: #0B2F47 !important; }
#wrapper .checkbox_container input:checked + span::before { border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: #0B2F47 !important; border-bottom-color: #0B2F47 !important; }

@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}
}