/* ========================================
   PROFI PARTNER AG - CUSTOM CSS
   Basierend auf: YOOtheme WARP7 Digit Template (Original)
   Konvertiert für: Astroid Framework 3.x (Joomla 5)
   
   Originale CSS-Dateien:
   - theme.css (7704 Zeilen)
   - bootstrap.css (7965 Zeilen)
   
   Version: 21.45.3 - PP-Galerie Hover-Overlay entfernt
   Datum: 19. Juni 2026
   
   Autor: Raphael Tscherner
   Firma: TG-Medien.de
   Website: www.tg-medien.de
   ======================================== */

/* ========================================
   INHALTSVERZEICHNIS / STRUCTURE INDEX
   ======================================== 
   
   1. GOOGLE FONTS & FONT AWESOME
   2. BASIC STYLES (Colors, Typography)
   3. NAVIGATION (Header, Menu, Dropdown)
   4. SLIDER / HERO SECTION
      - Astroid Slider
      - WIDGETKIT SLIDESHOW (Text, Navigation, Dots)
   5. MODULE GRID SECTION (4-Spalten Icon-Boxen)
   6. CTA BOXEN
   7. COMPONENT SECTION (Startseite Beiträge, 3-Spalten)
   8. FOOTER
   9. BREADCRUMBS
   10. YOO-ZOO ARTIKEL
       - Titel mit Linie (.pos-title)
       - Inline Module (Standorte, Team, etc.)
   11. RESPONSIVE MEDIA QUERIES
   
   HINWEIS: Seitenspezifische Styles bitte unter 
   entsprechender Kategorie mit Kommentar hinzufügen!
   ======================================== */

/* ========================================
   PT SANS (Lokale Fonts)
   Pfad: templates/profi_partner_astroid/fonts/
   ======================================== */

/* PT Sans - Regular (400) */
@font-face {
  font-family: 'PT Sans';
  src: url('../fonts/pt-sans-v17-latin-regular.eot');
  src: url('../fonts/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/pt-sans-v17-latin-regular.woff') format('woff'),
       url('../fonts/pt-sans-v17-latin-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* PT Sans - Bold (700) */
@font-face {
  font-family: 'PT Sans';
  src: url('../fonts/pt-sans-v17-latin-700.eot');
  src: url('../fonts/pt-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'),
       url('../fonts/pt-sans-v17-latin-700.woff') format('woff'),
       url('../fonts/pt-sans-v17-latin-700.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}


/* ========================================
   FONT AWESOME ICONS (Lokale Fonts)
   Pfad: templates/profi_partner_astroid/fonts/
   ======================================== */

/* Font Awesome - Lokale Font-Dateien */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/fontawesome-webfont.woff') format('woff'),
       url('../fonts/fontawesome-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* UK Icon Base Styles */
[class*='uk-icon-'] {
  font-family: FontAwesome !important;
  display: inline-block !important;
  font-weight: normal !important;
  font-style: normal !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Icon Size Modifiers */
.uk-icon-small:before {
  font-size: 150% !important;
  vertical-align: -10% !important;
}

.uk-icon-medium:before {
  font-size: 200% !important;
  vertical-align: -16% !important;
}

.uk-icon-large:before {
  font-size: 250% !important;
  vertical-align: -22% !important;
}

/* Icon Spin Animation */
.uk-icon-spin {
  display: inline-block !important;
  -webkit-animation: uk-spin 2s infinite linear !important;
  animation: uk-spin 2s infinite linear !important;
}

@-webkit-keyframes uk-spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); }
}

/* ========================================
   !!! KRITISCH - SLIDER HEIGHT FIX !!!
   DIESE REGELN MÜSSEN GANZ OBEN STEHEN!
   ======================================== */

/* 1. TEASER-SLIDESHOW - 700px hoch */
.teaser-slideshow {
    height: 700px !important;
    min-height: 700px !important;
    max-height: 700px !important;
    background-size: cover !important;
    background-position: center center !important;
}

/* 1a. TEXT-FORMATIERUNG - Halbtransparente Hintergründe */
h1.tm-teaser-text-primary {
    color: #FFFFFF !important;
    background: rgba(0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    width: 90% !important;
    padding: 5px !important;
    margin: 0 !important;
    font-size: 80px !important;
    font-weight: 300 !important;
    font-family: 'PT Sans' !important;
    line-height: 1.0 !important;
}

p.tm-teaser-text-secondary {
    font-style: italic !important;
    color: #FFFFFF !important;
    background: rgba(0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    width: 50% !important;
    padding: 5px !important;
    margin: 0 !important;
    font-size: 24px !important;
	font-weight: 300 !important;
    font-family: 'PT Sans' !important;
    line-height: 1.4 !important;
}

p.tm-teaser-text-third {
    display: inline-block !important;
    background-color: #da203d !important;
    color: #ffffff !important;
    padding: 8px 20px !important;
    margin-top: 15px !important;
    margin-bottom: 0 !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    font-family: 'PT Sans' !important;
    line-height: 1.4 !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !important;
}

h1.tm-teaser-text-primary.aktuelle-objekte-startseite {
    width: 70% !important;
}

/* 1b. BUTTON-STYLING - YOOtheme Original + Profi Partner */
/* KRITISCH: Button Links MÜSSEN WEISS bleiben! */
a.tm-button-teaser,
a.uk-button.tm-button-teaser,
.tm-button-teaser > a,
a.tm-button-teaser:link,
a.tm-button-teaser:visited,
a.tm-button-teaser:hover,
a.tm-button-teaser:active,
a.tm-button-teaser:focus {
    color: #ffffff !important;
    text-decoration: none !important; 
}

/* UK Button Basis */
.uk-button {
    display: inline-block !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    text-align: center !important;
    border: none !important;
    line-height: 40px !important;
    min-height: 40px !important;
    font-size: 1rem !important;
    font-family: 'PT Sans' !important;
    border-radius: 3px !important;
    box-shadow: 0 1px rgba(0, 0, 0, 0.05), inset 0 1px rgba(255, 255, 255, 0.02) !important;
}

/* TM Button Teaser - Profi Partner Rot */
.tm-button-teaser,
a.tm-button-teaser,
a.tm-button-teaser:link,
a.tm-button-teaser:visited,
.tm-button-teaser a {
    margin-right: 10px !important;
    margin-top: 15px !important;
    padding: 0px 30px !important;
    min-width: 250px !important;
    background: #DA203D !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 300 !important;
    font-family: 'PT Sans' !important;
    text-decoration: none !important;
    border-radius: 3px !important;
    display: inline-block !important;
    transition: none !important;
    border: none !important;
    line-height: 40px !important;
    min-height: 40px !important;
	text-transform: none !important;
}

/* NUCLEAR: Farbe WEISS erzwingen - maximale Spezifität */
html body .teaser-slideshow a.tm-button-teaser,
html body a.tm-button-teaser:link,
html body a.tm-button-teaser:visited {
    color: #ffffff !important;
}

.tm-button-teaser:hover,
a.tm-button-teaser:hover,
.tm-button-teaser:focus,
a.tm-button-teaser:focus {
    background: #DA203D !important; /* GLEICHE Farbe wie normal */
    color: #ffffff !important;
    text-decoration: none !important;
    transform: none !important; /* KEIN Lift-Effekt */
    box-shadow: none !important; /* KEIN Schatten */
    cursor: pointer !important; /* Zeigt Hand-Cursor */
}

/* 2. ALLE SLIDER CONTAINER - 700px hoch */
.astroid-slider,
.uk-slideshow,
.uk-slideshow-items,
.uk-slideshow-items > li {
    height: 700px !important;
    min-height: 700px !important;
}

/* 2a. TEASER-CLAIM - Text-Container Positionierung */
.teaser-claim,
.uk-container.teaser-claim {
    max-width: 1220px !important;
    width: 100% !important;
    text-align: left !important; /* Linksbündig wie im Original */
    padding: 40px 20px !important;
    padding-top: 350px !important; /* Text vertikal positioniert */
    z-index: 10 !important;
    position: relative !important;
}

.uk-container.uk-container-center.teaser-claim.geschaeftsfuehrer {
    padding-top: 400px !important;
}

/* 3. INLINE STYLES ÜBERSCHREIBEN */
.uk-slideshow-items[style] {
    height: 700px !important;
    min-height: 700px !important;
    aspect-ratio: unset !important;
}

/* 4. RESPONSIVE - Tablet */
@media (max-width: 768px) {
    .teaser-slideshow {
        height: 500px !important;
        min-height: 500px !important;
    }
    
    .astroid-slider,
    .uk-slideshow,
    .uk-slideshow-items,
    .uk-slideshow-items > li {
        height: 500px !important;
        min-height: 500px !important;
    }
    
    .teaser-claim,
    .uk-container.teaser-claim {
        padding-top: 150px !important;
    }
    
    h1.tm-teaser-text-primary {
        font-size: 38px !important;
        width: 100% !important;
    }
}

/* 5. RESPONSIVE - Mobile */
@media (max-width: 480px) {
    .teaser-slideshow {
        height: 360px !important;
        min-height: 360px !important;
    }
    
    .astroid-slider,
    .uk-slideshow,
    .uk-slideshow-items,
    .uk-slideshow-items > li {
        height: 360px !important;
        min-height: 360px !important;
    }
    
    .teaser-claim,
    .uk-container.teaser-claim {
        padding-top: 100px !important;
    }
    
    h1.tm-teaser-text-primary {
        font-size: 28px !important;
        line-height: 28pt !important;
        width: 100% !important;
    }
    
    p.tm-teaser-text-secondary {
        font-size: 14px !important;
        line-height: 16px !important;
        width: 100% !important;
    }
	
	p.tm-teaser-text-third {
        font-size: 18px !important;
        padding: 6px 15px !important;
        margin-top: 10px !important;
    }
    
    .tm-button-teaser,
    a.tm-button-teaser {
        font-size: 16px !important;
        padding: 0px 20px !important; /* Schmaler auf Mobile */
        min-width: 200px !important; /* Kleiner als Desktop 250px */
    }
}

/* ========================================
   CONTENT SPACING - Platzhalter wenn KEIN Slider
   ======================================== */

/* Breadcrumbs mit Abstand wenn kein Slider - DAS REICHT! */
body:not(.has-slider) .mod-breadcrumbs,
body:not(.has-slider) .breadcrumbs-position {
    padding-top: 70px !important;
}

/* Content KEIN extra Padding - folgt den Breadcrumbs */
body:not(.has-slider) .astroid-content,
body:not(.has-slider) .tm-content,
body:not(.has-slider) main {
    padding-top: 0 !important;
}

/* Wenn Slider vorhanden - KEIN Padding */
body.has-slider .astroid-content,
body.has-slider .tm-content,
body.has-slider main,
body.has-slider .mod-breadcrumbs,
body.has-slider .breadcrumbs-position {
    padding-top: 0 !important;
}

/* ========================================
   ENDE KRITISCHER BEREICH
   ======================================== */

@keyframes uk-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

/* Icon Button - Rund mit Background */
.uk-icon-button {
  box-sizing: border-box !important;
  display: inline-block !important;
  width: 45px !important;
  height: 45px !important;
  border-radius: 100% !important;
  background: #da203d !important; /* Profi Partner Rot */
  line-height: 45px !important;
  color: #ffffff !important;
  font-size: 23px !important;
  text-align: center !important;
  transition: all 0.2s ease !important;
}

.uk-icon-button:hover,
.uk-icon-button:focus {
  background-color: #ae1a31 !important; /* Dunkler beim Hover */
  color: #ffffff !important;
  text-decoration: none !important;
  outline: none !important;
}

.uk-icon-button:active {
  background-color: #e56377 !important;
  color: #ffffff !important;
}

/* ========================================
   ICON MAPPINGS (FontAwesome Unicode)
   Die wichtigsten Icons für die Website
   ======================================== */

/* Häufig verwendete Icons */
.uk-icon-phone:before { content: "\f095"; }
.uk-icon-search:before { content: "\f002"; }
.uk-icon-envelope:before { content: "\f0e0"; }
.uk-icon-envelope-o:before { content: "\f003"; }
.uk-icon-home:before { content: "\f015"; }
.uk-icon-user:before { content: "\f007"; }
.uk-icon-lock:before { content: "\f023"; }
.uk-icon-key:before { content: "\f084"; }
.uk-icon-euro:before, .uk-icon-eur:before { content: "\f153"; }
.uk-icon-building-o:before { content: "\f0f7"; }

/* Navigation Icons */
.uk-icon-chevron-left:before { content: "\f053"; }
.uk-icon-chevron-right:before { content: "\f054"; }
.uk-icon-chevron-down:before { content: "\f078"; }
.uk-icon-chevron-up:before { content: "\f077"; }
.uk-icon-angle-left:before { content: "\f104"; }
.uk-icon-angle-right:before { content: "\f105"; }
.uk-icon-angle-down:before { content: "\f107"; }
.uk-icon-angle-up:before { content: "\f106"; }
.uk-icon-arrow-left:before { content: "\f060"; }
.uk-icon-arrow-right:before { content: "\f061"; }
.uk-icon-arrow-up:before { content: "\f062"; }
.uk-icon-arrow-down:before { content: "\f063"; }

/* Social Media */
.uk-icon-facebook:before { content: "\f09a"; }
.uk-icon-twitter:before { content: "\f099"; }
.uk-icon-linkedin:before { content: "\f0e1"; }
.uk-icon-instagram:before { content: "\f16d"; }
.uk-icon-youtube:before { content: "\f167"; }
.uk-icon-xing:before { content: "\f168"; }

/* Weitere häufig verwendete Icons */
.uk-icon-heart:before { content: "\f004"; }
.uk-icon-star:before { content: "\f005"; }
.uk-icon-star-o:before { content: "\f006"; }
.uk-icon-check:before { content: "\f00c"; }
.uk-icon-times:before { content: "\f00d"; }
.uk-icon-plus:before { content: "\f067"; }
.uk-icon-minus:before { content: "\f068"; }
.uk-icon-info:before { content: "\f129"; }
.uk-icon-info-circle:before { content: "\f05a"; }
.uk-icon-question:before { content: "\f128"; }
.uk-icon-question-circle:before { content: "\f059"; }
.uk-icon-exclamation:before { content: "\f12a"; }
.uk-icon-exclamation-circle:before { content: "\f06a"; }
.uk-icon-exclamation-triangle:before, .uk-icon-warning:before { content: "\f071"; }

/* Dateien & Dokumente */
.uk-icon-file:before { content: "\f15b"; }
.uk-icon-file-o:before { content: "\f016"; }
.uk-icon-file-text:before { content: "\f15c"; }
.uk-icon-file-text-o:before { content: "\f0f6"; }
.uk-icon-download:before { content: "\f019"; }
.uk-icon-upload:before { content: "\f093"; }
.uk-icon-folder:before { content: "\f07b"; }
.uk-icon-folder-open:before { content: "\f07c"; }

/* Business & Office */
.uk-icon-briefcase:before { content: "\f0b1"; }
.uk-icon-calendar:before { content: "\f073"; }
.uk-icon-calendar-o:before { content: "\f133"; }
.uk-icon-clock-o:before { content: "\f017"; }
.uk-icon-print:before { content: "\f02f"; }

/* Karten & Orte */
.uk-icon-map-marker:before { content: "\f041"; }
.uk-icon-globe:before { content: "\f0ac"; }

/* Einstellungen */
.uk-icon-cog:before, .uk-icon-gear:before { content: "\f013"; }
.uk-icon-cogs:before, .uk-icon-gears:before { content: "\f085"; }
.uk-icon-wrench:before { content: "\f0ad"; }

/* Medien */
.uk-icon-camera:before { content: "\f030"; }
.uk-icon-picture-o:before { content: "\f03e"; }
.uk-icon-play:before { content: "\f04b"; }
.uk-icon-pause:before { content: "\f04c"; }
.uk-icon-stop:before { content: "\f04d"; }

/* Listen & UI */
.uk-icon-bars:before { content: "\f0c9"; }
.uk-icon-list:before { content: "\f03a"; }
.uk-icon-list-ul:before { content: "\f0ca"; }
.uk-icon-list-ol:before { content: "\f0cb"; }
.uk-icon-th:before { content: "\f00a"; }
.uk-icon-th-list:before { content: "\f00b"; }
.uk-icon-th-large:before { content: "\f009"; }

/* Weitere nützliche Icons */
.uk-icon-shopping-cart:before { content: "\f07a"; }
.uk-icon-credit-card:before { content: "\f09d"; }
.uk-icon-money:before { content: "\f0d6"; }
.uk-icon-sign-in:before { content: "\f090"; }
.uk-icon-sign-out:before { content: "\f08b"; }
.uk-icon-external-link:before { content: "\f08e"; }
.uk-icon-link:before, .uk-icon-chain:before { content: "\f0c1"; }

/* ========================================
   FARBPALETTE (Original)
   ======================================== */
/*
Primary (Türkis):     #0bc9eb
Primary Dark:         #099fba / #088da5
Primary Darker:       #066576 / #044c59
Secondary (Grau):     #2a3537
Toolbar:              #262f31
Text Primary:         #454545
Text Secondary:       #919191
Text Light:           #bbbbbb
Headings Secondary:   #bfc2c3
Footer Text:          #6c898e
Background Light:     #f5f5f5
White:                #ffffff
Yellow:               #ffe300
Red (Hover):          #DA203D (Custom für Profi Partner)
*/

/* ========================================
   1. TOOLBAR (tm-toolbar)
   Original: padding: 20px 0; background: #262f31;
   ======================================== */

/* Astroid Toolbar - Background Full Width via ::before */
.astroid-header-section,
.astroid-header-section[data-section="toolbar"],
.toolbar-section,
.pre-header,
.astroid-topbar,
.tm-toolbar {
    color: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: auto;
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 1.4;
    border-bottom: none;
    width: 100%; /* Normal */
    position: relative;
    z-index: 1001;
}

/* Background Full Width mit ::before */
.astroid-header-section::before,
.tm-toolbar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw !important;
    height: 100%;
    background: rgba(0, 0, 0, 0.3) !important;
    z-index: -1; /* Hinter dem Inhalt */
}

/* Toolbar Container - Normal zentriert */
.astroid-header-section .container,
.tm-toolbar .container {
    max-width: 1220px !important;
    width: 100%;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

/* Toolbar Links */
.astroid-header-section a,
.tm-toolbar a {
    color: #ffffff !important;
    text-decoration: none;
    transition: color 0.3s ease;
}

.astroid-header-section a:hover,
.tm-toolbar a:hover {
    color: #0bc9eb !important; /* Original Türkis */
}

/* ========================================
   2. HEADERBAR (tm-headerbar)
   Original: height: 140px; background: rgba(0,0,0,0);
   width: 100%;
   ======================================== */

/* Astroid Header Mapping - Background Full Width via ::before */
.astroid-header,
.tm-header,
.tm-headerbar {
    width: 100%; /* Normal */
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 1000;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

/* Background Full Width mit ::before Pseudo-Element */
.astroid-header::before,
.tm-header::before,
.tm-headerbar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw !important;
    height: 100%;
    background: rgba(0, 0, 0, 0.3) !important; /* Schwarzes transparentes Overlay */
    z-index: -1; /* Hinter dem Inhalt */
}

/* Header nicht sticky */
.astroid-header:not(.astroid-header-sticky),
.astroid-header:not(.stuck) {
    padding: 0 !important;
}

/* Header Container - Normal zentriert */
.astroid-header .container {
    max-width: 1220px !important;
    width: 100%;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

/* Wrapper für Header - damit absolute funktioniert */
body > div:first-child,
.site-wrapper,
.wrapper {
    position: relative; /* Damit absolute Header sich daran orientiert */
}

/* ============================================================
   STICKY HEADER - Neue Astroid-Struktur (nach Update)
   NEU: <header id="astroid-sticky-header" class="astroid-header-sticky">
          <div class="container">
            <div class="astroid-header">  ← innerer Div
   ALT: .astroid-header hatte selbst die sticky-Klassen
   ============================================================ */

/* Äußerer Sticky-Wrapper: Vollbreite + Hintergrund */
#astroid-sticky-header,
header.astroid-header-sticky.sticky-loaded {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1030 !important;
    background: rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    height: 65px !important;
    overflow: visible !important;
}

/* Innerer .astroid-header Div: KEIN fixed - nur Layout */
#astroid-sticky-header .astroid-header,
header.astroid-header-sticky .astroid-header {
    position: relative !important;
    height: 65px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

/* Container im Sticky Header */
#astroid-sticky-header .container,
header.astroid-header-sticky .container {
    height: 65px !important;
    display: flex !important;
    align-items: center !important;
    max-width: 1220px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

/* Nav Links im Sticky - WEISS */
#astroid-sticky-header .nav-link,
#astroid-sticky-header .astroid-nav > li > a,
header.astroid-header-sticky .nav-link,
header.astroid-header-sticky .astroid-nav > li > a {
    color: #ffffff !important;
    padding: 5px 8px !important;
    font-size: 18px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    font-weight: normal !important;
    line-height: 1.2 !important;
}

/* Nav Links Hover - ROT */
#astroid-sticky-header .nav-link:hover,
header.astroid-header-sticky .nav-link:hover {
    color: #DA203D !important;
    text-decoration: none !important;
}

/* Nav Links Active - ROT */
#astroid-sticky-header .nav-link.active,
header.astroid-header-sticky .nav-link.active {
    color: #DA203D !important;
    font-weight: normal !important;
}

/* Dropdown im Sticky */
#astroid-sticky-header .nav-submenu-container,
#astroid-sticky-header .megamenu-container,
header.astroid-header-sticky .nav-submenu-container,
header.astroid-header-sticky .megamenu-container {
    top: 100% !important;
    margin-top: 15px !important;
}

/* ALTE innere Sticky-Klassen: position NICHT fixed
   (verhindert Links-Versatz wenn JS noch .stuck setzt) */
.astroid-header.header-sticky,
.astroid-header.stuck,
.astroid-header.astroid-header-sticky,
.tm-navbar-fixed .tm-headerbar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    height: auto !important;
    z-index: auto !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Alte ::before Regeln neutralisieren */
.astroid-header.stuck::before,
.astroid-header.astroid-header-sticky::before,
.astroid-header.header-sticky::before {
    display: none !important;
}

/* Logo (uk-navbar-brand) */
.astroid-logo,
.tm-logo,
.uk-navbar-brand {
    display: inline-block;
    max-width: 250px;
    -webkit-transition: 0.2s ease-in-out; /* ORIGINAL */
    transition: 0.2s ease-in-out;
}

.astroid-logo img,
.tm-logo img,
.uk-navbar-brand img {
    max-height: 80px;
    width: auto;
    display: block;
    -webkit-transition: 0.2s ease-in-out; /* ORIGINAL */
    transition: 0.2s ease-in-out;
}

/* Sticky Logo - verschiebt Logo nach unten im Sticky Header */
.astroid-logo > .astroid-logo-sticky {
    margin-top: 0 !important;
}

/* Alternative: Falls Astroid die Klasse direkt auf das Logo-Element setzt */
.astroid-logo.astroid-logo-sticky,
.astroid-logo-sticky {
    margin-top: 0 !important;
}

/* Sticky Logo Image - überragt Header (80px > 45px Header) */
.astroid-logo-sticky img {
    /*max-height: 115px !important;
    max-width: 105px !important;*/
    width: auto !important;
}

/* Logo im Sticky Header via ID */
#astroid-sticky-header .astroid-logo img,
header.astroid-header-sticky .astroid-logo img {
    /*max-height: 115px !important;
    max-width: 105px !important;'*/
    width: auto !important;
}

/* Logo-Wrapper nach oben schieben → überlappt den Header-Hintergrund */
#astroid-sticky-header .astroid-logo,
#astroid-sticky-header .logo-wrapper,
header.astroid-header-sticky .astroid-logo,
header.astroid-header-sticky .logo-wrapper {
    margin-top: 20px !important;
    position: relative !important;
    z-index: 2 !important;
}

/* ========================================
   3. NAVIGATION (uk-navbar)
   ======================================== */

/* Navigation Container */
.astroid-header-menu,
.astroid-nav,
.tm-navbar,
nav.navbar,
.uk-navbar {
    background: transparent !important;
}

/* UK Navbar Nav - Kompakt auf eine Zeile */
.uk-navbar-nav,
.astroid-nav .nav,
.navbar-nav {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: nowrap !important; /* Kein Umbruch - alles auf eine Zeile */
    gap: 0; /* Kein zusätzlicher Abstand */
}

/* Navigation Items */
.astroid-nav .nav-item,
.uk-navbar-nav > li {
    position: relative;
    margin: 0;
}

/* Navigation Links - PT Sans, Weiß, 16px */
.astroid-nav .nav-link,
.uk-navbar-nav > li > a,
.uk-navbar-content,
.uk-navbar-toggle {
    color: #ffffff !important; /* WEISS */
    padding: 12px 10px !important;
    font-size: 18px !important; /* 18px */
    font-family: 'PT Sans', Arial, sans-serif !important; /* PT Sans */
    font-weight: normal !important; /* Normal */
    line-height: 1.4;
    text-decoration: none !important; /* Keine Unterstreichung */
    display: block;
    white-space: nowrap;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

/* Navigation Hover - ROT */
.astroid-nav .nav-link:hover,
.astroid-nav .nav-link:focus,
.uk-navbar-nav > li > a:hover,
.uk-navbar-nav > li:hover > a {
    color: #DA203D !important; /* ROT */
    background: transparent !important;
    text-decoration: none !important; /* Keine Unterstreichung */
}

/* Active Navigation Item - ROT */
.astroid-nav .nav-link.active,
.uk-navbar-nav > li.uk-active > a,
.menu-item.active > a,
.nav-item.current > a,
.uk-navbar-nav > li.current > a {
    color: #DA203D !important; /* ROT */
    font-weight: normal !important; /* Normal (nicht bold) */
}

/* Nav Submenu - Level 2 und Level 3 - Flexible Breite */
.nav-submenu,
.nav-submenu-container .nav-submenu,
.megamenu-container .nav-submenu {
    position: relative !important;
    margin: 0 !important; /* KEIN margin-left */
    background: #3c3c3c !important; /* DUNKELGRAU */
    background-color: #3c3c3c !important;
    padding: 15px !important;
    display: block !important;
    min-width: 250px !important; /* Mindestbreite für normale Links */
    max-width: 400px !important; /* Maximale Breite */
    width: auto !important; /* Flexible Breite */
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
}

/* Dropdown Container Position - bündig mit Level 1 Text */
.nav-submenu-container,
.megamenu-container {
    left: 10px !important; /* Container 10px nach rechts */
    margin-left: 0 !important;
    top: 100% !important; /* Direkt unter dem Header */
    margin-top: 15px !important; /* 15px Abstand nach unten */
}

/* Sticky Dropdown → siehe #astroid-sticky-header Regeln oben */

/* Nav Submenu Items - Alle Level immer sichtbar */
.nav-submenu .nav-item-submenu,
.nav-submenu .nav-item-level-2,
.nav-submenu .nav-item-level-3,
.nav-item-submenu,
.nav-item-level-2,
.nav-item-level-3 {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important; /* Immer sichtbar */
}

/* Nav Submenu Links - Level 2 (Standard OHNE Linie) */
.nav-submenu a,
.nav-submenu .nav-item-submenu a,
.nav-submenu .nav-item-level-2 a,
.nav-item-submenu a,
.nav-item-level-2 a {
    color: #ffffff !important; /* Reines Weiß */
    background: transparent !important;
    padding: 5px 20px !important; /* oben/unten 5px (Hälfte von 10px), links/rechts 20px */
    font-size: 16px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    font-weight: 400 !important; /* Normale Stärke */
    display: block !important;
    text-decoration: none !important; /* Standard: Keine Linie */
    text-align: left !important; /* Text linksbündig */
    transition: all 0.2s ease !important;
    white-space: normal !important; /* Erlaubt Umbruch wenn nötig */
    word-wrap: break-word !important; /* Bricht lange Wörter */
    overflow-wrap: break-word !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    /* Besseres Font-Rendering */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}

/* Level 2 MIT Kindern - NUR diese bekommen gepunktete Linie */
.nav-item-level-2.nav-item-deeper > a,
.nav-item-level-2.nav-item-parent > a,
.nav-item-level-2.nav-item-dropdown > a,
.nav-item-submenu.nav-item-deeper > a,
.nav-item-submenu.nav-item-parent > a,
.nav-item-submenu.nav-item-dropdown > a {
    text-decoration-line: underline !important;
    text-decoration-style: dotted !important;
    text-decoration-color: rgba(255, 255, 255, 0.3) !important;
    text-underline-offset: 6px !important; /* Abstand vom Text vergrößert */
}

/* Level 3 überschreiben - KEINE Linie */
.nav-submenu .nav-item-level-3 a,
.nav-item-level-3 a {
    text-decoration: none !important; /* Level 3 ohne Linie */
}

/* Nav Submenu Links Hover */
.nav-submenu a:hover,
.nav-submenu .nav-item-submenu a:hover,
.nav-submenu .nav-item-level-2 a:hover,
.nav-item-submenu a:hover {
    color: #DA203D !important; /* Profi Partner Rot */
    background: transparent !important;
}

/* Level 2 MIT Kindern Hover - Linie bleibt WEISS */
.nav-item-level-2.nav-item-deeper > a:hover,
.nav-item-level-2.nav-item-parent > a:hover,
.nav-item-level-2.nav-item-dropdown > a:hover,
.nav-item-submenu.nav-item-deeper > a:hover,
.nav-item-submenu.nav-item-parent > a:hover,
.nav-item-submenu.nav-item-dropdown > a:hover {
    text-decoration-color: rgba(255, 255, 255, 0.3) !important; /* Bleibt weiß */
}

/* Level 3 Hover - Linie bleibt aus */
.nav-submenu .nav-item-level-3 a:hover,
.nav-item-level-3 a:hover {
    text-decoration: none !important;
}

/* Nav Submenu Active */
.nav-submenu .nav-item-submenu.active a,
.nav-submenu .nav-item-level-2.active a {
    color: #DA203D !important;
}

/* Level 3 - Direkt unter Level 2 (vertikal, kein seitliches Flyout) */
.nav-submenu .nav-item-level-3,
.nav-item-level-3 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    overflow: visible !important;
    position: relative !important; /* Nicht absolut positioniert */
}

/* Level 3 UL Container - Direkt darunter, KEINE Einrückung */
.nav-item-level-2 > ul,
.nav-item-submenu > ul,
.nav-item-level-2 .nav-submenu,
.nav-item-submenu .nav-submenu {
    position: static !important; /* Nicht absolut/fixed */
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important; /* KEINE Einrückung */
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.nav-submenu .nav-item-level-3 a,
.nav-item-level-3 a {
    font-size: 16px !important;
    padding: 5px 20px !important; /* oben/unten 5px (Hälfte von 10px), links/rechts 20px */
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-decoration: none !important; /* Level 3 ohne gepunktete Linie */
    text-align: left !important; /* Text linksbündig */
    color: #ffffff !important; /* Reines Weiß */
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    /* Besseres Font-Rendering */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    font-weight: 400 !important;
}

/* Level 3 Hover */
.nav-submenu .nav-item-level-3 a:hover,
.nav-item-level-3 a:hover {
    color: #DA203D !important; /* Profi Partner Rot */
    padding: 5px 20px !important; /* Padding bleibt gleich */
}

/* SPEZIELLE MENÜPUNKTE - NUR DIE HAUPTSEITEN */
/* Nur Links die GENAU auf diese .html Dateien enden (nicht Unterseiten!) */
.nav-submenu a[href$="/denkmalimmobilien.html"] .nav-title-text,
.nav-submenu a[href$="denkmalimmobilien.html"] .nav-title-text {
    color: #DA203D !important; /* Profi Partner Rot */
    text-transform: uppercase !important; /* GROßBUCHSTABEN */
    font-weight: 400 !important;
}

.nav-submenu a[href$="/neubauimmobilien.html"] .nav-title-text,
.nav-submenu a[href$="neubauimmobilien.html"] .nav-title-text {
    color: #DA203D !important; /* Profi Partner Rot */
    text-transform: uppercase !important; /* GROßBUCHSTABEN */
    font-weight: 400 !important;
}

/* Auch den Link selbst rot färben */
.nav-submenu a[href$="/denkmalimmobilien.html"],
.nav-submenu a[href$="denkmalimmobilien.html"],
.nav-submenu a[href$="/neubauimmobilien.html"],
.nav-submenu a[href$="neubauimmobilien.html"] {
    color: #DA203D !important; /* Profi Partner Rot */
}

/* Hover bleibt ROT */
.nav-submenu a[href$="/denkmalimmobilien.html"]:hover .nav-title-text,
.nav-submenu a[href$="denkmalimmobilien.html"]:hover .nav-title-text,
.nav-submenu a[href$="/neubauimmobilien.html"]:hover .nav-title-text,
.nav-submenu a[href$="neubauimmobilien.html"]:hover .nav-title-text {
    color: #DA203D !important; /* Profi Partner Rot */
}

/* Menu Image - "verkauft" Badge */
.menu-img,
.nav-submenu .menu-img,
.nav-item img.menu-img,
a img.menu-img {
    display: inline-block !important; /* Inline statt float */
    vertical-align: top !important; /* Oben ausrichten */
    height: 22px !important;
    width: auto !important;
    margin-right: 5px !important; /* Abstand rechts */
    margin-bottom: 0 !important;
}

/* Text neben Badge - umbricht linksbündig bei Bindestrich */
.nav-submenu a,
.nav-item a {
    display: block !important;
    word-break: break-word !important; /* Bricht bei Bedarf */
    hyphens: none !important;
    overflow-wrap: break-word !important;
}

/* Nav-title-text inline damit Umbruch korrekt funktioniert */
.nav-title,
.nav-title-text {
    display: inline !important; /* Inline damit Text nach Badge kommt */
}

/* Clearfix NICHT mehr nötig da kein float */
a:has(.menu-img)::after,
.nav-submenu a:has(img)::after {
    content: none !important; /* Kein Clearfix mehr */
    display: none !important;
}

/* Pfeil bei Level 2 mit Kindern VERSTECKEN */
.nav-item-level-2.nav-item-deeper .nav-item-caret,
.nav-item-level-2.nav-item-parent .nav-item-caret,
.nav-item-level-2.nav-item-dropdown .nav-item-caret,
.nav-item-submenu.nav-item-deeper .nav-item-caret,
.nav-item-submenu.nav-item-parent .nav-item-caret,
.nav-item-submenu.nav-item-dropdown .nav-item-caret,
.nav-item-level-2 .fa-chevron-right,
.nav-item-submenu .fa-chevron-right {
    display: none !important; /* Kein Pfeil */
}

/* Alle Submenüs unter nav-submenu immer zeigen */
.nav-submenu ul,
.nav-submenu .nav,
.nav-submenu > ul,
.nav-submenu > .nav {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    overflow: visible !important;
}

/* UK Dropdown Navbar - Flexible Breite */
.uk-dropdown-navbar,
.uk-dropdown {
    margin-top: -25px;
    background: #3c3c3c !important;
    color: #ffffff;
    border-radius: 0;
    padding: 30px !important;
    min-width: 250px !important; /* Mindestbreite */
    max-width: 400px !important; /* Maximale Breite */
    width: auto !important; /* Flexible Breite */
}

/* Dreieck/Pfeil oben am Dropdown - rechter Winkel LINKS vom Dreieck */
/* NUR für den äußeren Container, nicht für nav-submenu selbst */
.uk-dropdown-navbar:before,
.nav-submenu-container:before,
.megamenu-container:before {
    content: '';
    position: absolute;
    top: -10px; /* 10px über dem Dropdown */
    left: 0 !important; /* IMMER ganz links an der Kante */
    right: auto !important; /* Niemals rechts */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0 !important; /* Originalgröße: 10px */
    border-color: transparent transparent #3c3c3c transparent !important; /* NUR unten gefärbt */
    z-index: 1001;
}

/* KEIN Dreieck für nav-submenu selbst */
.nav-submenu:before {
    content: none !important;
    display: none !important;
}

/* Dreieck bei rechts-ausgerichteten Dropdowns - BLEIBT LINKS */
.uk-dropdown-flip.uk-dropdown-navbar:before,
.nav-submenu-container.flip:before {
    left: 0 !important; /* Trotzdem links */
    right: auto !important;
    border-width: 0 10px 10px 0 !important; /* Originalgröße: 10px */
    border-color: transparent transparent #3c3c3c transparent !important;
}

/* Dreieck bei zentrierten Dropdowns - BLEIBT LINKS */
.uk-dropdown-center.uk-dropdown-navbar:before,
.nav-submenu-container.center:before {
    left: 0 !important; /* Trotzdem links */
    right: auto !important;
    margin-left: 0;
    border-width: 0 10px 10px 0 !important; /* Originalgröße: 10px */
    border-color: transparent transparent #3c3c3c transparent !important;
}

.uk-open > .uk-dropdown-navbar {
    -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
    animation: uk-slide-top-fixed 0.2s ease-in-out;
}

/* UK Dropdown Small */
.uk-dropdown-small .uk-nav {
    margin: 0 -15px;
}

/* UK Dropdown - Allgemein */
.uk-dropdown .uk-nav {
    margin: 0;
}

/* UK Nav Header */
.uk-dropdown .uk-nav-header,
.uk-dropdown-navbar .uk-nav .uk-nav-header {
    color: #DA203D !important;
    font-size: 14px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    margin: 20px 0 15px 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.2) !important;
}

.uk-dropdown .uk-nav-header:first-child {
    margin-top: 0 !important;
}

/* UK Dropdown Links (ALLE mit gepunkteter Linie) */
.uk-dropdown-navbar li a,
.uk-dropdown li a {
    color: #ffffff !important;
    padding: 10px 15px !important;
    font-size: 16px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    font-weight: normal !important;
    text-decoration-line: underline !important;
    text-decoration-style: dotted !important;
    text-decoration-color: rgba(255, 255, 255, 0.3) !important;
    text-underline-offset: 6px !important; /* Abstand vergrößert */
    transition: all 0.2s ease !important;
}

/* UK Dropdown Links Hover - Linie bleibt weiß */
.uk-dropdown-navbar li a:hover,
.uk-dropdown li a:hover {
    color: #DA203D !important;
    background: transparent !important;
    text-decoration-color: rgba(255, 255, 255, 0.3) !important; /* Bleibt weiß */
    padding-left: 15px !important;
}

/* NUCLEAR OPTION - Background dunkelgrau */
body .nav-submenu {
    background: #3c3c3c !important; /* DUNKELGRAU */
    background-color: #3c3c3c !important;
    position: relative !important;
    display: block !important;
    visibility: visible !important;
    max-height: none !important;
}

body .nav-submenu a,
body .nav-submenu .nav-item-submenu a,
body .nav-submenu .nav-item-level-2 a,
body .nav-submenu .nav-item-level-3 a {
    color: #ffffff !important;
    background: transparent !important;
    display: block !important;
    visibility: visible !important;
}

body .nav-submenu a:hover,
body .nav-submenu .nav-item-submenu a:hover,
body .nav-submenu .nav-item-level-2 a:hover,
body .nav-submenu .nav-item-level-3 a:hover {
    color: #DA203D !important;
    background: transparent !important; /* Kein Hintergrund */
}

/* Level 3 zwingend sichtbar machen */
body .nav-submenu .nav-item-level-3,
body .nav-item-level-3 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    overflow: visible !important;
}

/* ========================================
   4. SLIDER / HERO SECTION - FULL WIDTH (kein Padding)
   ======================================== */

.wk-slideshow,
.slideshow-section,
.hero-section,
.astroid-slider,
.astroid-slideshow {
    position: relative; /* Damit Header darüber positioniert werden kann */
    width: 100%;
    height: 700px !important; /* Feste Höhe */
    min-height: 700px !important;
    max-height: 700px !important; /* Maximale Höhe begrenzen */
    overflow: visible !important; /* GEÄNDERT: visible statt hidden für Navigation */
    background: transparent !important; /* GEÄNDERT: transparent statt #000000 */
    margin: 0 !important; /* Kein Margin */
    padding: 0 !important; /* Kein Padding */
    z-index: 1; /* Unter Header */
}

/* Nur BILDER mit overflow hidden */
.wk-slideshow-slide,
.slideshow-slide,
.astroid-slider .slide,
.astroid-slideshow .slide {
    overflow: hidden !important; /* Nur Slides selbst */
}

/* Slider Container - auch ohne Padding */
.astroid-slider .container,
.astroid-slideshow .container,
.wk-slideshow .container,
.slideshow-section .container {
    max-width: 100% !important; /* Full Width */
    width: 100% !important;
    padding: 0 !important; /* Kein Padding links/rechts */
    margin: 0 !important;
}

/* Slider Slides - Full Width */
.wk-slideshow-slide,
.slideshow-slide,
.astroid-slider .slide,
.astroid-slideshow .slide {
    position: relative;
    width: 100%;
    height: 700px !important; /* Feste Höhe */
    min-height: 700px !important;
    max-height: 700px !important; /* Maximale Höhe begrenzen */
    padding: 0 !important; /* Kein Padding */
    margin: 0 !important;
    overflow: hidden !important; /* Nur Slides selbst beschneiden */
}

/* Slider Images - Full Width */
.wk-slideshow-slide img,
.slideshow-slide img,
.astroid-slider img,
.astroid-slideshow img {
    width: 100%;
    height: 700px !important; /* Feste Höhe */
    max-height: 700px !important; /* Maximale Höhe */
    object-fit: cover;
    display: block;
    padding: 0 !important;
    margin: 0 !important;
}

/* Nur CONTAINER und BILDER ohne Padding - NICHT Text/Navigation */
.astroid-slider > .container,
.astroid-slideshow > .container,
.wk-slideshow > .container,
.slideshow-section > .container,
.astroid-slider img,
.astroid-slideshow img,
.wk-slideshow img {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ========================================
   4.1 FULL-WIDTH HELPER
   ======================================== */

/* Full-Width - für Slider und andere Sections */
.full-width,
.astroid-slider,
.no-padding {
    width: 100vw !important; /* Viewport Width */
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important; /* Zentriert über volle Breite */
    margin-right: calc(-50vw + 50%) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Full-Width Container Override */
.astroid-slider .container,
.full-width .container,
.no-padding .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Astroid Row im Slider - kein Margin */
.astroid-slider .row,
.full-width .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Astroid Columns im Slider - kein Padding */
.astroid-slider [class*="col-"],
.full-width [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ========================================
   5. MODULE GRID SECTION (Icon-Bereich unter Header)
   Original: Dunkelgrauer Hintergrund mit Icons
   ======================================== */

/* Module Grid Section Container - Äußerer Wrapper */
.module-grid-section {
    background: #3c3c3c !important; /* Dunkelgrau wie im Original */
    margin: 0 !important;
}

/* Astroid Module Position - Grid Container NUR in .module-grid-section */
.module-grid-section .astroid-module-position {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 40px !important; /* 40px Abstand zwischen Boxen */
    max-width: 1220px !important;
    margin: 0 auto !important;
    padding: 15px 0 20px 0 !important; /* Oben 15px, Unten 20px */
    align-items: stretch !important; /* Alle Boxen gleiche Höhe */
}

/* Full-Width Background - NUR in .module-grid-section */
.module-grid-section .astroid-module-position::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100vw !important;
    height: 100% !important;
    background: #3c3c3c !important;
    z-index: -1 !important;
}

/* SICHERHEIT: Kein Grid und kein ::before im Header (falls dort auch astroid-module-position) */
.astroid-header .astroid-module-position,
header .astroid-module-position,
.astroid-header-section .astroid-module-position {
    display: block !important; /* Kein Grid */
    grid-template-columns: none !important;
    gap: 0 !important;
    padding: 0 !important;
    position: static !important;
}

.astroid-header .astroid-module-position::before,
header .astroid-module-position::before,
.astroid-header-section .astroid-module-position::before {
    content: none !important;
    display: none !important;
}

/* Einzelne Module/Items - die 4 Boxen - Grid Layout für gleiche Zeilenhöhen */
.module-grid-section .top-a-position,
.astroid-module-position .top-a-position,
.module-grid-section .moduletable,
.module-grid-section .astroid-module,
.module-grid-section .module-item,
.module-grid-section .uk-panel {
    text-align: center !important;
    padding: 10px 15px !important;
    color: #ffffff !important;
    position: relative !important;
    z-index: 1 !important;
    display: grid !important; /* Grid statt Flex */
    grid-template-rows: auto auto auto 1fr !important; /* Icon, Titel, Divider, Text */
    align-items: start !important; /* Elemente oben in ihrer Zeile */
    justify-items: center !important; /* Horizontal zentriert */
    min-width: 0 !important;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

/* Links in Module Grid Section - umschließen gesamte Box */
.module-grid-section a,
.module-grid-section .uk-link,
.top-a-position a,
.top-a-position.moduletable a {
    display: contents !important; /* Link ist transparent für Grid-Layout */
    color: #ffffff !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

/* Hover-Effekt für Module Grid - AUF CONTAINER für gesamte Fläche */
.module-grid-section .top-a-position:hover,
.top-a-position.moduletable:hover {
    background-color: rgba(0, 0, 0, 0.2) !important; /* Dunkler beim Hover - GESAMTE Fläche */
}

/* tm-block-secondary Links - auch weiß */
.tm-block-secondary a {
    color: #ffffff !important;
}

/* Letztes Element ohne margin-bottom - Global */
.uk-panel > :not(.uk-panel-title):last-child {
    margin-bottom: 0 !important;
}

/* Letztes Element ohne margin-bottom - Module Grid Section */
.module-grid-section .uk-panel > :not(.uk-panel-title):last-child,
.module-grid-section .moduletable > :last-child {
    margin-bottom: 0 !important;
}

/* Icons im Module Grid */

/* FontAwesome Icons */
.module-grid-section [class*='uk-icon-'],
.module-grid-section i[class*='fa-'],
.module-grid-section .fa,
.top-a-position [class*='uk-icon-'],
.top-a-position i[class*='fa-'],
.top-a-position.moduletable [class*='uk-icon-'],
.top-a-position.moduletable i[class*='fa-'] {
    color: #898989 !important; /* Grau */
    font-size: 3rem !important; /* 48px bei Standard-Basis */
    display: block !important;
    margin: 0 auto 10px auto !important; /* Vergrößert von 6px auf 10px */
    text-align: center !important;
}

/* Bild-Icons (falls verwendet) */
.module-grid-section .astroid-module img,
.module-grid-section .moduletable img,
.module-grid-section img {
    max-width: 60px !important;
    height: auto !important;
    margin: 0 auto 10px auto !important; /* Gleich wie FontAwesome Icons */
    display: block !important;
    filter: brightness(0) invert(1) opacity(0.54) !important; /* Grau-Ton für Bilder */
}

/* Überschrift */
/* Überschrift - h3 mit Original-Werten */
.module-grid-section h3,
.module-grid-section h4,
.module-grid-section .module-title,
.top-a-position h3,
.top-a-position.moduletable h3 {
    color: #ffffff !important; /* WEISS */
    font-size: 18px !important;
    line-height: 20px !important;
    font-weight: normal !important; /* NORMAL */
    font-family: 'PT Sans', Arial, sans-serif !important;
    margin: 0 0 8px 0 !important; /* Vergrößert von 4px auf 8px */
    letter-spacing: 0em !important;
    text-transform: none !important;
    text-rendering: optimizelegibility !important;
    text-decoration: none !important;
    word-wrap: break-word !important; /* Lange Wörter umbrechen */
    overflow-wrap: break-word !important;
    max-width: 100% !important; /* Nicht über Box hinaus */
}

/* Links INNERHALB von h3 - WEISS, NORMAL, KEINE Unterstreichung */
.module-grid-section h3 > a,
.module-grid-section h3 > a:hover,
.module-grid-section h3 > a:focus,
.top-a-position h3 > a,
.top-a-position h3 > a:hover,
.top-a-position h3 > a:focus,
.top-a-position.moduletable h3 > a,
.top-a-position.moduletable h3 > a:hover,
.top-a-position.moduletable h3 > a:focus {
    color: #ffffff !important; /* WEISS */
    font-weight: normal !important; /* NORMAL */
    text-decoration: none !important; /* NIEMALS unterstreichen */
}

/* Mini Divider - Roter Strich unter Überschrift */
.tm-mini-divider,
.module-grid-section .tm-mini-divider {
    width: 40px !important;
    height: 2px !important;
    background: #da203d !important; /* Profi Partner Rot */
    margin: 6px auto 12px auto !important; /* Vergrößert: 6px oben, 12px unten */
    display: block !important;
}

/* Beschreibungstext */
.module-grid-section p,
.module-grid-section .module-content,
.module-grid-section p em,
.module-grid-section em {
    color: #898989 !important; /* Grau wie Icons (war #999999) */
    font-size: 13px !important;
    font-style: italic !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* Beschreibungstext - BLEIBT grau auch bei Hover/Aktiv */
.module-grid-section a p,
.module-grid-section a:hover p,
.module-grid-section a:active p,
.module-grid-section a:focus p,
.module-grid-section a p em,
.module-grid-section a:hover p em,
.module-grid-section a:active p em,
.module-grid-section a:focus p em,
.top-a-position a p,
.top-a-position a:hover p,
.top-a-position a:active p,
.top-a-position a:focus p,
.top-a-position a p em,
.top-a-position a:hover p em,
.top-a-position a:active p em,
.top-a-position a:focus p em {
    color: #898989 !important; /* BLEIBT grau */
}

/* Responsive - Tablet */
@media (max-width: 991px) {
    .module-grid-section,
    .astroid-module-position {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

/* Responsive - Mobile */
@media (max-width: 767px) {
    .module-grid-section,
    .astroid-module-position {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        /* KEIN padding */
    }
}

/* ========================================
   6. CTA BOXEN (4 Spalten)
   ======================================== */

.cta-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 Spalten NUR für CTA */
    gap: 30px;
    padding: 40px 0;
    margin: 0;
}

.cta-box,
.uk-panel {
    background: #ffffff; /* ORIGINAL */
    border: 2px solid #e5e5e5;
    border-radius: 0;
    padding: 32px 24px;
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
}

.cta-box:hover {
    border-color: #0bc9eb; /* ORIGINAL TÜRKIS */
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(11, 201, 235, 0.2);
}

/* Responsive Grid - NUR für CTA */
@media (max-width: 991px) {
    .cta-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .cta-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* ========================================
   LINKS (Globale Link-Styles)
   ======================================== */

/* Standard Links - Rot wie im Original */
a,
.uk-link {
    color: #da203d !important; /* Rot */
    text-decoration: none !important;
    cursor: pointer !important;
    transition: color 0.2s ease;
}

a:hover,
.uk-link:hover {
    color: #b31831 !important; /* Dunkleres Rot beim Hover */
    text-decoration: underline !important;
}

/* ========================================
   6. BUTTONS (uk-button)
   ======================================== */

/* Primary Button - ORIGINAL TÜRKIS */
.btn-primary,
.uk-button-primary {
    background: #0bc9eb !important; /* ORIGINAL PRIMARY */
    background-color: #0bc9eb !important;
    border: none;
    color: #ffffff !important; /* ORIGINAL */
    padding: 10px 26px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    transition: background 0.2s ease;
    cursor: pointer;
}

.btn-primary:hover,
.btn-primary:focus,
.uk-button-primary:hover,
.uk-button-primary:focus {
    background: #099fba !important; /* ORIGINAL HOVER */
    background-color: #099fba !important;
    color: #ffffff !important;
    text-decoration: none;
}

/* Success Button - ORIGINAL GELB */
.btn-success,
.uk-button-success {
    background: #ffe300 !important; /* ORIGINAL */
    color: #ffffff !important; /* ORIGINAL */
    border: none;
    padding: 10px 26px;
    border-radius: 3px;
}

/* ========================================
   7. CONTENT SECTIONS - UNTER FIXED HEADER
   ======================================== */

.astroid-content,
.tm-content,
.main-content {
    padding: 0 !important; /* Kein Padding */
    background: transparent !important; /* Transparent */
    margin-top: 0 !important; /* Slideshow startet ganz oben */
}

/* Body - kein Padding oben damit Content bei 0 beginnt */
body {
    padding: 0 !important; /* Komplett kein Padding */
    margin: 0 !important; /* Komplett kein Margin */
}

/* Alle Top-Level Elemente ohne Padding */
body > * {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ========================================
   8. FOOTER / TM-BLOCK-SECONDARY
   ORIGINAL: background: #2a3537; color: #6c898e;
   ======================================== */

/* Footer Section Container */
.astroid-section#fs-152897162771,
section[id*="fs-"],
.astroid-footer,
.tm-footer,
footer,
.tm-block-secondary,
.footer-secondary {
    background: #3c3c3c !important; /* ORIGINAL FARBE */
    background-color: #3c3c3c !important;
    color: #da203d !important; /* PROFI PARTNER ROT */
    padding: 60px 0 !important; /* tm-block-padding-top-bottom */
    border-top: none;
    font-size: 14px;
    width: 100%;
}

/* Footer Container */
.astroid-section .container,
.astroid-footer .container,
.tm-footer .container,
footer .container {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Footer Headings - PROFI PARTNER ROT */
.astroid-footer h1,
.astroid-footer h2,
.astroid-footer h3,
.astroid-footer h4,
.astroid-footer h5,
.astroid-footer h6,
.tm-block-secondary h1,
.tm-block-secondary h2,
.tm-block-secondary h3,
.tm-block-secondary h4,
.tm-block-secondary h5,
.tm-block-secondary h6,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: #da203d !important; /* PROFI PARTNER ROT */
    font-weight: 400;
}

/* Footer Paragraphs */
.astroid-footer p,
.tm-block-secondary p,
footer p {
    color: #da203d !important; /* PROFI PARTNER ROT */
    line-height: 1.6;
}

/* Footer Links - PROFI PARTNER ROT */
.astroid-section a,
.astroid-footer a,
.tm-block-secondary a,
.tm-footer a,
footer a,
.astroid-footer-position a {
    color: #da203d !important; /* PROFI PARTNER ROT */
    text-decoration: none;
    transition: color 0.2s ease;
}

.astroid-section a:hover,
.astroid-footer a:hover,
.tm-block-secondary a:hover,
.tm-footer a:hover,
footer a:hover,
.astroid-footer-position a:hover,
.astroid-section a:active,
.astroid-footer a:active,
.tm-block-secondary a:active,
.tm-footer a:active,
footer a:active,
.astroid-footer-position a:active {
    color: #da203d !important; /* BLEIBT ROT - kein Farbwechsel */
    text-decoration: none;
}

/* Footer Menu (mod-menu, uk-subnav) - HORIZONTAL & ZENTRIERT */
.astroid-footer .mod-menu,
.astroid-footer .mod-list,
.astroid-footer .nav.flex-column,
.astroid-footer .nav,
.tm-footer .uk-subnav,
.tm-block-secondary .uk-subnav,
footer .mod-menu,
footer .nav {
    display: flex !important;
    flex-direction: row !important; /* HORIZONTAL statt vertikal */
    flex-wrap: wrap !important;
    justify-content: center !important; /* ZENTRIERT */
    align-items: center !important;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    gap: 0;
}

/* uk-subnav li - HORIZONTAL */
.astroid-footer .uk-subnav li,
.tm-footer .uk-subnav li,
.tm-block-secondary .uk-subnav li {
    margin: 5px 0 !important; /* Weniger Margin für horizontal */
    display: inline-block !important;
}

/* Nav Items - INLINE */
.astroid-footer .nav-item,
.astroid-footer .nav,
footer .nav-item,
footer li {
    display: inline-block !important;
    margin: 0;
    padding: 0;
}

/* Nav Links - HORIZONTAL PADDING */
.astroid-footer .nav-item a,
.astroid-footer .mod-menu a,
.astroid-footer .nav a,
footer .nav-item a,
footer .mod-menu a {
    color: #6c898e !important; /* ORIGINAL */
    text-decoration: none;
    font-size: 14px;
    padding: 5px 15px !important; /* Links/Rechts Padding für horizontal */
    display: inline-block !important;
    transition: color 0.2s ease;
}

.astroid-footer .nav-item a:hover,
.astroid-footer .mod-menu a:hover,
footer .nav-item a:hover,
footer .mod-menu a:hover {
    color: #0bc9eb !important; /* ORIGINAL TÜRKIS */
    text-decoration: none;
}

/* DIVIDER (|) zwischen Links */
.astroid-footer .nav-item::after,
.astroid-footer li::after,
footer .nav-item::after,
footer li::after {
    content: "|";
    color: #dddddd; /* Hellgrau für Divider */
    margin: 0 5px;
    display: inline-block;
    font-size: 14px;
}

/* Letzter Link ohne Divider */
.astroid-footer .nav-item:last-child::after,
.astroid-footer li:last-child::after,
footer .nav-item:last-child::after,
footer li:last-child::after {
    display: none !important;
}

/* Child-Menüs ausblenden (nur Hauptmenü anzeigen) */
.astroid-footer .nav-item ul,
.astroid-footer .nav ul,
footer .nav-item ul,
footer .nav ul {
    display: none !important;
}

/* Module Position - ZENTRIERT */
.astroid-module-position,
.astroid-footer-position {
    margin-bottom: 30px;
    text-align: center !important; /* ZENTRIERT */
}

.astroid-module-position:last-child,
.astroid-footer-position:last-child {
    margin-bottom: 0;
}

.astroid-module-position .moduletable,
.astroid-footer-position .moduletable {
    text-align: center !important; /* ZENTRIERT */
    margin: 0 auto !important;
}

/* Copyright */
.copyright,
.astroid-footer-copyright {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #3d4a4c;
    text-align: center;
    font-size: 13px;
    color: #da203d !important; /* PROFI PARTNER ROT */
}

/* Position Divider */
.tm-position-divider {
    border-bottom: 1px solid #dddddd; /* ORIGINAL */
}

/* tm-block-secondary Title Line */
.tm-block-secondary .tm-title-line {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 49%, rgba(255, 255, 255, 0.3) 51%, rgba(0, 0, 0, 0) 53%, rgba(0, 0, 0, 0) 100%);
    color: #da203d !important; /* PROFI PARTNER ROT */
}

.tm-block-secondary .tm-title-line span {
    background: #2a3537; /* ORIGINAL */
}

/* ========================================
   9. TYPOGRAPHY (ORIGINAL)
   ======================================== */

body {
    font-family: 'PT Sans' !important;
    font-size: 16px;
    line-height: 1.6;
    color: #454545; /* ORIGINAL TEXT COLOR */
    background: #ffffff; /* ORIGINAL */
    margin: 0; /* ORIGINAL */
    padding: 0 !important; /* Komplett kein Padding */
    overflow-x: hidden !important; /* Kein horizontales Scrollen */
    -webkit-text-size-adjust: 100%; /* ORIGINAL */
    -ms-text-size-adjust: 100%;
}

/* Headings - ORIGINAL */
h1, h2, h3, h4, h5, h6 {
    font-family: 'PT Sans' !important;
    font-weight: 400; /* ORIGINAL WEIGHT */
    color: #454545; /* ORIGINAL */
    line-height: 1.2;
    margin-bottom: 1rem;
}

h1 { font-size: 2.625rem; } /* 42px */
h2 { font-size: 2.125rem; } /* 34px */
h3 { font-size: 1.625rem; } /* 26px */
h4 { font-size: 1.375rem; } /* 22px */
h5 { font-size: 1.125rem; } /* 18px */
h6 { font-size: 1rem; }     /* 16px */

/* Links - ORIGINAL */
a {
    color: #0bc9eb; /* ORIGINAL PRIMARY */
    text-decoration: none;
    transition: color 0.2s ease;
    background: transparent; /* ORIGINAL */
}

a:hover {
    color: #09a6c2; /* ORIGINAL HOVER */
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0; /* ORIGINAL */
}

/* Strong/Bold */
b,
strong {
    font-weight: 700; /* ORIGINAL */
}

/* ========================================
   10. UTILITY CLASSES (UK Framework)
   ======================================== */

/* UK Container */
.container,
.uk-container,
.uk-container-center {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 15px;
}

/* UK Grid Widths */
.uk-grid-width-1-2 > * {
    width: 50%;
}

.uk-grid-width-1-3 > * {
    width: 33.333%;
}

.uk-grid-width-1-4 > * {
    width: 25%;
}

/* UK Text Alignment */
.uk-text-center {
    text-align: center !important;
}

.uk-text-left {
    text-align: left !important;
}

.uk-text-right {
    text-align: right !important;
}

/* UK Text Colors */
.uk-text-muted {
    color: #919191 !important; /* ORIGINAL */
}

.uk-text-primary {
    color: #0bc9eb !important; /* ORIGINAL */
}

/* UK Margin */
.uk-margin {
    margin-bottom: 15px;
}

.uk-margin-top {
    margin-top: 15px !important;
}

.uk-margin-bottom {
    margin-bottom: 15px !important;
}

.uk-margin-large {
    margin-bottom: 50px;
}

.uk-margin-large-top {
    margin-top: 50px !important;
}

.uk-margin-large-bottom {
    margin-bottom: 50px !important;
}

/* ========================================
   11. RESPONSIVE / MEDIA QUERIES
   ======================================== */

@media (max-width: 767px) {
    /* Hide on Mobile */
    .hide-mobile,
    .uk-hidden-small {
        display: none !important;
    }
    
    /* Body Font Size */
    body {
        font-size: 14px;
    }
    
    /* Headings Mobile */
    h1 { font-size: 2rem; }
    h2 { font-size: 1.75rem; }
    h3 { font-size: 1.25rem; }
    
    /* Header Height */
    .astroid-header,
    .tm-headerbar {
        height: auto;
        min-height: 100px;
    }
    
    /* Footer */
    .astroid-footer,
    .tm-block-secondary,
    footer {
        padding: 40px 0 !important;
    }
    
    /* Footer Navigation - Horizontal auch auf Mobile */
    footer .nav-item a,
    footer .mod-menu a,
    .astroid-footer .nav-item a,
    .astroid-footer .mod-menu a {
        font-size: 12px !important;
        padding: 5px 8px !important;
    }
    
    /* Divider kleiner auf Mobile */
    footer .nav-item::after,
    .astroid-footer .nav-item::after {
        margin: 0 3px !important;
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    /* Hide on Desktop */
    .hide-desktop,
    .uk-hidden-medium,
    .uk-hidden-large {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    /* Tablet Specific Styles */
    .uk-visible-medium {
        display: block !important;
    }
}

/* ========================================
   12. IMAGES & MEDIA
   ======================================== */

img {
    max-width: 100%;
    height: auto;
    display: block;
    border: 0; /* ORIGINAL */
}

/* UK Cover */
.uk-cover-background {
    background-size: cover;
    background-position: 50% 50%;
}

/* ========================================
   13. ARTIKEL / BLOG
   ======================================== */

.tm-article-blog .tm-article-image {
    position: relative;
    width: 180px;
    height: 180px;
}

/* ========================================
   14. CUSTOM FORMS (tm-custom-form)
   ======================================== */

.tm-custom-form {
    padding: 10px 12px;
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #454545;
    font-size: 14px;
    transition: all 0.2s ease;
}

.tm-custom-form:hover,
.tm-custom-form:focus {
    border-color: #0bc9eb; /* ORIGINAL PRIMARY */
    outline: none;
}

/* Footer Form Styles */
.tm-block-secondary .tm-custom-form {
    border: 3px solid #262f31 !important; /* ORIGINAL */
    background: rgba(255, 255, 255, 0.05) !important; /* ORIGINAL */
    color: #ffffff !important;
}

.tm-block-secondary .tm-custom-form:hover,
.tm-block-secondary .tm-custom-form:active,
.tm-block-secondary .tm-custom-form:focus {
    border: 3px solid #1d2426 !important; /* ORIGINAL */
    color: #ffffff !important;
}

/* Placeholder Colors */
.tm-custom-form::-webkit-input-placeholder {
    color: #919191;
}

.tm-custom-form::-moz-placeholder {
    color: #919191;
}

.tm-custom-form:-ms-input-placeholder {
    color: #919191;
}

.tm-block-secondary .tm-custom-form::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.15) !important; /* ORIGINAL */
}

.tm-block-secondary .tm-custom-form::-moz-placeholder {
    color: rgba(255, 255, 255, 0.15) !important; /* ORIGINAL */
}

.tm-block-secondary .tm-custom-form:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.15) !important; /* ORIGINAL */
}

/* ========================================
   15. ASTROID FRAMEWORK OVERRIDES
   ======================================== */

/* Astroid Element */
.astroid-element {
    position: relative;
}

/* Astroid Row */
.astroid-element.row {
    margin: 0 -15px;
}

/* Astroid Columns */
.astroid-element[class*="col-"] {
    padding: 0 15px;
}

/* Remove Astroid Defaults */
.astroid-header {
    box-shadow: none !important;
}

.astroid-header-section {
    border: none !important;
}

/* ========================================
   ENDE CUSTOM CSS
   Alle Werte basieren auf dem Original
   YOOtheme WARP7 Digit Template
   ======================================== */

/* Astroid Slideshow - Zusätzliche spezifische Selektoren */
section.astroid-slideshow,
div.astroid-slideshow,
.astroid-slideshow-container {
    height: 700px !important;
    min-height: 700px !important;
    max-height: 700px !important;
}

/* Astroid Slideshow Items */
.astroid-slideshow .astroid-slideshow-item,
.astroid-slideshow .slideshow-item,
.astroid-slideshow .uk-slideshow-items,
.astroid-slideshow li {
    height: 700px !important;
    max-height: 700px !important;
}

/* Astroid Slideshow Bilder */
.astroid-slideshow .astroid-slideshow-item img,
.astroid-slideshow .slideshow-item img,
.astroid-slideshow .uk-slideshow-items img {
    height: 700px !important;
    max-height: 700px !important;
    object-fit: cover !important;
}

/* Footer Position - alle Elemente ROT */
.astroid-footer-position,
.astroid-footer-position.moduletable {
    color: #da203d !important;
}

/* Footer Menu Items - ROT */
.astroid-footer-position .mod-menu li,
.astroid-footer-position .mod-list li,
.astroid-footer-position .nav li,
.astroid-footer-position .nav-item {
    color: #da203d !important;
}

/* Footer Menu Links - ROT (alle Zustände) */
.astroid-footer-position .mod-menu a,
.astroid-footer-position .mod-list a,
.astroid-footer-position .nav a,
.astroid-footer-position .flex-column a,
.astroid-footer-position.moduletable a {
    color: #da203d !important;
    text-decoration: none !important;
}

.astroid-footer-position .mod-menu a:hover,
.astroid-footer-position .mod-list a:hover,
.astroid-footer-position .nav a:hover,
.astroid-footer-position .flex-column a:hover,
.astroid-footer-position.moduletable a:hover,
.astroid-footer-position .mod-menu a:active,
.astroid-footer-position .mod-list a:active,
.astroid-footer-position .nav a:active,
.astroid-footer-position .flex-column a:active,
.astroid-footer-position.moduletable a:active {
    color: #da203d !important; /* BLEIBT ROT */
    text-decoration: none !important;
}

/* ========================================
   COMPONENT SECTION - Startseite Beiträge
   ======================================== */

/* Component Section Container */
.astroid-section.astroid-component-section,
.astroid-component-section {
    background: #ffffff !important;
    padding: 15px 0 !important; /* Reduziert von 60px auf 15px */
    width: 100%;
}

/* Component Container */
.astroid-component,
.astroid-component-area {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Überschrift - ROT */
.astroid-component > h2,
.astroid-component-area > h2,
.astroid-component h2,
.blog-uikit h2 {
    color: #da203d !important; /* Profi Partner Rot */
    font-size: 32px !important;
    font-weight: 400 !important;
    margin-bottom: 20px !important;
    text-align: left !important;
}

/* Beschreibungstext - GRAU */
.astroid-component > p,
.astroid-component-area > p,
.astroid-component p {
    color: #666666 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    text-align: justify !important;
}

/* Einzelner Artikel */
.uk-article,
article {
    background: #ffffff;
    border: none;
}

/* Artikel-Titel */
.uk-article h3,
.uk-article-title {
    color: #333333 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    margin: 15px 0 !important;
    text-align: left !important;
}

/* Artikel-Titel Link */
.uk-article h3 a,
.uk-article-title a {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.uk-article h3 a:hover,
.uk-article-title a:hover {
    color: #da203d !important; /* Rot beim Hover */
}

/* Frontpage: uk-align-medium-left Container + Bild einheitlich */
.blog-uikit-frontpage .uk-align-medium-left {
    width: 100% !important;
    margin: 0 0 15px 0 !important;
    float: none !important;
}

.blog-uikit-frontpage .uk-align-medium-left a {
    display: block !important;
    width: 100% !important;
}

.blog-uikit-frontpage .uk-align-medium-left a img,
.blog-uikit-frontpage img {
    width: 100% !important;
    height: 225px !important;
    object-fit: cover !important;
    display: block !important;
    margin-bottom: 15px !important;
}

/* Artikel-Text */
.uk-article p {
    color: #666666 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 15px !important;
    text-align: justify !important;
}

/* "Mehr lesen" Link */
.uk-article a[href*="Mehr"],
.element-itemcommentslink a {
    color: #da203d !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-top: 10px !important;
}

.uk-article a[href*="Mehr"]:hover,
.element-itemcommentslink a:hover {
    text-decoration: underline !important;
}

/* UK Subnav Line (unter Artikeln) */
.uk-subnav.uk-subnav-line {
    border-top: 1px solid #e5e5e5;
    padding-top: 15px;
    margin-top: 15px;
}

/* Responsive */
@media (max-width: 768px) {
    .astroid-component > h2,
    .astroid-component h2,
    .blog-uikit h2 {
        font-size: 24px !important;
    }
}

/* UK Width - Flexibles System für beliebig viele Spalten */
.uk-width-medium-1-2 {
    width: 50% !important; /* 2 Spalten */
    float: left !important;
    box-sizing: border-box !important;
}

.uk-width-medium-1-3 {
    width: 33.333% !important; /* 3 Spalten */
    float: left !important;
    box-sizing: border-box !important;
}

.uk-width-medium-1-4 {
    width: 25% !important; /* 4 Spalten */
    float: left !important;
    box-sizing: border-box !important;
}

.uk-width-medium-1-5 {
    width: 20% !important; /* 5 Spalten */
    float: left !important;
    box-sizing: border-box !important;
}

.uk-width-medium-1-6 {
    width: 16.666% !important; /* 6 Spalten */
    float: left !important;
    box-sizing: border-box !important;
}

/* UK Grid - Flexibler Container mit 50px Abstand */
.uk-grid {
    margin: 0 -25px !important; /* Negativer margin für gutter */
    padding: 0 !important;
    list-style: none !important;
}

.uk-grid > * {
    box-sizing: border-box !important;
    padding: 0 25px !important; /* 25px Abstand links/rechts = 50px gesamt */
    margin-bottom: 50px !important; /* 50px Abstand nach unten */
}

/* Clearfix für uk-grid */
.uk-grid::before,
.uk-grid::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* Responsive UK Width - auf kleineren Bildschirmen */
@media (max-width: 959px) {
    /* Tablet: 1-3, 1-4, 1-5, 1-6 werden zu 1-2 (2 Spalten) */
    .uk-width-medium-1-3,
    .uk-width-medium-1-4,
    .uk-width-medium-1-5,
    .uk-width-medium-1-6 {
        width: 50% !important;
    }
}

@media (max-width: 767px) {
    /* Mobile: Alle werden zu 100% (1 Spalte) */
    .uk-width-medium-1-2,
    .uk-width-medium-1-3,
    .uk-width-medium-1-4,
    .uk-width-medium-1-5,
    .uk-width-medium-1-6 {
        width: 100% !important;
        float: none !important;
    }
}

/* UK Grid Margin - zusätzliche Abstände (50px) */
.uk-grid.uk-grid-margin {
    margin-top: -50px !important; /* Kompensiert das margin-bottom der Kinder */
}

.uk-grid.uk-grid-margin > * {
    margin-top: 50px !important; /* Zusätzlicher Abstand oben */
}

/* ========================================
   BREADCRUMBS - Divider
   ======================================== */

/* Breadcrumbs Container - BÜNDIG mit Component Content */
.mod-breadcrumbs,
.breadcrumbs-position {
    max-width: 1220px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

/* Breadcrumb Divider - FontAwesome Pfeil */
.mod-breadcrumbs__divider::before,
.mod-breadcrumbs__divider::after,
.breadcrumb-item + .breadcrumb-item::before {
    content: "\f105" !important; /* FontAwesome Pfeil nach rechts */
    display: inline-block !important;
    margin: 0 5px !important; /* Reduziert von 15px auf 5px */
    font-family: 'FontAwesome' !important;
}

/* Breadcrumb Items */
.mod-breadcrumbs__item,
.breadcrumb-item {
    font-size: 1rem !important;
    vertical-align: top !important;
}

/* Divider AUSBLENDEN - vor allem ersten Element */
.mod-breadcrumbs__divider,
.mod-breadcrumbs__divider.float-start {
    display: none !important; /* Verstecke alle Divider-Elemente */
}

/* Erster Breadcrumb ohne Pfeil davor */
.breadcrumb-item:first-child::before {
    display: none !important;
}

/* ========================================
   YOO-ZOO ARTIKEL - Titel mit Linie
   ======================================== */

/* Artikel Titel (h1) mit horizontaler Linie UNTER der Überschrift */
#yoo-zoo .item h1.pos-title,
.yoo-zoo .item h1.pos-title,
h1.pos-title {
    border-bottom: 1px solid #c8c8c8 !important;
    margin: 0 0 0 0 !important;
    overflow: hidden !important;
    padding: 0px 0 20px 0 !important;  /* padding-top auf 0px (war: 10px) */
}

/* ========================================
   YOO-ZOO ARTIKEL - Inline Module (Spezielle Inhalte)
   ======================================== */

/* Inline Module - Standorte & Team */
#yoo-zoo .item .element-textarea .inline-module-standorte,
#yoo-zoo .item .element-textarea .inline-module-team {
    margin-top: 40px !important;
}

/* Weitere seitenspezifische Module können hier hinzugefügt werden:
   Beispiel:
   - .inline-module-projekte
   - .inline-module-referenzen
   - .inline-module-partner
*/

/* ========================================
   CONTENT FORMATTING - YOO-Zoo - Artikel
   Styling für Panel-Boxen mit Links
   ======================================== */

/* UK Panel Box - Weiße Box mit Border und Schatten */
.uk-panel-box,
.uk-panel-box-4 {
    padding: 30px !important;
    background: #ffffff !important;
    color: #646464 !important;
    border: 1px solid #dddddd !important;
    border-radius: 0px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* Überschriften in Panel Boxen - 18px */
.uk-panel-box h3,
.uk-panel-box-4 h3 {
    color: #2c2c2c !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-bottom: 18px !important;
    text-align: left !important;
}

/* Text in Panel Boxen - erbt color: #646464 von Parent, linksbündig */
.uk-panel-box p,
.uk-panel-box-4 p {
    font-size: 15px !important;
    line-height: 1.65 !important;
    margin-bottom: 20px !important;
    text-align: left !important;
}

/* Links mit Icon - ROT, linksbündig */
.uk-panel-box a,
.uk-panel-box-4 a {
    color: #da203d !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    display: block !important;
    text-align: left !important;
    transition: color 0.2s ease !important;
    position: relative !important;
    padding-left: 25px !important; /* Platz für Icon */
}

.uk-panel-box a:hover,
.uk-panel-box-4 a:hover {
    color: #b31831 !important;
    text-decoration: none !important;
}

/* Icon automatisch VOR jedem Link einfügen */
.uk-panel-box a::before,
.uk-panel-box-4 a::before {
    content: "\f138" !important;
    font-family: FontAwesome !important;
    color: #DA203D !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    font-size: 16px !important;
    line-height: inherit !important;
    display: inline-block !important;
    font-weight: normal !important;
    font-style: normal !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Grid für Zoo-Artikel - Zwei Spalten nebeneinander */
#yoo-zoo .uk-grid,
.yoo-zoo .uk-grid,
.item .uk-grid {
    margin: 0 -15px !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

#yoo-zoo .uk-grid > *,
.yoo-zoo .uk-grid > *,
.item .uk-grid > * {
    padding: 0 15px !important;
    margin-bottom: 30px !important;
}

/* Responsive: Mobile Ansicht */
@media (max-width: 768px) {
    .uk-panel-box,
    .uk-panel-box-4 {
        padding: 20px !important;
    }
}

/* ========================================
   WIDGETKIT SLIDESHOW - Sichtbarkeit
   ======================================== */

/* ALLE Textelemente im Slideshow sichtbar machen */
.wk-slideshow *:not(img) {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Widgetkit Content-Overlays sichtbar machen */
.wk-slideshow .wk-slideshow-content,
.wk-slideshow .content-overlay,
.wk-slideshow .slideshow-content,
.wk-slideshow [class*="content"],
.wk-slideshow [class*="text"],
.wk-slideshow [class*="caption"] {
    position: relative !important;
    z-index: 10 !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* Widgetkit Navigation Dots */
.wk-slideshow .nav,
.wk-slideshow .dots,
.wk-slideshow .wk-slidenav,
.wk-slideshow-nav {
    position: absolute !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 20 !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* Widgetkit Vor/Zurück Pfeile - IN DER MITTE DER SLIDES */
.wk-slideshow .prev,
.wk-slideshow .next,
.wk-slideshow-nav-prev,
.wk-slideshow-nav-next {
    position: absolute !important;
    top: 350px !important; /* Mitte von 700px Höhe */
    transform: translateY(-50%) !important;
    z-index: 20 !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

.wk-slideshow .prev,
.wk-slideshow-nav-prev {
    left: 20px !important;
}

.wk-slideshow .next,
.wk-slideshow-nav-next {
    right: 20px !important;
}

/* ========================================
   REFERENZEN SEITE
   - Sidebar Modul (referenzen-auszug-sidbar-a-modul)
   - Katalog Grid (catalog-default) - gilt für ALLE Katalog-Seiten
   - Spezifische Overrides für catalog-default-referenzen
     und catalog-default-rendite-immobilien
   Version: 22.8.0
   Datum: 18. Februar 2026
   ======================================== */

/* ----------------------------------------
   SIDEBAR - Header-Box
   Klasse: referenzen-auszug-sidbar-a-modul-header
   ---------------------------------------- */

.referenzen-auszug-sidbar-a-modul-header {
    background: #f7f7f7 !important;
    background-color: #f7f7f7 !important;
    border: 1px solid #cccccc !important;
    border-bottom: none !important;
    padding: 30px 30px 0px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    text-align: left !important;
    text-transform: uppercase !important;
}

html body .referenzen-auszug-sidbar-a-modul-header h3,
html body .referenzen-auszug-sidbar-a-modul-header h2,
html body .referenzen-auszug-sidbar-a-modul-header h1,
html body .referenzen-auszug-sidbar-a-modul-header .moduletable h3,
html body .referenzen-auszug-sidbar-a-modul-header .module-title,
html body .referenzen-auszug-sidbar-a-modul-header p,
html body .referenzen-auszug-sidbar-a-modul-header span {
    text-transform: uppercase !important;
    text-align: left !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #333333 !important;
    letter-spacing: 0.05em !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: none !important;
    background: transparent !important;
    font-style: normal !important;
}

/* ----------------------------------------
   SIDEBAR - Listen-Box
   Klasse: referenzen-auszug-sidbar-a-modul
   ---------------------------------------- */

.referenzen-auszug-sidbar-a-modul {
    background: #f7f7f7 !important;
    background-color: #f7f7f7 !important;
    border: 1px solid #cccccc !important;
    border-top: 1px solid #eeeeee !important;
    padding: 30px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.referenzen-auszug-sidbar-a-modul ul,
.referenzen-auszug-sidbar-a-modul ol {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.referenzen-auszug-sidbar-a-modul ul li,
.referenzen-auszug-sidbar-a-modul ol li {
    padding: 6px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.referenzen-auszug-sidbar-a-modul ul li:last-child,
.referenzen-auszug-sidbar-a-modul ol li:last-child {
    border-bottom: none !important;
}

.referenzen-auszug-sidbar-a-modul a,
.referenzen-auszug-sidbar-a-modul ul li a,
.referenzen-auszug-sidbar-a-modul ol li a {
    color: #454545 !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    display: block !important;
    text-align: left !important;
    line-height: 1.4 !important;
    transition: color 0.2s ease !important;
}

.referenzen-auszug-sidbar-a-modul a:hover,
.referenzen-auszug-sidbar-a-modul ul li a:hover,
.referenzen-auszug-sidbar-a-modul ol li a:hover {
    color: #da203d !important;
    text-decoration: none !important;
}

/* ----------------------------------------
   KATALOG GRID - BASIS
   Gilt für ALLE catalog-default Seiten
   ---------------------------------------- */

/* Grid-Container: kein padding - bündig links */
#yoo-zoo.catalog-default,
#yoo-zoo .catalog-default,
.yoo-zoo.catalog-default,
.yoo-zoo .catalog-default {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Zeilen: Flexbox */
#yoo-zoo .catalog-default .row,
.yoo-zoo .catalog-default .row,
.catalog-default .row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 0 10px 0 !important;
    padding-left: 0 !important;
}

/* Spalten: 4 x 25% */
#yoo-zoo .catalog-default .width25,
.yoo-zoo .catalog-default .width25,
.catalog-default .width25 {
    flex: 0 0 calc(25% - 8px) !important;
    width: calc(25% - 8px) !important;
    box-sizing: border-box !important;
    padding: 0 !important;
}

/* Kachel: position relative damit Overlay funktioniert */
#yoo-zoo .catalog-default .teaser-item,
.yoo-zoo .catalog-default .teaser-item,
.catalog-default .teaser-item {
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
}

/* Bild-Container: 150px Höhe (Basis) */
#yoo-zoo .catalog-default .pos-media,
.yoo-zoo .catalog-default .pos-media,
.catalog-default .pos-media {
    position: relative !important;
    height: 150px !important;
    overflow: hidden !important;
    display: block !important;
}

/* Bild: Cover-Fit auf 150px */
#yoo-zoo .catalog-default .pos-media img,
.yoo-zoo .catalog-default .pos-media img,
.catalog-default .pos-media img {
    width: 100% !important;
    height: 150px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
}

/* Titel h2.pos-title - UNTERHALB des Bildes, dunkles Band */
#yoo-zoo .catalog-default .items .teaser-item h2.pos-title,
#yoo-zoo .catalog-default .items h2.pos-title,
.yoo-zoo .catalog-default .items .teaser-item h2.pos-title,
.yoo-zoo .catalog-default .items h2.pos-title,
.catalog-default .items h2.pos-title {
    position: static !important;
    display: block !important;
    background: rgba(0, 0, 0, 0.75) !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    border-bottom: none !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 18px !important;
    color: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Titel-Link Basis - weiß auf Overlay */
#yoo-zoo .catalog-default .items h2.pos-title a,
html body #yoo-zoo .catalog-default .items h2.pos-title a,
html body #yoo-zoo .catalog-default .items h2.pos-title a:link,
html body #yoo-zoo .catalog-default .items h2.pos-title a:visited,
html body .yoo-zoo .catalog-default .items h2.pos-title a,
html body .yoo-zoo .catalog-default .items h2.pos-title a:link,
html body .yoo-zoo .catalog-default .items h2.pos-title a:visited {
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 18px !important;
}

#yoo-zoo .catalog-default .items h2.pos-title a:hover,
html body #yoo-zoo .catalog-default .items h2.pos-title a:hover,
html body .yoo-zoo .catalog-default .items h2.pos-title a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Hover: Titelband wird Profi Partner Rot */
#yoo-zoo .catalog-default .teaser-item:hover h2.pos-title,
.yoo-zoo .catalog-default .teaser-item:hover h2.pos-title,
.catalog-default .teaser-item:hover h2.pos-title {
    background: rgba(218, 32, 61, 0.9) !important;
}

/* ----------------------------------------
   SPEZIFISCHE OVERRIDES
   catalog-default-referenzen &
   catalog-default-rendite-immobilien
   Original: 18px Titel, 250px Bilder
   ---------------------------------------- */

/* Bild-Container: 150px */
#yoo-zoo.catalog-default-referenzen .pos-media,
#yoo-zoo.catalog-default-rendite-immobilien .pos-media {
    height: 150px !important;
}

#yoo-zoo.catalog-default-referenzen .pos-media img,
#yoo-zoo.catalog-default-rendite-immobilien .pos-media img {
    height: 150px !important;
}

/* Titel h2.pos-title: 18px, UNTERHALB Bild, dunkles Band */
#yoo-zoo.catalog-default-referenzen .items .teaser-item h2.pos-title,
#yoo-zoo.catalog-default-referenzen .items h2.pos-title,
#yoo-zoo.catalog-default-rendite-immobilien .items .teaser-item h2.pos-title,
#yoo-zoo.catalog-default-rendite-immobilien .items h2.pos-title {
    position: static !important;
    display: block !important;
    background: rgba(0, 0, 0, 0.75) !important;
    font-size: 18px !important;
    font-weight: normal !important;
    line-height: 20px !important;
    padding: 10px 12px !important;
    color: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Titel-Link: 18px, weiß - Original-Regel */
#yoo-zoo.catalog-default-referenzen .items h2.pos-title a,
#yoo-zoo.catalog-default-rendite-immobilien h2.pos-title a,
html body #yoo-zoo.catalog-default-referenzen .items h2.pos-title a,
html body #yoo-zoo.catalog-default-referenzen .items h2.pos-title a:link,
html body #yoo-zoo.catalog-default-referenzen .items h2.pos-title a:visited,
html body #yoo-zoo.catalog-default-rendite-immobilien .items h2.pos-title a,
html body #yoo-zoo.catalog-default-rendite-immobilien .items h2.pos-title a:link,
html body #yoo-zoo.catalog-default-rendite-immobilien .items h2.pos-title a:visited {
    font-size: 18px !important;
    font-weight: normal !important;
    line-height: 20px !important;
    color: #ffffff !important;
    margin: 15px 0 0 !important;
    text-decoration: none !important;
}

#yoo-zoo.catalog-default-referenzen .items h2.pos-title a:hover,
#yoo-zoo.catalog-default-rendite-immobilien .items h2.pos-title a:hover,
html body #yoo-zoo.catalog-default-referenzen .items h2.pos-title a:hover,
html body #yoo-zoo.catalog-default-rendite-immobilien .items h2.pos-title a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* ----------------------------------------
   RESPONSIVE
   ---------------------------------------- */

/* Tablet - 2 Spalten */
@media (max-width: 991px) {
    #yoo-zoo .catalog-default .width25,
    .yoo-zoo .catalog-default .width25,
    .catalog-default .width25 {
        flex: 0 0 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
    }
}

/* Mobile - 1 Spalte */
@media (max-width: 767px) {
    #yoo-zoo .catalog-default .width25,
    .yoo-zoo .catalog-default .width25,
    .catalog-default .width25 {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
    #yoo-zoo .catalog-default .row,
    .yoo-zoo .catalog-default .row,
    .catalog-default .row {
        gap: 8px !important;
    }
}

/* ========================================
   ENDE REFERENZEN / KATALOG SEITEN
   ======================================== */

/* ========================================
   TOOLBAR ZEILE - Hintergrund + Layout
   Version: 21.14.0 - 19. Februar 2026
   ======================================== */

/* Hintergrund #3c3c3c - Full Width via Section-Container */
.astroid-section:has(.toolbar-l-position),
.astroid-section:has(.toolbar-r-position),
.astroid-header-section:has(.toolbar-l-position),
.astroid-header-section:has(.toolbar-r-position) {
    background: #3c3c3c !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
}

.astroid-row:has(.toolbar-l-position),
.astroid-row:has(.toolbar-r-position) {
    background: transparent !important;
    position: relative !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    align-items: center !important;
}

.astroid-module-position.toolbar-l,
.astroid-module-position.toolbar-r {
    background: transparent !important;
}

html body .toolbar-l-position {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

html body .toolbar-r-position {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
}

.astroid-module-position.toolbar-r {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

/* ---- LINKS: flex-row + 15px ---- */
html body .toolbar-l-position ul.mod-menu,
html body .toolbar-l-position ul.mod-list,
html body .toolbar-l-position ul.nav,
html body .toolbar-l-position ul.flex-column,
html body .toolbar-l-position ul {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
}

html body .toolbar-l-position li.nav-item,
html body .toolbar-l-position li {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

html body .toolbar-l-position li:not(:last-child)::after {
    content: "|" !important;
    color: #888888 !important;
    margin: 0 10px !important;
    font-size: 13px !important;
    display: inline-block !important;
}

html body .toolbar-l-position li:last-child::after {
    content: none !important;
    display: none !important;
}

html body .toolbar-l-position a,
html body .toolbar-l-position li a {
    color: #DA203D !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    font-weight: 400 !important;
    padding: 0 !important;
    background: transparent !important;
    display: inline !important;
    transition: color 0.2s ease !important;
}

html body .toolbar-l-position a:hover,
html body .toolbar-l-position li a:hover {
    color: #ae1a31 !important;
    text-decoration: none !important;
}

/* ---- RECHTS: Abmelden-Button ROT - 14px ---- */
html body .toolbar-r-position .btn-primary,
html body .toolbar-r-position .btn,
html body .toolbar-r-position button.btn-primary,
html body .toolbar-r-position button.btn,
html body .toolbar-r-position button {
    background: #DA203D !important;
    background-color: #DA203D !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 3px !important;
    font-size: 14px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    font-weight: 600 !important;
    padding: 5px 16px !important;
    line-height: 1.5 !important;
    cursor: pointer !important;
    display: inline-block !important;
    white-space: nowrap !important;
    transition: background 0.2s ease !important;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-appearance: none !important;
}

html body .toolbar-r-position button:hover {
    background: #ae1a31 !important;
    background-color: #ae1a31 !important;
    color: #ffffff !important;
}

html body .toolbar-r-position form,
html body .toolbar-r-position .mod-login-logout {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    background: transparent !important;
}

html body .toolbar-r-position .logout-button {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 767px) {
    .astroid-row:has(.toolbar-l-position) {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    html body .toolbar-l-position a { font-size: 13px !important; }
    html body .toolbar-l-position li:not(:last-child)::after { margin: 0 6px !important; }
    html body .toolbar-r-position button { font-size: 12px !important; padding: 4px 12px !important; }
}

/* ========================================
   ENDE TOOLBAR ZEILE
   ======================================== */



/* ========================================
   UK SUBNAV / SWITCHER TABS
   Verwendet in ZOO-Artikeln mit:
   class="uk-subnav uk-subnav-pill"
   data-uk-switcher="{connect:'#tabs'}"
   Beispiel: Referenz-Seiten (MalzQuartier etc.)
   
   HINWEIS: cs-hide wird NICHT versteckt - alle Tabs
   sollen sichtbar sein (inkl. Energieausweis)
   ======================================== */

/*
 * Container
 * 1. Listen-Stil entfernen
 * 2. Whitespace zwischen inline-block Elementen entfernen
 */
.uk-subnav {
    padding: 0;
    list-style: none;
    font-size: 0.001px;
    margin-bottom: 20px;
}

/* Items */
.uk-subnav > li {
    position: relative;
    font-size: 1rem;
    vertical-align: top;
}

.uk-subnav > li,
.uk-subnav > li > a,
.uk-subnav > li > span {
    display: inline-block;
}

.uk-subnav > li:nth-child(n+2) {
    margin-left: 8px;
}

/* Standard Link-Farbe */
.uk-subnav > li > a {
    color: #da203d !important;
    text-decoration: none !important;
}

.uk-subnav > li > a:hover {
    color: #da203d !important;
    text-decoration: none !important;
}

/* Disabled */
.uk-subnav > li > span {
    color: #bbbbbb;
}

/* Modifier: subnav-line (vertikaler Trennstrich zwischen Items) */
.uk-subnav-line > li:nth-child(n+2)::before {
    content: "";
    display: inline-block;
    height: 10px;
    margin-right: 15px;
    border-left: 1px solid #dddddd;
}

/* Modifier: subnav-pill (Tab-Buttons mit Rahmen) */
.uk-subnav-pill > li > a,
.uk-subnav-pill > li > span {
    padding: 4px 12px !important;
    text-decoration: none !important;
    text-align: center !important;
    border-radius: 3px !important;
    border: 1px solid #da203d !important;
    color: #da203d !important;
    background: #ffffff !important;
    font-size: 16px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    font-weight: 400 !important;
    transition: all 0.2s ease-in-out !important;
    display: inline-block !important;
}

/* Hover / Focus */
.uk-subnav-pill > li > a:hover,
.uk-subnav-pill > li > a:focus {
    background: #f5f5f5 !important;
    color: #da203d !important;
    border-color: #da203d !important;
    text-decoration: none !important;
    outline: none !important;
}

/* Aktiver Tab - Profi Partner Rot gefüllt, weiße Schrift */
.uk-subnav-pill > li.uk-active > a {
    background: #da203d !important;
    color: #ffffff !important;
    border-color: #da203d !important;
    font-weight: 400 !important;
}

/* Ausnahme: aktiver Tab auch innerhalb .catalog-default weiß */
html body .catalog-default .item .uk-subnav-pill > li.uk-active > a,
html body .catalog-default .item .uk-subnav-pill > li.uk-active > a:hover {
    color: #ffffff !important;
    background: #da203d !important;
    text-decoration: none !important;
}

/* Inaktive Tabs in catalog-default: kein Unterstrich, kein Icon */
html body .catalog-default .item .uk-subnav-pill > li > a,
html body .catalog-default .item .uk-subnav-pill > li > a:hover {
    text-decoration: none !important;
}

html body .catalog-default .item .uk-subnav-pill > li > a::before {
    content: none !important;
    display: none !important;
}

/* ul.uk-subnav: browser-default padding-left (40px) entfernen */
html body .catalog-default .item ul.uk-subnav {
    padding-left: 0 !important;
    margin-left: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

/* Tab-Inhalt: ul#tabs ebenfalls kein padding-left */
html body .catalog-default .item ul.uk-switcher {
    padding-left: 0 !important;
    margin-left: 0 !important;
    list-style: none !important;
}

/* Tab-Buttons: Text zentriert via line-height + kein Rest-Padding */
html body .catalog-default .item .uk-subnav-pill > li {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

html body .catalog-default .item .uk-subnav-pill > li > a {
    text-align: center !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
}

/* Switcher Inhalt - verbundene Tab-Panels */
.uk-switcher {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Alle Panels versteckt außer dem aktiven */
.uk-switcher > li:not(.uk-active) {
    display: none !important;
}

.uk-switcher > li.uk-active {
    display: block !important;
}

/* Inhalts-Bereich unter den Tabs */
.uk-switcher.uk-margin > li {
    padding-top: 15px;
    font-size: 16px;
    line-height: 1.65;
    color: #646464;
}

/* ========================================
   ENDE UK SUBNAV / SWITCHER TABS
   ======================================== */

/* ========================================
   VERTRIEBSPARTNER ZUGANG - Seite
   Basierend auf echtem HTML-Quellcode
   
   Content-Struktur:
   #yoo-zoo.catalog-default-vertriebspartner-zugang
     .item > .floatbox
       h1.pos-title > a
       .pos-summary > .element-textarea.first
         p (Fliesstext)
         p > a.uk-button.uk-button-primary (Button)
       .element-media.last ("No video selected.")
   
   Login-Struktur:
   .astroid-module-position.sidebar-a
     .sidebar-a-position.moduletable
       h3.module-title
       form.mod-login.cbLoginForm
         .mod-login__username/.mod-login__password > .input-group
         .mod-login__remember > .form-check
         .mod-login__submit > button.plg_system_webauthn_login_button (Passkey)
         .mod-login__submit > button.btn.btn-primary (Einloggen)
       ul.mod-login__options > li.form-login-options-forgot > a

   Version: 22.0.1 - Datum: 09. März 2026
   ======================================== */

/* ----------------------------------------
   CONTENT: "No video selected." AUSBLENDEN
   ---------------------------------------- */
.catalog-default-vertriebspartner-zugang .element-media {
    display: none !important;
}

/* ----------------------------------------
   CONTENT: BUTTON "Anmeldung als Vertriebspartner"
   a.uk-button.uk-button-primary → ROT
   ---------------------------------------- */
.catalog-default-vertriebspartner-zugang a.uk-button.uk-button-primary,
.catalog-default-vertriebspartner-zugang a.uk-button-primary {
    background: #DA203D !important;
    background-color: #DA203D !important;
    border-color: #DA203D !important;
    color: #ffffff !important;
    padding: 2px 20px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    text-decoration: none !important;
    border-radius: 3px !important;
    display: inline-block !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: background 0.2s ease !important;
    line-height: 1.5 !important;
}

.catalog-default-vertriebspartner-zugang a.uk-button.uk-button-primary:hover,
.catalog-default-vertriebspartner-zugang a.uk-button-primary:hover {
    background: #ae1a31 !important;
    background-color: #ae1a31 !important;
    border-color: #ae1a31 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* ----------------------------------------
   LOGIN-BOX: RAHMEN & HINTERGRUND
   ---------------------------------------- */
html body .astroid-module-position .sidebar-a-position.moduletable,
html body .sidebar-a-position.moduletable {
    background: #f7f7f7 !important;
    background-color: #f7f7f7 !important;
    border: 1px solid #dddddd !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07) !important;
    padding: 25px !important;
    box-sizing: border-box !important;
}

/* ----------------------------------------
   LOGIN-BOX: TITEL h3.module-title
   ---------------------------------------- */
.sidebar-a-position.moduletable h3.module-title {
    color: #2c2c2c !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 18px 0 !important;
    text-align: center !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    line-height: 1.4 !important;
}

/* ----------------------------------------
   LOGIN-BOX: INPUT-FELDER
   ---------------------------------------- */
.mod-login.cbLoginForm .mod-login__username,
.mod-login.cbLoginForm .mod-login__password {
    margin-bottom: 10px !important;
}

.mod-login.cbLoginForm .input-group {
    position: relative !important;
    flex-wrap: nowrap !important;
}

/* Icon-Span links */
.mod-login.cbLoginForm .input-group .input-group-text {
    order: -1 !important;
    border-right: none !important;
    border-radius: 3px 0 0 3px !important;
    background: #f9f9f9 !important;
    border-color: #dddddd !important;
    color: #aaaaaa !important;
}

/* Input-Feld */
.mod-login.cbLoginForm .input-group input[type="text"],
.mod-login.cbLoginForm .input-group input[type="email"],
.mod-login.cbLoginForm .input-group input[type="password"] {
    border-left: none !important;
    border-radius: 0 3px 3px 0 !important;
    border-color: #dddddd !important;
    background: #f9f9f9 !important;
    color: #454545 !important;
    font-size: 14px !important;
    height: 42px !important;
}

.mod-login.cbLoginForm .input-group input:focus {
    border-color: #DA203D !important;
    background: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Passwort-Auge-Button rechts */
.mod-login.cbLoginForm .input-group button:not([type="submit"]) {
    background: #f9f9f9 !important;
    border-color: #dddddd !important;
    border-left: none !important;
    color: #cccccc !important;
    border-radius: 0 3px 3px 0 !important;
}

/* ----------------------------------------
   LOGIN-BOX: CHECKBOX "Automatisch einloggen"
   ---------------------------------------- */
.mod-login__remember .form-check {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 12px 0 8px 0 !important;
    font-size: 13px !important;
    color: #555555 !important;
}

.mod-login__remember input[type="checkbox"] {
    accent-color: #DA203D !important;
    cursor: pointer !important;
}

/* ----------------------------------------
   PASSKEY-BUTTON AUSBLENDEN
   ---------------------------------------- */
.mod-login__submit:has(.plg_system_webauthn_login_button) {
    display: none !important;
}

button.plg_system_webauthn_login_button,
.btn-secondary.plg_system_webauthn_login_button {
    display: none !important;
}

/* ----------------------------------------
   EINLOGGEN-BUTTON: TÜRKIS → ROT
   ---------------------------------------- */
.mod-login__submit button.btn-primary,
form.cbLoginForm button[type="submit"].btn-primary {
    width: 100% !important;
    background: #DA203D !important;
    background-color: #DA203D !important;
    border-color: #DA203D !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    box-shadow: none !important;
    display: block !important;
    text-align: center !important;
    margin-top: 5px !important;
}

.mod-login__submit button.btn-primary:hover,
form.cbLoginForm button[type="submit"].btn-primary:hover {
    background: #ae1a31 !important;
    background-color: #ae1a31 !important;
    border-color: #ae1a31 !important;
    color: #ffffff !important;
}

/* ----------------------------------------
   "Zugangsdaten vergessen?" LINK
   CB liefert Lock-Icon bereits → kein ::before
   ---------------------------------------- */
.mod-login__options {
    list-style: none !important;
    padding: 0 !important;
    margin: 8px 0 0 0 !important;
}

.form-login-options-forgot a {
    color: #DA203D !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

.form-login-options-forgot a::before {
    content: none !important;
    display: none !important;
}

.form-login-options-forgot a:hover {
    color: #ae1a31 !important;
    text-decoration: underline !important;
}

/* ========================================
   ENDE: VERTRIEBSPARTNER ZUGANG
   ======================================== */

/* ========================================
   VERTRIEBSPARTNER - Fix Passwort-Feld Border
   Passwort-Input hat Icon RECHTS (Auge) →
   braucht border-left, nicht entfernen
   Version: 22.0.2 - Datum: 09. März 2026
   ======================================== */

/* Passwort-Feld: volle Border wiederherstellen */
.mod-login.cbLoginForm .mod-login__password .input-group input[type="password"] {
    border-left: 1px solid #dddddd !important;
    border-radius: 3px !important;
}

/* Passwort-Feld fokussiert */
.mod-login.cbLoginForm .mod-login__password .input-group input[type="password"]:focus {
    border-color: #DA203D !important;
    border-left: 1px solid #DA203D !important;
}

/* Auge-Button: rechte Border korrekt */
.mod-login.cbLoginForm .mod-login__password .input-group button {
    border-left: none !important;
    border-radius: 0 3px 3px 0 !important;
    border-color: #dddddd !important;
}

/* Passwort-Input wenn Auge-Button daneben: rechte Radius weg */
.mod-login.cbLoginForm .mod-login__password .input-group input[type="password"]:not(:last-child) {
    border-right: none !important;
    border-radius: 3px 0 0 3px !important;
}

/* ========================================
   ENDE: FIX PASSWORT-FELD BORDER
   ======================================== */

/* ========================================
   KUNDEN-LOGIN - Fixes
   Version: 22.1.0 - Datum: 09. März 2026
   ======================================== */

/* Button: TÜRKIS → ROT */
.catalog-default-kunden-login a.uk-button.uk-button-primary,
.catalog-default-kunden-login a.uk-button-primary {
    background: #DA203D !important;
    background-color: #DA203D !important;
    border-color: #DA203D !important;
    color: #ffffff !important;
}

.catalog-default-kunden-login a.uk-button.uk-button-primary:hover,
.catalog-default-kunden-login a.uk-button-primary:hover {
    background: #ae1a31 !important;
    background-color: #ae1a31 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* "No video selected." AUSBLENDEN */
.catalog-default-kunden-login .element-media {
    display: none !important;
}

/* ========================================
   ENDE: KUNDEN-LOGIN FIXES
   ======================================== */



/* ========================================
   HEADER SEARCH ICON + SUCHOVERLAY
   Version: 21.19.0
   ======================================== */

li.menu-search-icon > a.nav-link {
    cursor: pointer !important;
}

li.menu-search-icon > a .nav-title i.fas.fa-magnifying-glass,
li.menu-search-icon > a .nav-title i {
    color: #ffffff !important;
    font-size: 18px !important;
    display: inline-block !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

li.menu-search-icon > a:hover .nav-title i,
li.menu-search-icon:hover > a .nav-title i {
    color: #DA203D !important;
}

body.tm-search-open li.menu-search-icon > a .nav-title i {
    color: #DA203D !important;
}

.astroid-header.stuck li.menu-search-icon > a .nav-title i,
.astroid-header.astroid-header-sticky li.menu-search-icon > a .nav-title i {
    color: #ffffff !important;
    font-size: 16px !important;
}

.astroid-header.stuck li.menu-search-icon > a:hover .nav-title i,
.astroid-header.astroid-header-sticky li.menu-search-icon > a:hover .nav-title i {
    color: #DA203D !important;
}

li.menu-search-icon > a::before {
    content: none !important;
    display: none !important;
}

/* --- Suchoverlay --- */

#tm-search-overlay {
    display: none;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.4) !important;
    z-index: 9999 !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding-top: 120px !important;
    box-sizing: border-box !important;
}

#tm-search-overlay.tm-search-visible {
    display: flex !important;
}

#tm-search-overlay .tm-search-inner {
    width: 100% !important;
    max-width: 700px !important;
    padding: 0 20px !important;
    position: relative !important;
}

#tm-search-overlay .tm-search-form {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    border-bottom: 3px solid #DA203D !important;
}

#tm-search-overlay input[type="text"],
#tm-search-overlay input[type="search"] {
    flex: 1 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    color: #ffffff !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    font-size: 28px !important;
    font-weight: 300 !important;
    padding: 10px 15px 10px 0 !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
}

#tm-search-overlay input[type="text"]::placeholder,
#tm-search-overlay input[type="search"]::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

#tm-search-overlay button[type="submit"] {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    color: #ffffff !important;
    font-size: 22px !important;
    cursor: pointer !important;
    padding: 10px 5px 10px 15px !important;
    transition: color 0.2s ease !important;
    font-family: 'Font Awesome 6 Free', 'FontAwesome' !important;
    font-weight: 900 !important;
}

#tm-search-overlay button[type="submit"]:hover {
    color: #DA203D !important;
}

#tm-search-overlay .tm-search-close {
    position: absolute !important;
    top: -55px !important;
    right: 20px !important;
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 32px !important;
    cursor: pointer !important;
    line-height: 1 !important;
    padding: 5px !important;
    transition: color 0.2s ease !important;
}

#tm-search-overlay .tm-search-close:hover {
    color: #DA203D !important;
}

#tm-search-overlay .tm-search-hint {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 13px !important;
    margin-top: 12px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
}

/* Vorschlagsliste */
#tm-search-suggestions {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: none;
}

#tm-search-suggestions.tm-has-results {
    display: block !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    margin-top: 12px !important;
    padding: 4px 0 8px 0 !important;
    background: rgba(0, 0, 0, 0.75) !important;
    border-radius: 3px !important;
}

#tm-search-suggestions li a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #ffffff !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    font-size: 15px !important;
    padding: 9px 12px !important;
    text-decoration: none !important;
    border-left: 3px solid transparent !important;
    transition: border-color 0.15s ease, background 0.15s ease !important;
    line-height: 1.3 !important;
}

#tm-search-suggestions li a:hover,
#tm-search-suggestions li.tm-active a {
    border-left-color: #DA203D !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

#tm-search-suggestions li a em {
    color: #DA203D !important;
    font-style: normal !important;
    font-weight: 700 !important;
}

#tm-search-suggestions li a::before {
    content: "\f002" !important;
    font-family: 'FontAwesome', 'Font Awesome 6 Free' !important;
    font-weight: 900 !important;
    font-size: 12px !important;
    color: rgba(255,255,255,0.35) !important;
    flex-shrink: 0 !important;
}

#tm-search-suggestions li.tm-loading a,
#tm-search-suggestions li.tm-no-results a {
    color: rgba(255,255,255,0.4) !important;
    font-style: italic !important;
    cursor: default !important;
    border-left-color: transparent !important;
    background: transparent !important;
}

#tm-search-suggestions li.tm-loading a::before,
#tm-search-suggestions li.tm-no-results a::before,
#tm-search-suggestions li.tm-all-results a::before {
    content: "" !important;
}

#tm-search-suggestions li.tm-all-results {
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    margin-top: 4px !important;
}

#tm-search-suggestions li.tm-all-results a {
    color: rgba(255,255,255,0.5) !important;
    font-size: 13px !important;
}

#tm-search-suggestions li.tm-all-results a:hover {
    color: #DA203D !important;
    background: transparent !important;
    border-left-color: transparent !important;
}

@media (max-width: 767px) {
    #tm-search-overlay { padding-top: 80px !important; }
    #tm-search-overlay input[type="text"],
    #tm-search-overlay input[type="search"] { font-size: 20px !important; }
}

/* ========================================
   COM_FINDER - SUCHERGEBNISSEITE
   Version: 21.19.0
   ======================================== */

/* Label */
.com-finder .finder-search label,
.com-finder label[for="finder-search-query-field"] {
    color: #646464 !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: normal !important;
    display: block !important;
    margin-bottom: 8px !important;
}

/* Suchfeld */
.com-finder #finder-search-query-field,
.com-finder input[name="q"] {
    border: 2px solid #dddddd !important;
    border-radius: 3px 0 0 3px !important;
    padding: 8px 14px !important;
    font-size: 15px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    color: #454545 !important;
    background: #ffffff !important;
    height: 40px !important;
    outline: none !important;
    box-shadow: none !important;
}

.com-finder #finder-search-query-field:focus,
.com-finder input[name="q"]:focus {
    border-color: #DA203D !important;
}

/* Suchen-Button ROT */
.com-finder .btn-primary,
.com-finder button[type="submit"] {
    background: #DA203D !important;
    background-color: #DA203D !important;
    border: none !important;
    border-radius: 0 3px 3px 0 !important;
    color: #ffffff !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: normal !important;
    height: 40px !important;
    padding: 0 20px !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}

.com-finder .btn-primary:hover,
.com-finder button[type="submit"]:hover {
    background: #b31831 !important;
    background-color: #b31831 !important;
    color: #ffffff !important;
}

/* Erweiterte Suche Button - Dunkelgrau */
.com-finder .btn-secondary,
.com-finder .btn-outline-secondary,
.com-finder a.btn {
    background: #3c3c3c !important;
    background-color: #3c3c3c !important;
    border: none !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: normal !important;
    height: 40px !important;
    padding: 0 20px !important;
    line-height: 40px !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.com-finder .btn-secondary:hover,
.com-finder .btn-outline-secondary:hover,
.com-finder a.btn:hover {
    background: #DA203D !important;
    background-color: #DA203D !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Ergebnisanzahl */
.com-finder .com-finder-explained,
.com-finder #search-query-explained,
.com-finder .alert {
    background: transparent !important;
    border: none !important;
    padding: 10px 0 !important;
    color: #646464 !important;
    font-size: 14px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
}

.com-finder .alert .term,
.com-finder span.term {
    color: #DA203D !important;
    font-weight: 700 !important;
}

.com-finder .com-finder-explained a,
.com-finder .alert a {
    color: #DA203D !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

/* Ergebnisliste */
.com-finder #search-result-list,
.com-finder .com-finder-results {
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 0 0 !important;
}

.com-finder .result__item,
.com-finder li.result__item {
    padding: 20px 0 !important;
    border-bottom: 1px solid #e8e8e8 !important;
    list-style: none !important;
}

.com-finder .result__item:first-child {
    border-top: 1px solid #e8e8e8 !important;
}

/* URL-Zeile */
.com-finder cite,
.com-finder .result__title-url,
.com-finder .result__url {
    display: block !important;
    color: #898989 !important;
    font-size: 12px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    margin-bottom: 4px !important;
    word-break: break-all !important;
    font-style: normal !important;
}

/* Ergebnistitel */
.com-finder p.result__title,
.com-finder .result__title {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.com-finder p.result__title a,
.com-finder .result__title a {
    color: #DA203D !important;
    text-decoration: none !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 18px !important;
    background: transparent !important;
    transition: color 0.2s ease !important;
}

.com-finder p.result__title a:hover,
.com-finder .result__title a:hover {
    color: #b31831 !important;
    text-decoration: underline !important;
}

/* Beschreibung */
.com-finder p.result__description,
.com-finder .result__description {
    color: #646464 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 0 10px 0 !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    background: transparent !important;
}

/* Taxonomie */
.com-finder ul.result__taxonomy {
    list-style: none !important;
    padding: 0 !important;
    margin: 6px 0 0 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.com-finder .result__taxonomy-item {
    color: #898989 !important;
    font-size: 12px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    display: inline-flex !important;
    align-items: center !important;
}

.com-finder .result__taxonomy-item + .result__taxonomy-item::before {
    content: "|" !important;
    margin: 0 8px !important;
    color: #cccccc !important;
}

.com-finder .result__taxonomy-item span {
    color: #898989 !important;
}

/* !! HIGHLIGHT - NUR fett+rot, KEIN roter Hintergrund !! */
.com-finder mark,
mark,
.com-finder .search-highlight,
.com-finder span[class*="highlight"],
.js-highlight {
    background: transparent !important;
    background-color: transparent !important;
    color: #DA203D !important;
    font-weight: 700 !important;
    font-style: normal !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* Pagination */
.com-finder .pagination {
    margin-top: 30px !important;
    display: flex !important;
    justify-content: center !important;
}

.com-finder .pagination .page-item .page-link {
    color: #DA203D !important;
    border: 1px solid #dddddd !important;
    background: #ffffff !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    font-size: 14px !important;
    padding: 6px 12px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.com-finder .pagination .page-item .page-link:hover {
    background: #DA203D !important;
    border-color: #DA203D !important;
    color: #ffffff !important;
}

.com-finder .pagination .page-item.active .page-link {
    background: #DA203D !important;
    border-color: #DA203D !important;
    color: #ffffff !important;
}

.com-finder .pagination .page-item.disabled .page-link {
    color: #cccccc !important;
    background: #f5f5f5 !important;
    border-color: #dddddd !important;
}

/* Keine Ergebnisse */
.com-finder .alert-warning {
    background: #f5f5f5 !important;
    border-left: 4px solid #DA203D !important;
    border-radius: 0 3px 3px 0 !important;
    color: #646464 !important;
    padding: 15px 20px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    font-size: 15px !important;
}

/* ========================================
   ENDE SUCH-ICON + OVERLAY + ERGEBNISSEITE
   ======================================== */

/* ========================================
   MENÜ-SWITCH - Vertriebspartner v21.20.2
   
   Visuell identisch mit Gäste-Nav.
   mod_menu Klassen → gleiche Werte wie
   .nav-submenu / .nav-item-level-2 etc.
   ======================================== */

/* Nav im Gäste-Header ausblenden — NUR wenn VP-Menü auf dieser Seite existiert */
body.user-vertriebspartner:has(#menu-vertriebspartner) .menu-gaeste nav {
    display: none !important;
}

/* VP-Menü für Gäste/Kunden ausblenden */
body:not(.user-vertriebspartner) #menu-vertriebspartner {
    display: none !important;
}

/* Row kollabieren */
body.user-vertriebspartner .astroid-element.row:has(.menu-vertriebspartner) {
    height: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}
body.user-vertriebspartner .astroid-element.row:has(.menu-vertriebspartner) > .astroid-element {
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
}

/* VP-Menü Container: absolut rechts im Header */
#menu-vertriebspartner {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 15px !important;
    height: 100px !important;
    z-index: 1001 !important;
}

/* ── LEVEL 1: horizontal wie .uk-navbar-nav ── */
#menu-vertriebspartner ul.mod-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    height: 100px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 0 5px 0 !important;
    gap: 0 !important;
}
#menu-vertriebspartner ul.mod-menu.flex-column {
    flex-direction: row !important;
}
#menu-vertriebspartner ul.mod-menu > li {
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    display: block !important;
}
/* Level 1 Links */
#menu-vertriebspartner ul.mod-menu > li > a {
    color: #ffffff !important;
    padding: 12px 10px !important;
    font-size: 18px !important;
    font-family: 'PT Sans' !important;
    font-weight: normal !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    display: block !important;
    white-space: nowrap !important;
    transition: color 0.2s ease-in-out !important;
}
#menu-vertriebspartner ul.mod-menu > li > a:hover,
#menu-vertriebspartner ul.mod-menu > li.current > a,
#menu-vertriebspartner ul.mod-menu > li.active > a {
    color: #DA203D !important;
    text-decoration: none !important;
    background: transparent !important;
}

/* ── DROPDOWN CONTAINER - wie .nav-submenu ── */
#menu-vertriebspartner ul.mod-menu > li > ul.mod-menu__sub {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 10px !important;
    margin-top: 0 !important;
    padding-top: 15px !important;
    background: #3c3c3c !important;
    background-color: #3c3c3c !important;
    min-width: 250px !important;
    max-width: 400px !important;
    width: auto !important;
    padding: 15px !important;
    list-style: none !important;
    z-index: 1050 !important;
    border: none !important;
    border-left: none !important;
}
/* Transparente Brücke - überbrückt den Gap damit Hover nicht abbricht */
#menu-vertriebspartner ul.mod-menu > li > ul.mod-menu__sub::after {
    content: '' !important;
    position: absolute !important;
    top: -10px !important;
    left: 0 !important;
    right: 0 !important;
    height: 10px !important;
    background: transparent !important;
    display: block !important;
}

/* Dropdown Pfeil */
#menu-vertriebspartner ul.mod-menu > li > ul.mod-menu__sub::before {
    content: '' !important;
    position: absolute !important;
    top: -10px !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 0 10px 10px 0 !important;
    border-color: transparent transparent #3c3c3c transparent !important;
}
/* Hover öffnen */
#menu-vertriebspartner ul.mod-menu > li:hover > ul.mod-menu__sub {
    display: block !important;
}

/* Alle li im Dropdown - keine Bullets */
#menu-vertriebspartner ul.mod-menu__sub li {
    list-style: none !important;
    list-style-type: none !important;
}

#menu-vertriebspartner ul.mod-menu__sub {
    list-style: none !important;
    list-style-type: none !important;
    padding-left: 0 !important;
}

/* ── LEVEL 2 ITEMS ── */
#menu-vertriebspartner ul.mod-menu > li > ul.mod-menu__sub > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}
/* Level 2 Links - wie .nav-submenu .nav-item-level-2 a */
#menu-vertriebspartner ul.mod-menu > li > ul.mod-menu__sub > li > a {
    color: #ffffff !important;
    background: transparent !important;
    padding: 5px 20px !important;
    font-size: 16px !important;
    font-family: 'PT Sans' !important;
    font-weight: 400 !important;
    display: block !important;
    text-align: left !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    transition: all 0.2s ease !important;
    -webkit-font-smoothing: antialiased !important;
}
#menu-vertriebspartner ul.mod-menu > li > ul.mod-menu__sub > li > a:hover {
    color: #ED1C24 !important;
    background: transparent !important;
}

/* Trennlinie zwischen Separator-Gruppen */
#menu-vertriebspartner ul.mod-menu__sub > li.divider + li.divider {
    border-top: 1px dotted rgba(255, 255, 255, 0.2) !important;
    margin-top: 5px !important;
    padding-top: 5px !important;
}

/* Separatoren - wie .uk-nav-header */
#menu-vertriebspartner ul.mod-menu > li > ul.mod-menu__sub > li > span.mod-menu__separator {
    color: #DA203D !important;
    font-size: 14px !important;
    font-family: 'PT Sans' !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    padding: 10px 20px 5px 20px !important;
    display: block !important;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.2) !important;
    margin: 0 !important;
}

/* ── LEVEL 3 CONTAINER - wie nav-item-level-2 > ul ── */
#menu-vertriebspartner ul.mod-menu > li > ul.mod-menu__sub > li > ul.mod-menu__sub {
    display: block !important;
    position: static !important;
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    border: none !important;
    border-left: none !important;
    box-shadow: none !important;
}
#menu-vertriebspartner ul.mod-menu > li > ul.mod-menu__sub > li > ul.mod-menu__sub::before {
    display: none !important;
}
/* Level 3 Links - wie .nav-item-level-3 a */
#menu-vertriebspartner ul.mod-menu > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li > a {
    color: #ffffff !important;
    font-size: 16px !important;
    font-family: 'PT Sans' !important;
    font-weight: 300 !important;
    padding: 5px 20px !important;
    display: block !important;
    text-align: left !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    background: transparent !important;
    white-space: normal !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}
#menu-vertriebspartner ul.mod-menu > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li > a:hover {
    color: #ED1C24 !important;
    background: transparent !important;
}

/* Alle ::before/::after im Dropdown unterdrücken */
#menu-vertriebspartner ul.mod-menu__sub li::before,
#menu-vertriebspartner ul.mod-menu__sub li::after {
    content: none !important;
    display: none !important;
}
#menu-vertriebspartner ul.mod-menu__sub a::before,
#menu-vertriebspartner ul.mod-menu__sub a::after {
    content: none !important;
    display: none !important;
}

/* text-transform none erzwingen auf allen Links */
#menu-vertriebspartner ul.mod-menu__sub a {
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* ── SUCHE-ICON (item-762) ── */
#menu-vertriebspartner li.item-762 span.mod-menu__heading,
#menu-vertriebspartner li.item-762 span.nav-header {
    font-size: 0 !important;
    color: transparent !important;
    display: block !important;
    padding: 15px 10px !important;
    cursor: pointer !important;
}
#menu-vertriebspartner li.item-762 span.mod-menu__heading::before,
#menu-vertriebspartner li.item-762 span.nav-header::before {
    content: "\f002" !important;
    font-family: 'FontAwesome' !important;
    font-size: 18px !important;
    color: #ffffff !important;
    display: block !important;
    text-align: center !important;
}
#menu-vertriebspartner li.item-762 span.mod-menu__heading:hover::before,
#menu-vertriebspartner li.item-762 span.nav-header:hover::before {
    color: #DA203D !important;
}

/* ========================================
   ENDE MENÜ-SWITCH
   ======================================== */


/* ========================================
   KATALOG DETAIL SEITE - Objekt-Seite
   Klassen: .catalog-default .item
   Gilt für ALLE ZOO-Objekt-Detailseiten
   (MalzQuartier, BuckauQuartier, etc.)
   
   Struktur:
   .floatbox
     .pos-sidebar.sidebar-right  (float right)
     h1.pos-title
     .pos-description
     ul.pos-specification (×4: Video, Lage, Ansichten, Grundrisse)
   
   Version: 21.21.0 - Datum: 31. März 2026
   ======================================== */

/* ----------------------------------------
   FLOATBOX - Haupt-Layout-Container
   Clearfix für die rechte Sidebar
   ---------------------------------------- */
.catalog-default .item {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.catalog-default .item .floatbox {
    display: flow-root !important;
    position: relative !important;
    /* padding: 25px 0 30px 0 !important; */
}

/* ----------------------------------------
   SIDEBAR RECHTS - float right
   ---------------------------------------- */
.catalog-default .item .pos-sidebar.sidebar-right {
    float: right !important;
    width: 280px !important;
    margin-left: 30px !important;
    margin-bottom: 20px !important;
}

/* Sidebar Box - jedes .element */
.catalog-default .item .pos-sidebar .element {
    background: #f7f7f7 !important;
    border: 1px solid #dddddd !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding: 0 !important;
}

/* H3 Box-Überschrift
   Überschreibt: #yoo-zoo .item h3 { font-size: 21px; font-weight: normal } */
html body #yoo-zoo .catalog-default .item .pos-sidebar h3,
html body .yoo-zoo.catalog-default .item .pos-sidebar h3,
html body .catalog-default .item .pos-sidebar h3 {
    font-size: 21px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: #333333 !important;
    padding: 12px 15px !important;
    margin: 0 !important;
    border-bottom: 1px solid #eeeeee !important;
    border-top: none !important;
    background: transparent !important;
    line-height: 1.4 !important;
}

/* ---- Ansprechpartner: Bild ---- */
.catalog-default .item .pos-sidebar .sub-pos-media {
    margin: 0 !important;
    display: block !important;
    line-height: 0 !important;
}

.catalog-default .item .pos-sidebar .sub-pos-media a {
    display: block !important;
    color: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
}

.catalog-default .item .pos-sidebar .sub-pos-media a::before {
    content: none !important;
    display: none !important;
}

.catalog-default .item .pos-sidebar .sub-pos-media img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
}

/* ---- Ansprechpartner: H4 Name + Kontakt ---- */
html body .catalog-default .item .pos-sidebar h4.sub-pos-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #DA203D !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    border: none !important;
}

html body .catalog-default .item .pos-sidebar h4.sub-pos-title > a:hover {
    color: #b31831 !important;
    text-decoration: underline !important;
}

html body .catalog-default .item .pos-sidebar h4.sub-pos-title p a:hover {
    color: #b31831 !important;
    text-decoration: underline !important;
}

html body .catalog-default .item .pos-sidebar h4.sub-pos-title > a {
    color: #DA203D !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    display: block !important;
    padding: 0 !important;
    margin-bottom: 6px !important;
}

html body .catalog-default .item .pos-sidebar h4.sub-pos-title > a::before {
    content: none !important;
    display: none !important;
}

html body .catalog-default .item .pos-sidebar h4.sub-pos-title p {
    font-size: 16px !important;
    color: #646464 !important;
    margin: 0 !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

html body .catalog-default .item .pos-sidebar h4.sub-pos-title p a {
    color: #DA203D !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}

html body .catalog-default .item .pos-sidebar h4.sub-pos-title p a::before {
    content: none !important;
    display: none !important;
}

/* ---- Blognews: Links ---- */
.catalog-default .item .pos-sidebar .element-relateditems > div > a {
    display: block !important;
    padding: 10px 15px !important;
    color: #DA203D !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    text-align: left !important;
    transition: color 0.2s !important;
    font-weight: 400 !important;
}

.catalog-default .item .pos-sidebar .element-relateditems > div > a::before {
    content: none !important;
    display: none !important;
}

.catalog-default .item .pos-sidebar .element-relateditems > div > a:hover {
    color: #b31831 !important;
    text-decoration: underline !important;
}

/* ---- Alle Objekte: Liste ---- */
html body .catalog-default .item .pos-sidebar .zoo-item-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

html body .catalog-default .item .pos-sidebar .zoo-item-list li {
    border-bottom: 1px solid #f0f0f0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

html body .catalog-default .item .pos-sidebar .zoo-item-list li::after {
    content: none !important;
    display: none !important;
}

html body .catalog-default .item .pos-sidebar .zoo-item-list li:last-child {
    border-bottom: none !important;
}

html body .catalog-default .item .pos-sidebar .zoo-item-list .layout-default {
    padding: 0 !important;
}

html body .catalog-default .item .pos-sidebar .zoo-item-list p.title {
    margin: 0 !important;
    padding: 0 !important;
}

html body .catalog-default .item .pos-sidebar .zoo-item-list p.title a {
    display: block !important;
    padding: 8px 15px !important;
    font-size: 16px !important;
    color: #DA203D !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    text-align: left !important;
    font-weight: 400 !important;
    transition: color 0.2s !important;
    margin: 0 !important;
}

html body .catalog-default .item .pos-sidebar .zoo-item-list p.title a::before {
    content: none !important;
    display: none !important;
}

html body .catalog-default .item .pos-sidebar .zoo-item-list p.title a:hover {
    color: #b31831 !important;
    text-decoration: underline !important;
}

/* ----------------------------------------
   H1 SEITENTITEL
   ID #yoo-zoo hat höhere Spezifität → html body + ID nötig
   ---------------------------------------- */
html body #yoo-zoo.catalog-default .item h1.pos-title,
html body #yoo-zoo .catalog-default .item h1.pos-title,
html body .yoo-zoo.catalog-default .item h1.pos-title,
html body .catalog-default .item h1.pos-title {
    color: #323232 !important;
    font-size: 30px !important;
    line-height: 30px !important;
    font-weight: normal !important;
    border-bottom: none !important;
    padding: 0 0 15px 0 !important;
    margin: 0 0 25px 0 !important;
    overflow: visible !important;
}

/* ----------------------------------------
   POS-DESCRIPTION - Fließtext-Bereich
   ---------------------------------------- */
.catalog-default .item .pos-description {
    margin-bottom: 10px !important;
    overflow: hidden !important;
}

/* Logo-Bild (float:left im inline-style) nicht überschreiben */
.catalog-default .item .pos-description img {
    max-width: 100% !important;
    /* height: auto wird NICHT mit !important erzwungen
       damit der inline-style float funktioniert */
}

.catalog-default .item .pos-description p {
    color: #646464 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin-bottom: 12px !important;
    text-align: left !important;
}

.catalog-default .item .pos-description p strong,
.catalog-default .item .pos-description b {
    color: #646464 !important;
    font-weight: 700 !important;
}

/* Links in pos-description - KEIN ::before Icon */
.catalog-default .item .pos-description a {
    color: #DA203D !important;
    text-decoration: none !important;
    font-weight: normal !important;
    display: inline !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    position: static !important;
}

.catalog-default .item .pos-description a::before {
    content: none !important;
    display: none !important;
}

.catalog-default .item .pos-description a:hover {
    text-decoration: underline !important;
    color: #b31831 !important;
}

/* ----------------------------------------
   POS-SPECIFICATION - Abschnitts-Sections
   Jede Section = zwei li-Spalten nebeneinander
   (Video | Lage | Ansichten | Grundrisse)
   ---------------------------------------- */

/* Container: Flexbox, volle Breite, unterhalb Sidebar */
.catalog-default .item ul.pos-specification {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    list-style: none !important;
    margin: 0 0 0 0 !important;
    padding: 20px 0 20px 0 !important;
    gap: 30px !important;
    align-items: flex-start !important;
    border-top: none !important;
    border-bottom: 1px solid #c8c8c8 !important;
    clear: both !important;
}

/* li: 50/50 */
.catalog-default .item ul.pos-specification > li {
    flex: 1 1 50% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.catalog-default .item ul.pos-specification > li::before,
.catalog-default .item ul.pos-specification > li::after {
    content: none !important;
    display: none !important;
}

/* Letzter Abschnitt: kein border-bottom */
.catalog-default .item ul.pos-specification:last-of-type {
    border-bottom: none !important;
}
.catalog-default .item ul.pos-specification > li.element-media {
    display: none !important;
    flex: 0 0 0 !important;
}

/* H2 Section-Überschrift */
html body .catalog-default .item ul.pos-specification h2 {
    font-size: 27px !important;
    line-height: 34px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    margin: 0 0 15px 0 !important;
    border-bottom: none !important;
}

/* SPAN im H2 = kleine graue Sektion-Bezeichnung */
html body .catalog-default .item ul.pos-specification h2 > span {
    display: block !important;
    font-size: 27px !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #888888 !important;
    margin-bottom: 6px !important;
}

/* BR nach dem Span ausblenden - span ist bereits display:block,
   das <br> erzeugt sonst eine zusätzliche Leerzeile (34px gap) */
html body .catalog-default .item ul.pos-specification h2 > span + br {
    display: none !important;
}

/* Fließtext in pos-specification */
.catalog-default .item ul.pos-specification p {
    color: #646464 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin-bottom: 12px !important;
    text-align: left !important;
}

/* Strong/Bold im Tab-Inhalt */
.catalog-default .item ul.uk-switcher strong,
.catalog-default .item ul.uk-switcher b {
    color: #646464 !important;
}

/* Links in pos-specification - KEIN Icon */
.catalog-default .item ul.pos-specification a {
    color: #DA203D !important;
    text-decoration: none !important;
    display: inline !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    position: static !important;
    font-weight: normal !important;
}

/* Ausnahme: Lightbox Cover-Link braucht position:absolute + display:block */
.catalog-default .item ul.pos-specification a.uk-position-cover {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 10 !important;
    color: transparent !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.catalog-default .item ul.pos-specification a::before {
    content: none !important;
    display: none !important;
}

.catalog-default .item ul.pos-specification a:hover {
    text-decoration: underline !important;
    color: #b31831 !important;
}

/* ---- Video: responsiver iframe ---- */
.catalog-default .item .video-container {
    position: relative !important;
    padding-bottom: 56.25% !important; /* 16:9 */
    height: 0 !important;
    overflow: hidden !important;
    background: #000000 !important;
}

.catalog-default .item .video-container iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
}

/* ---- Lage: Google Maps iframe ---- */
.catalog-default .item ul.pos-specification iframe[src*="google.com/maps"] {
    width: 100% !important;
    height: 360px !important;
    display: block !important;
    border: none !important;
}

/* ---- Ansichten: Galerie-Grid ---- */
.catalog-default .item .zoo-gallery-wall {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.catalog-default .item .zoo-gallery-wall a.thumb {
    flex: 0 0 calc(33.333% - 3px) !important;
    display: block !important;
    overflow: hidden !important;
    position: relative !important;
    line-height: 0 !important;
}

.catalog-default .item .zoo-gallery-wall a.thumb img {
    width: 100% !important;
    height: 110px !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
}

/* ---- Grundrisse: Widgetkit-Grid ---- */
.catalog-default .item .uk-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
}

.catalog-default .item .uk-grid > * {
    box-sizing: border-box !important;
    margin-bottom: 8px !important;
}

/* 2-spaltig: uk-child-width-1-2 */
.catalog-default .item .uk-child-width-1-2 > * {
    width: 50% !important;
    box-sizing: border-box !important;
    padding: 4px !important;
}

.catalog-default .item .uk-grid-small.uk-grid {
    gap: 0 !important;
}

/* uk-panel Reset - überschreibt .cta-box, .uk-panel global-Regel */
.catalog-default .item .uk-panel {
    background: #f5f5f5 !important;
    border: 1px solid #eeeeee !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    text-align: left !important;
    transition: none !important;
    position: relative !important;
}

.catalog-default .item .uk-panel:hover {
    border-color: #eeeeee !important;
    transform: none !important;
    box-shadow: none !important;
}

.catalog-default .item .uk-inline-clip {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
}

.catalog-default .item .uk-inline-clip img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
}

/* Overlay: roter Streifen unten - halbe Höhe */
.catalog-default .item .uk-overlay-primary {
    background: rgba(218, 32, 61, 0.85) !important;
    height: 25% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.catalog-default .item .uk-overlay h3,
.catalog-default .item .uk-overlay .uk-h3 {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin: 0 !important;
    padding: 8px 10px !important;
}

/* Cover-Link: position + z-index für Lightbox-Klick, kein Icon */
.catalog-default .item .uk-position-cover {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 10 !important;
    display: block !important;
}

.catalog-default .item .uk-position-cover::before {
    content: none !important;
    display: none !important;
}

/* ----------------------------------------
   RESPONSIVE - Tablet/Mobile
   ---------------------------------------- */

/* Tablet: Sidebar unter Content */
@media (max-width: 991px) {
    .catalog-default .item .pos-sidebar.sidebar-right {
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 20px !important;
    }

    .catalog-default .item ul.pos-specification {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .catalog-default .item ul.pos-specification > li {
        flex: none !important;
        width: 100% !important;
    }

    .catalog-default .item iframe[src*="google.com/maps"] {
        height: 250px !important;
    }
}

/* Mobile: Galerie 2-spaltig */
@media (max-width: 767px) {
    .catalog-default .item .zoo-gallery-wall a.thumb {
        flex: 0 0 calc(50% - 2px) !important;
    }

    .catalog-default .item ul.pos-specification {
        padding-top: 20px !important;
    }
}

/* ========================================
   LIGHTBOX - Weißer Rahmen ums Bild
   ======================================== */

/* Hintergrund: dunkel transparent */
.uk-lightbox {
    background: rgba(0, 0, 0, 0.75) !important;
}

/* Weißer Rahmen direkt ums Bild */
.uk-lightbox-items img {
    display: block !important;
    max-width: 90vw !important;
    max-height: 85vh !important;
    width: auto !important;
    height: auto !important;
    background: #ffffff !important;
    padding: 15px !important;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.5) !important;
    outline: none !important;
}

/* ========================================
   ENDE KATALOG DETAIL SEITE
   ======================================== */

/* ========================================
   KUNDEN-LOGIN BUTTON FIX (v21.26.1)
   - Weißer Text (Spezifität via #yoo-zoo ID)
   - Text zentriert via Eltern-<p>
   - Hover: keine Unterstreichung
   Datum: 8. April 2026
   ======================================== */

html body #yoo-zoo.catalog-default-kunden-login a.uk-button.uk-button-primary,
html body #yoo-zoo.catalog-default-kunden-login a.uk-button-primary {
    color: #ffffff !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    padding: 2px 20px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
}

html body #yoo-zoo.catalog-default-kunden-login a.uk-button.uk-button-primary:hover,
html body #yoo-zoo.catalog-default-kunden-login a.uk-button-primary:hover {
    color: #ffffff !important;
    text-align: center !important;
    text-decoration: none !important;
}


/* ========================================
   NEWS-BLOG LISTE - ALLE KATEGORIEN (v21.28.1)
   Scope: Alle 4 News-Kategorien:
   - .blog-uikit-news-2  (Profi Partner News)
   Datum: 22. Mai 2026
   ======================================== */

/* --- Kategorie-Überschrift ausblenden --- */
.blog-uikit-news-2 h2.uk-h3 {
    display: none !important;
}

/* --- Artikel: Trenner + Clearfix --- */
.blog-uikit-news-2 article.uk-article {
    border-bottom: 1px solid #e0e0e0 !important;
    padding-bottom: 22px !important;
    margin-bottom: 22px !important;
    overflow: hidden !important;
}

.blog-uikit-news-2 article.uk-article:last-of-type {
    border-bottom: none !important;
}

/* --- Artikel-Titel (h1) --- */
.blog-uikit-news-2 h1.uk-article-title {
    font-size: 30px !important;
    font-weight: 300 !important;
    line-height: 36px !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
}

.blog-uikit-alle-news h1.uk-article-title a,
.blog-uikit-berlin-news h1.uk-article-title a,
.blog-uikit-news-2 h1.uk-article-title a,
.blog-uikit-kaufen-bauen-wohnen h1.uk-article-title a {
    color: #DA203D !important;
    text-decoration: none !important;
}

.blog-uikit-alle-news h1.uk-article-title a:hover,
.blog-uikit-berlin-news h1.uk-article-title a:hover,
.blog-uikit-news-2 h1.uk-article-title a:hover,
.blog-uikit-kaufen-bauen-wohnen h1.uk-article-title a:hover {
    color: #DA203D !important;
    text-decoration: none !important;
}

/* --- Bild-Container: 400px --- */
.blog-uikit-news-2 .uk-align-medium-left {
    float: left !important;
    width: 400px !important;
    max-width: 400px !important;
    margin: 3px 18px 10px 0 !important;
}

.blog-uikit-alle-news .uk-align-medium-left img,
.blog-uikit-berlin-news .uk-align-medium-left img,
.blog-uikit-news-2 .uk-align-medium-left img,
.blog-uikit-kaufen-bauen-wohnen .uk-align-medium-left img {
    width: 400px !important;
    max-width: 400px !important;
    height: auto !important;
    display: block !important;
}

/* --- Fließtext: Original-Typografie --- */
.blog-uikit-alle-news article.uk-article > p,
.blog-uikit-berlin-news article.uk-article > p,
.blog-uikit-news-2 article.uk-article > p,
.blog-uikit-kaufen-bauen-wohnen article.uk-article > p {
    font-family: 'PT Sans', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #646464 !important;
    text-rendering: optimizeLegibility !important;
    margin-bottom: 8px !important;
}

/* --- "Mehr lesen" Link im Fließtext --- */
.blog-uikit-alle-news article.uk-article > p a,
.blog-uikit-berlin-news article.uk-article > p a,
.blog-uikit-news-2 article.uk-article > p a,
.blog-uikit-kaufen-bauen-wohnen article.uk-article > p a {
    color: #DA203D !important;
    text-decoration: none !important;
    font-weight: 300 !important;
}

.blog-uikit-alle-news article.uk-article > p a:hover,
.blog-uikit-berlin-news article.uk-article > p a:hover,
.blog-uikit-news-2 article.uk-article > p a:hover,
.blog-uikit-kaufen-bauen-wohnen article.uk-article > p a:hover {
    color: #DA203D !important;
    text-decoration: none !important;
}

/* --- Weiterlesen / Kommentar: eine Linie --- */
.blog-uikit-alle-news ul.uk-subnav.uk-subnav-line,
.blog-uikit-berlin-news ul.uk-subnav.uk-subnav-line,
.blog-uikit-news-2 ul.uk-subnav.uk-subnav-line,
.blog-uikit-kaufen-bauen-wohnen ul.uk-subnav.uk-subnav-line {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0 !important;
    list-style: none !important;
    margin: 6px 0 0 0 !important;
    padding: 0 !important;
    border: none !important;
    clear: both !important;
}

.blog-uikit-alle-news ul.uk-subnav.uk-subnav-line > li,
.blog-uikit-berlin-news ul.uk-subnav.uk-subnav-line > li,
.blog-uikit-news-2 ul.uk-subnav.uk-subnav-line > li,
.blog-uikit-kaufen-bauen-wohnen ul.uk-subnav.uk-subnav-line > li {
    display: inline-flex !important;
    align-items: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    float: none !important;
}

.blog-uikit-alle-news ul.uk-subnav.uk-subnav-line > li::before,
.blog-uikit-berlin-news ul.uk-subnav.uk-subnav-line > li::before,
.blog-uikit-news-2 ul.uk-subnav.uk-subnav-line > li::before,
.blog-uikit-kaufen-bauen-wohnen ul.uk-subnav.uk-subnav-line > li::before {
    display: none !important;
    content: none !important;
}

.blog-uikit-alle-news ul.uk-subnav.uk-subnav-line > li.element-itemlink a,
.blog-uikit-berlin-news ul.uk-subnav.uk-subnav-line > li.element-itemlink a,
.blog-uikit-news-2 ul.uk-subnav.uk-subnav-line > li.element-itemlink a,
.blog-uikit-kaufen-bauen-wohnen ul.uk-subnav.uk-subnav-line > li.element-itemlink a {
    padding-right: 8px !important;
    margin-top: 0 !important;
}

.blog-uikit-alle-news ul.uk-subnav.uk-subnav-line > li.element-itemcommentslink a,
.blog-uikit-berlin-news ul.uk-subnav.uk-subnav-line > li.element-itemcommentslink a,
.blog-uikit-news-2 ul.uk-subnav.uk-subnav-line > li.element-itemcommentslink a,
.blog-uikit-kaufen-bauen-wohnen ul.uk-subnav.uk-subnav-line > li.element-itemcommentslink a {
    border-left: 1px solid #cccccc !important;
    padding-left: 8px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.blog-uikit-alle-news ul.uk-subnav.uk-subnav-line > li a,
.blog-uikit-berlin-news ul.uk-subnav.uk-subnav-line > li a,
.blog-uikit-news-2 ul.uk-subnav.uk-subnav-line > li a,
.blog-uikit-kaufen-bauen-wohnen ul.uk-subnav.uk-subnav-line > li a {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #DA203D !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
}

.blog-uikit-alle-news ul.uk-subnav.uk-subnav-line > li a:hover,
.blog-uikit-berlin-news ul.uk-subnav.uk-subnav-line > li a:hover,
.blog-uikit-news-2 ul.uk-subnav.uk-subnav-line > li a:hover,
.blog-uikit-kaufen-bauen-wohnen ul.uk-subnav.uk-subnav-line > li a:hover {
    color: #DA203D !important;
    text-decoration: none !important;
}

/* --- Pagination: horizontal, kein Bullet --- */
.blog-uikit-alle-news ul.uk-pagination,
.blog-uikit-berlin-news ul.uk-pagination,
.blog-uikit-news-2 ul.uk-pagination,
.blog-uikit-kaufen-bauen-wohnen ul.uk-pagination {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 0 0 !important;
    gap: 4px !important;
    clear: both !important;
}

.blog-uikit-alle-news ul.uk-pagination > li,
.blog-uikit-berlin-news ul.uk-pagination > li,
.blog-uikit-news-2 ul.uk-pagination > li,
.blog-uikit-kaufen-bauen-wohnen ul.uk-pagination > li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.blog-uikit-alle-news ul.uk-pagination > li a,
.blog-uikit-berlin-news ul.uk-pagination > li a,
.blog-uikit-news-2 ul.uk-pagination > li a,
.blog-uikit-kaufen-bauen-wohnen ul.uk-pagination > li a,
.blog-uikit-alle-news ul.uk-pagination > li span,
.blog-uikit-berlin-news ul.uk-pagination > li span,
.blog-uikit-news-2 ul.uk-pagination > li span,
.blog-uikit-kaufen-bauen-wohnen ul.uk-pagination > li span {
    display: inline-block !important;
    padding: 3px 8px !important;
    font-size: 13px !important;
    color: #DA203D !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
}

.blog-uikit-alle-news ul.uk-pagination > li.uk-active span,
.blog-uikit-berlin-news ul.uk-pagination > li.uk-active span,
.blog-uikit-news-2 ul.uk-pagination > li.uk-active span,
.blog-uikit-kaufen-bauen-wohnen ul.uk-pagination > li.uk-active span {
    color: #333333 !important;
    font-weight: 700 !important;
}

.blog-uikit-alle-news ul.uk-pagination > li a:hover,
.blog-uikit-berlin-news ul.uk-pagination > li a:hover,
.blog-uikit-news-2 ul.uk-pagination > li a:hover,
.blog-uikit-kaufen-bauen-wohnen ul.uk-pagination > li a:hover {
    color: #DA203D !important;
    text-decoration: none !important;
}

/* ========================================
   ENDE NEWS-BLOG ALLE KATEGORIEN (v21.28.1)
   ======================================== */


/* ========================================
   NEWS-BLOG DETAIL-SEITE (v21.29.0)
   
   Scope: NUR Artikel-Detail-Seiten
   Übersichtsseiten bleiben UNBERÜHRT
   (via :not() der 4 Kategorie-Klassen)
   
   Datum: 22. Mai 2026
   ======================================== */

/* Detail-Seite Selektor - greift NICHT auf Übersichten */
.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen):not(.blog-uikit-frontpage) h1.uk-article-title,
.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen):not(.blog-uikit-frontpage) h1.uk-article-title a {
    font-size: 30px !important;
    font-weight: 300 !important;
    line-height: 36px !important;
    color: #DA203D !important;
    text-decoration: none !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}

/* Fließtext */
.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) article.uk-article p {
    font-family: 'PT Sans', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #646464 !important;
    text-rendering: optimizeLegibility !important;
    margin-bottom: 12px !important;
}

/* Links im Fließtext */
.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) article.uk-article p a {
    color: #DA203D !important;
    text-decoration: none !important;
    font-weight: 300 !important;
}

/* Hauptbild: volle Breite */
.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) .uk-align-medium-left {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 18px 0 !important;
    font-size: 0 !important;
}

.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) .uk-align-medium-left img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    font-size: 16px !important;
}

/* "No video selected." ausblenden */
.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) .uk-align-medium-left a {
    font-size: 16px !important;
}

/* Galerie: 4-spaltig */
.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) .zoo-gallery .zoo-gallery-wall {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 12px 0 !important;
}

.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) .zoo-gallery .zoo-gallery-wall a.thumb {
    width: calc(25% - 5px) !important;
    display: block !important;
    overflow: hidden !important;
}

.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) .zoo-gallery .zoo-gallery-wall a.thumb img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Datum */
.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) .uk-margin.element-itempublish_up {
    font-family: 'PT Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    color: #999999 !important;
    margin-bottom: 8px !important;
}

/* Weiterempfehlen + Kommentar Überschriften */
.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) .element-socialbuttons h3,
.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) #comments h3 {
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #646464 !important;
    margin: 20px 0 10px 0 !important;
}

/* ========================================
   ENDE NEWS-BLOG DETAIL-SEITE (v21.29.0)
   ======================================== */

/* ========================================
   NEWS-BLOG FIX (v21.29.1)
   - "Kommentar absenden" Button rot
   Datum: 22. Mai 2026
   ======================================== */

.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) #comments button.uk-button.uk-button-primary {
    background-color: #DA203D !important;
    color: #ffffff !important;
    border: none !important;
    text-decoration: none !important;
}

.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) #comments button.uk-button.uk-button-primary:hover {
    background-color: #b81a32 !important;
    color: #ffffff !important;
}

/* ========================================
   ENDE NEWS-BLOG FIX (v21.29.1)
   ======================================== */

/* ========================================
   NEWS-BLOG FIX (v21.29.2)
   - Kommentar-Button font-weight 300
   Datum: 22. Mai 2026
   ======================================== */

.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) #comments button.uk-button.uk-button-primary {
    font-weight: 300 !important;
}

/* ========================================
   ENDE NEWS-BLOG FIX (v21.29.2)
   ======================================== */

/* ========================================
   NEWS-BLOG FIX (v21.29.3)
   - Kommentar-Button padding: 0 15px
   Datum: 22. Mai 2026
   ======================================== */

.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) #comments button.uk-button.uk-button-primary {
    padding: 0 15px !important;
}

/* ========================================
   ENDE NEWS-BLOG FIX (v21.29.3)
   ======================================== */

/* ========================================
   NEWS-BLOG FIX (v21.29.4)
   - Kommentar-Formular Styling
   Datum: 22. Mai 2026
   ======================================== */

/* Überschrift "Bitte Kommentar schreiben" */
.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) #respond h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #323232 !important;
    margin: 0 0 10px 0 !important;
}

/* "Sie kommentieren als Gast." */
.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) #respond .uk-form-row:first-of-type {
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #646464 !important;
    margin-bottom: 12px !important;
}

/* Formular-Zeilen */
.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) #respond .uk-form-row {
    margin-bottom: 10px !important;
}

/* Input-Felder */
.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) #respond input[type="text"] {
    width: 280px !important;
    height: 34px !important;
    padding: 6px 10px !important;
    font-family: 'PT Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #646464 !important;
    background-color: #ffffff !important;
    border: 1px solid #dddddd !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
    display: block !important;
}

.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) #respond input[type="text"]::placeholder {
    color: #aaaaaa !important;
    font-weight: 300 !important;
}

.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) #respond input[type="text"]:focus {
    border-color: #DA203D !important;
    outline: none !important;
}

/* Textarea */
.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) #respond textarea {
    width: 100% !important;
    min-height: 100px !important;
    padding: 8px 10px !important;
    font-family: 'PT Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #646464 !important;
    background-color: #ffffff !important;
    border: 1px solid #dddddd !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
    resize: vertical !important;
}

.yoo-zoo.blog-uikit:not(.blog-uikit-alle-news):not(.blog-uikit-berlin-news):not(.blog-uikit-news-2):not(.blog-uikit-kaufen-bauen-wohnen) #respond textarea:focus {
    border-color: #DA203D !important;
    outline: none !important;
}

/* ========================================
   ENDE NEWS-BLOG FIX (v21.29.4)
   ======================================== */

/* ========================================
   STARTSEITE CTA-BOXEN (v21.30.2)
   Scope: NUR Startseite via body.itemid-101
   - 3 Boxen: repeat(3, 1fr)
   Datum: 14. April 2026
   ======================================== */

body.itemid-101 .module-grid-section .astroid-module-position {
    grid-template-columns: repeat(3, 1fr) !important;
}

/* ========================================
   ENDE STARTSEITE CTA-BOXEN (v21.30.2)
   ======================================== */

/* ========================================
   STARTSEITE NEWS-TEASER (v21.30.3)
   Scope: NUR body.itemid-101
   - Weiterlesen / Kommentar ausblenden
   Datum: 14. April 2026
   ======================================== */

body.itemid-101 ul.uk-subnav.uk-subnav-line {
    display: none !important;
}

/* ========================================
   ENDE STARTSEITE NEWS-TEASER (v21.30.3)
   ======================================== */


/* ========================================
   GLOBAL FIX (v21.30.4)
   - "No video selected." ausblenden
   - Scope: li.element-media (Text-Node)
   - iframe in li.element-textarea bleibt unberührt
   Datum: 14. April 2026
   ======================================== */

li.element.element-media,
div.element.element-media {
    display: none !important;
}

/* ========================================
   ENDE GLOBAL FIX (v21.30.4)
   ======================================== */


/* ========================================
   GLOBAL FIX (v21.30.5)
   - .pos-summary Trennlinie (border-top)
   - Gilt für alle Inhaltsseiten via #yoo-zoo .item
   Datum: 15. April 2026
   ======================================== */

html body #yoo-zoo .item .pos-summary,
html body .yoo-zoo .item .pos-summary {
    border-top: 1px solid #c8c8c8 !important;
    margin: 20px 0 0 0 !important;
    overflow: hidden !important;
    padding: 10px 0 !important;
}

/* ========================================
   ENDE GLOBAL FIX (v21.30.5)
   ======================================== */

/* ========================================
   GLOBAL FIX (v21.30.6)
   - #yoo-zoo .item h3: line-height 20px
   Datum: 15. April 2026
   ======================================== */

html body #yoo-zoo .item h3 {
    line-height: 20px !important;
}

/* ========================================
   ENDE GLOBAL FIX (v21.30.6)
   ======================================== */

/* ========================================
   UNTERNEHMEN - Panel Boxen (v21.30.7)
   Scope: GLOBAL - alle Seiten mit Panel Boxen
   - Weißer Hintergrund + Padding + Border
   Datum: 15. April 2026
   ======================================== */

html body #yoo-zoo .item .uk-panel.uk-panel-box,
html body .yoo-zoo .item .uk-panel.uk-panel-box {
    background: #ffffff !important;
    padding: 30px !important;
    border: 1px solid #dddddd !important;
    color: #646464 !important;
}

/* ========================================
   ENDE PANEL BOXEN GLOBAL (v21.30.7)
   ======================================== */

/* ========================================
   PANEL BOX H3 GLOBAL (v21.30.8)
   Scope: GLOBAL
   - H3 font-weight 300, font-size 21px
   Datum: 15. April 2026
   ======================================== */

html body #yoo-zoo .uk-panel-box h3,
html body #yoo-zoo .uk-panel-box-4 h3,
html body .yoo-zoo .uk-panel-box h3,
html body .yoo-zoo .uk-panel-box-4 h3 {
    font-weight: 300 !important;
    font-size: 21px !important;
}

/* ========================================
   ENDE UNTERNEHMEN - Panel Box H3 (v21.30.8)
   ======================================== */

/* ========================================
   SIDEBAR DOWNLOAD (v21.31.2)
   - .element-download: padding 10px 15px
   Datum: 15. April 2026
   ======================================== */

.catalog-default .item .pos-sidebar .element.element-download > a {
    display: block !important;
    padding: 10px 15px !important;
    color: #DA203D !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    text-align: left !important;
    font-weight: 400 !important;
}

.catalog-default .item .pos-sidebar .element.element-download > a:hover {
    color: #b31831 !important;
    text-decoration: underline !important;
}

/* ========================================
   ENDE SIDEBAR DOWNLOAD (v21.31.2)
   ======================================== */

/* ========================================
   GLOBAL FIX (v21.31.5)
   - Text linksbündig statt justify
   Datum: 15. April 2026
   ======================================== */

html body #yoo-zoo .item .pos-summary .element-textarea p,
html body #yoo-zoo .item .pos-description .element-textarea p,
html body .yoo-zoo .item .pos-summary .element-textarea p,
html body .yoo-zoo .item .pos-description .element-textarea p {
    text-align: left !important;
}

/* ========================================
   ENDE GLOBAL FIX (v21.31.5)
   ======================================== */

/* ========================================
   STANDORTE & TEAM - Grid Layout (v21.31.6)
   Scope: .inline-module-team
   - Team-Liste: 2-spaltig pro Hälfte → 4 nebeneinander
   Datum: 15. April 2026
   ======================================== */

.inline-module-team ul.zoo-item-list {
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.inline-module-team ul.zoo-item-list > li {
    width: 50% !important;
    box-sizing: border-box !important;
    padding: 0px 20px 10px 0px !important;
}

/* Foto: volle Breite */
.inline-module-team ul.zoo-item-list > li .media img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Name: rot */
.inline-module-team ul.zoo-item-list > li .element-itemname a {
    color: #DA203D !important;
    text-decoration: none !important;
    font-weight: 400 !important;
}

.inline-module-team ul.zoo-item-list > li .element-itemname a:hover {
    color: #DA203D !important;
    text-decoration: underline !important;
}

/* Position: grau */
.inline-module-team ul.zoo-item-list > li p.links {
    color: #646464 !important;
    font-size: 14px !important;
    margin: 4px 0 0 0 !important;
}

/* ========================================
   ENDE STANDORTE & TEAM - Grid Layout (v21.31.6)
   ======================================== */

/* ========================================
   TEAM MODUL FIX (v21.31.7)
   - ul.zoo-list > li: border-top + margin entfernen
   Datum: 15. April 2026
   ======================================== */

.inline-module-team ul.zoo-list > li {
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ========================================
   ENDE TEAM MODUL FIX (v21.31.7)
   ======================================== */

/* ========================================
   TEAM MODUL FIX (v21.31.8)
   - .layout-default.alignment-center: Hintergrund + Padding
   Datum: 15. April 2026
   ======================================== */

.inline-module-team .layout-default.alignment-center {
    background: #f2f2f2 !important;
    padding-bottom: 10px !important;
}

/* ========================================
   ENDE TEAM MODUL FIX (v21.31.8)
   ======================================== */

/* ========================================
   TEAM MODUL FIX (v21.31.9)
   - .description + .links: padding-left 10px
   Datum: 15. April 2026
   ======================================== */

.inline-module-team .description,
.inline-module-team p.links {
    padding-left: 10px !important;
}

/* ========================================
   ENDE TEAM MODUL FIX (v21.31.9)
   ======================================== */

/* ========================================
   TEAM BERLIN + MÜNCHEN DETAIL (v21.32.2)
   Scope: catalog-default-berlin + catalog-default-muenchen
   - Layout analog Standorte & Team Seite
   Datum: 15. April 2026
   ======================================== */

/* Teaser-Item: grauer Hintergrund */
#yoo-zoo.catalog-default-berlin .teaser-item,
#yoo-zoo.catalog-default-muenchen .teaser-item {
    background: #f2f2f2 !important;
    padding-bottom: 10px !important;
}

/* Foto: volle Breite */
#yoo-zoo.catalog-default-berlin .pos-media img,
#yoo-zoo.catalog-default-muenchen .pos-media img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Name (h2.pos-title): rot */
#yoo-zoo.catalog-default-berlin h2.pos-title a,
#yoo-zoo.catalog-default-muenchen h2.pos-title a {
    color: #DA203D !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    display: block !important;
    padding-left: 10px !important;
}

#yoo-zoo.catalog-default-berlin h2.pos-title a:hover,
#yoo-zoo.catalog-default-muenchen h2.pos-title a:hover {
    color: #DA203D !important;
    text-decoration: underline !important;
}

/* Position (ul.pos-description li): grau */
#yoo-zoo.catalog-default-berlin ul.pos-description,
#yoo-zoo.catalog-default-muenchen ul.pos-description {
    list-style: none !important;
    padding: 0 0 0 10px !important;
    margin: 4px 0 0 0 !important;
}

#yoo-zoo.catalog-default-berlin ul.pos-description li,
#yoo-zoo.catalog-default-muenchen ul.pos-description li {
    color: #646464 !important;
    font-size: 14px !important;
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Zeilen-Abstände bereinigen */
#yoo-zoo.catalog-default-berlin .row,
#yoo-zoo.catalog-default-muenchen .row {
    margin-bottom: 20px !important;
}

/* ========================================
   ENDE TEAM BERLIN + MÜNCHEN DETAIL (v21.32.2)
   ======================================== */

/* ========================================
   TEAM BERLIN + MÜNCHEN FIX (v21.32.3)
   - h2.pos-title: dunkles Band-Styling zurücksetzen
   Datum: 15. April 2026
   ======================================== */

#yoo-zoo.catalog-default-berlin .items h2.pos-title,
#yoo-zoo.catalog-default-muenchen .items h2.pos-title {
    background: none !important;
    position: static !important;
    padding: 6px 0 0 10px !important;
    color: #DA203D !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    width: auto !important;
}

#yoo-zoo.catalog-default-berlin .items h2.pos-title a,
#yoo-zoo.catalog-default-muenchen .items h2.pos-title a {
    color: #DA203D !important;
    text-decoration: none !important;
    padding-left: 0 !important;
}

#yoo-zoo.catalog-default-berlin .items h2.pos-title a:hover,
#yoo-zoo.catalog-default-muenchen .items h2.pos-title a:hover {
    text-decoration: underline !important;
}

/* ========================================
   ENDE TEAM BERLIN + MÜNCHEN FIX (v21.32.3)
   ======================================== */

/* ========================================
   TEAM BERLIN + MÜNCHEN FIX (v21.32.4)
   - teaser-item padding entfernen (kein grauer Rahmen)
   Datum: 15. April 2026
   ======================================== */

#yoo-zoo.catalog-default-berlin .items div.teaser-item,
#yoo-zoo.catalog-default-muenchen .items div.teaser-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}

/* ========================================
   ENDE TEAM BERLIN + MÜNCHEN FIX (v21.32.4)
   ======================================== */

/* ========================================
   TEAM BERLIN + MÜNCHEN FIX (v21.32.6)
   - pos-media: Höhenbegrenzung aufheben
   Datum: 15. April 2026
   ======================================== */

#yoo-zoo.catalog-default-berlin .pos-media,
#yoo-zoo.catalog-default-muenchen .pos-media {
    height: auto !important;
    overflow: visible !important;
}

#yoo-zoo.catalog-default-berlin .pos-media img,
#yoo-zoo.catalog-default-muenchen .pos-media img {
    height: auto !important;
    width: 100% !important;
    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
}

/* ========================================
   ENDE TEAM BERLIN + MÜNCHEN FIX (v21.32.6)
   ======================================== */

/* ========================================
   STICKY FOOTER (v21.32.7)
   - Footer bleibt immer am unteren Rand
   - Hauptinhalt füllt freien Platz
   Datum: 15. April 2026
   ======================================== */

html {
    height: 100% !important;
}

body.site {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
}

body.site .astroid-container,
body.site .astroid-content,
body.site .astroid-layout.astroid-layout-wide,
body.site .astroid-wrapper {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

body.site section.astroid-component-section {
    flex: 1 !important;
}

/* ========================================
   ENDE STICKY FOOTER (v21.32.7)
   ======================================== */


/* ========================================
   VORSTAND 3-SPALTIG (v21.32.8)
   Scope: catalog-default-vorstand
   Datum: 15. April 2026
   ======================================== */

#yoo-zoo.catalog-default-vorstand ul.zoo-item-list {
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    gap: 20px !important;
}

#yoo-zoo.catalog-default-vorstand ul.zoo-item-list > li {
    width: calc(33.333% - 14px) !important;
    box-sizing: border-box !important;
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Foto: volle Breite */
#yoo-zoo.catalog-default-vorstand ul.zoo-item-list > li .media img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Name: rot */
#yoo-zoo.catalog-default-vorstand ul.zoo-item-list > li .element-itemname a {
    color: #DA203D !important;
    text-decoration: none !important;
    font-weight: 400 !important;
}

#yoo-zoo.catalog-default-vorstand ul.zoo-item-list > li .element-itemname a:hover {
    text-decoration: underline !important;
}

/* Beschreibung: kleiner Text */
#yoo-zoo.catalog-default-vorstand ul.zoo-item-list > li .description p,
#yoo-zoo.catalog-default-vorstand ul.zoo-item-list > li .element-text,
#yoo-zoo.catalog-default-vorstand ul.zoo-item-list > li .element-textarea p {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #646464 !important;
    margin-bottom: 6px !important;
}

/* ========================================
   ENDE VORSTAND 3-SPALTIG (v21.32.8)
   ======================================== */

/* ========================================
   AUFSICHTSRAT 3-SPALTIG (v21.32.9)
   Scope: catalog-default-vorstand .aufsichtsrat
   Datum: 15. April 2026
   ======================================== */

#yoo-zoo.catalog-default-vorstand .uk-grid.aufsichtsrat {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#yoo-zoo.catalog-default-vorstand .uk-grid.aufsichtsrat > div {
    width: calc(33.333% - 14px) !important;
    box-sizing: border-box !important;
    padding: 0 !important;
}

/* Foto: volle Breite, .left div */
#yoo-zoo.catalog-default-vorstand .uk-grid.aufsichtsrat .left {
    float: none !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
}

#yoo-zoo.catalog-default-vorstand .uk-grid.aufsichtsrat .left img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Text: .right div */
#yoo-zoo.catalog-default-vorstand .uk-grid.aufsichtsrat .right {
    float: none !important;
    width: 100% !important;
}

/* Name: h3 rot */
#yoo-zoo.catalog-default-vorstand .uk-grid.aufsichtsrat h3 {
    color: #DA203D !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    margin: 0 0 4px 0 !important;
}

/* Position + Text */
#yoo-zoo.catalog-default-vorstand .uk-grid.aufsichtsrat p {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #646464 !important;
    margin-bottom: 4px !important;
}

/* ========================================
   ENDE AUFSICHTSRAT 3-SPALTIG (v21.32.9)
   ======================================== */

/* ========================================
   AUFSICHTSRAT FIX (v21.33.0)
   - UIkit Breiten überschreiben
   - Fotos auf max 200px begrenzen
   Datum: 15. April 2026
   ======================================== */

#yoo-zoo.catalog-default-vorstand .uk-grid.aufsichtsrat [class*="uk-width"] {
    width: calc(33.333% - 14px) !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    float: none !important;
}

/* Foto begrenzen */
#yoo-zoo.catalog-default-vorstand .uk-grid.aufsichtsrat .left img {
    width: 100% !important;
    max-width: 200px !important;
    height: auto !important;
    display: block !important;
}

/* ========================================
   ENDE AUFSICHTSRAT FIX (v21.33.0)
   ======================================== */

/* ========================================
   AUFSICHTSRAT FIX (v21.33.1)
   - uk-width-small-1-1 + uk-width-large-1-3 direkt überschreiben
   Datum: 15. April 2026
   ======================================== */

#yoo-zoo.catalog-default-vorstand .uk-grid.aufsichtsrat {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
}

#yoo-zoo.catalog-default-vorstand .uk-grid.aufsichtsrat > div.uk-width-small-1-1,
#yoo-zoo.catalog-default-vorstand .uk-grid.aufsichtsrat > div.uk-width-large-1-3,
#yoo-zoo.catalog-default-vorstand .uk-grid.aufsichtsrat > div.uk-width-small-1-1.uk-width-large-1-3 {
    width: calc(33.333% - 14px) !important;
    min-width: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    padding: 0 !important;
}

/* ========================================
   ENDE AUFSICHTSRAT FIX (v21.33.1)
   ======================================== */

/* ========================================
   VORSTAND FIX (v21.33.2)
   - Vorstand Namen: font-size 20px
   Datum: 15. April 2026
   ======================================== */

#yoo-zoo.catalog-default-vorstand ul.zoo-item-list > li .element-itemname a {
    font-size: 20px !important;
}

/* ========================================
   ENDE VORSTAND FIX (v21.33.2)
   ======================================== */

/* ========================================
   AUFSICHTSRAT FIX (v21.33.3)
   - Aufsichtsrat Namen h3: font-size 20px
   Datum: 15. April 2026
   ======================================== */

#yoo-zoo.catalog-default-vorstand .uk-grid.aufsichtsrat h3 {
    font-size: 20px !important;
}

/* ========================================
   ENDE AUFSICHTSRAT FIX (v21.33.3)
   ======================================== */

/* ========================================
   AUFSICHTSRAT FIX (v21.33.4)
   - Aufsichtsrat h3: color #181818
   Datum: 15. April 2026
   ======================================== */

#yoo-zoo.catalog-default-vorstand .uk-grid.aufsichtsrat h3 {
    color: #181818 !important;
}

/* ========================================
   ENDE AUFSICHTSRAT FIX (v21.33.4)
   ======================================== */

/* ========================================
   VORSTAND + AUFSICHTSRAT FIX (v21.33.5)
   - Textinhalt beider Bereiche: 16px
   Datum: 15. April 2026
   ======================================== */

/* Vorstand Textinhalt */
#yoo-zoo.catalog-default-vorstand ul.zoo-item-list > li .description p,
#yoo-zoo.catalog-default-vorstand ul.zoo-item-list > li .element-text,
#yoo-zoo.catalog-default-vorstand ul.zoo-item-list > li .element-textarea p {
    font-size: 16px !important;
}

/* Aufsichtsrat Textinhalt */
#yoo-zoo.catalog-default-vorstand .uk-grid.aufsichtsrat p {
    font-size: 16px !important;
}

/* ========================================
   ENDE VORSTAND + AUFSICHTSRAT FIX (v21.33.5)
   ======================================== */

/* ========================================
   KARRIERE FIX (v21.33.6)
   - pos-summary Trennlinie ausblenden
   - pos-meta Datum ausblenden
   Scope: catalog-default-karriere
   Datum: 15. April 2026
   ======================================== */

html body #yoo-zoo.catalog-default-karriere .item .pos-summary {
    border-top: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ========================================
   ENDE KARRIERE FIX (v21.33.6)
   ======================================== */

/* ========================================
   SIDEBAR EXTERNE LINKS FIX (v21.33.7)
   - element-link: gleicher Stil wie element-relateditems
   Datum: 15. April 2026
   ======================================== */

.catalog-default .item .pos-sidebar .element.element-link > div > a,
.catalog-default .item .pos-sidebar .element.element-link > a {
    display: block !important;
    padding: 10px 15px !important;
    color: #DA203D !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    text-align: left !important;
    font-weight: 400 !important;
}

.catalog-default .item .pos-sidebar .element.element-link > div > a:hover,
.catalog-default .item .pos-sidebar .element.element-link > a:hover {
    color: #b31831 !important;
    text-decoration: underline !important;
}

/* ========================================
   ENDE SIDEBAR EXTERNE LINKS FIX (v21.33.7)
   ======================================== */

/* ========================================
   SIDEBAR EXTERNE LINKS FIX (v21.33.8)
   - element-link Links: Trennlinien
   Datum: 15. April 2026
   ======================================== */

.catalog-default .item .pos-sidebar .element.element-link > div {
    border-bottom: 1px solid #e0e0e0 !important;
}

.catalog-default .item .pos-sidebar .element.element-link > div:last-child {
    border-bottom: none !important;
}

/* ========================================
   ENDE SIDEBAR EXTERNE LINKS FIX (v21.33.8)
   ======================================== */

/* ========================================
   TM-BLOCK-PRIMARY (v21.33.9)
   - Scope: NUR catalog-default-leistungen-2
   - Hintergrund rot, Text hellrosa
   Datum: 16. April 2026
   ======================================== */

#yoo-zoo.catalog-default-leistungen-2 .tm-block-primary {
    background: #da203d !important;
    color: #f8d2d8 !important;
}

/* ========================================
   ENDE TM-BLOCK-PRIMARY (v21.33.9)
   ======================================== */

/* ========================================
   TM-BLOCK-PRIMARY PROJEKTE (v21.34.0)
   Scope: catalog-default-projekte-der-profi-partner-projektentwicklung
   Datum: 16. April 2026
   ======================================== */

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .tm-block-primary {
    background: #da203d !important;
    color: #f8d2d8 !important;
}

/* ========================================
   ENDE TM-BLOCK-PRIMARY PROJEKTE (v21.34.0)
   ======================================== */

/* ========================================
   PROJEKTE PE - STYLING (v21.34.1)
   Scope: NUR catalog-default-projekte-der-profi-partner-projektentwicklung
   Datum: 16. April 2026
   ======================================== */

/* pos-summary Trennlinie unterdrücken */
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary {
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* H2 Projekttitel */
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung h2 {
    font-size: 24px !important;
    line-height: 30px !important;
    font-weight: 300 !important;
    color: #323232 !important;
    margin: 10px 0 12px 0 !important;
}

/* "weitere Bilder und Informationen" Links */
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary a,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-specification a,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-description a {
    color: #DA203D !important;
    text-decoration: none !important;
    font-size: 14px !important;
}

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary a:hover,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-specification a:hover,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-description a:hover {
    text-decoration: underline !important;
}

/* Mehr Abstand zwischen Projekt-Blöcken */
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification2,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification3,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification4 {
    border-top: 1px solid #e0e0e0 !important;
    border-bottom: none !important;
    margin-top: 30px !important;
    padding-top: 30px !important;
}

/* ========================================
   ENDE PROJEKTE PE - STYLING (v21.34.1)
   ======================================== */

/* ========================================
   PROJEKTE PE - FIX (v21.34.2)
   - pos-summary: 2-spaltig wie pos-specification
   - Leere BR-Abstände reduzieren
   Datum: 16. April 2026
   ======================================== */

/* pos-summary: 2-spaltig (Text + Galerie nebeneinander) */
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
}

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary .element-textarea {
    width: 50% !important;
    box-sizing: border-box !important;
    padding-right: 20px !important;
}

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary .element-gallery {
    width: 50% !important;
    box-sizing: border-box !important;
}

/* Leere BR-Abstände reduzieren */
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary p br,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-description p br {
    display: none !important;
}

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary p:empty,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-description p:empty {
    display: none !important;
    margin: 0 !important;
}

/* ========================================
   ENDE PROJEKTE PE - FIX (v21.34.2)
   ======================================== */

/* ========================================
   PROJEKTE PE - FIX (v21.34.3)
   - H2 span: color #888888
   Datum: 16. April 2026
   ======================================== */

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung h2 span {
    color: #888888 !important;
}

/* ========================================
   ENDE PROJEKTE PE - FIX (v21.34.3)
   ======================================== */

/* ========================================
   PROJEKTE PE - FIX (v21.34.4)
   - H2: font-size 27px, line-height 34px
   Datum: 16. April 2026
   ======================================== */

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung h2 {
    font-size: 27px !important;
    line-height: 34px !important;
}

/* ========================================
   ENDE PROJEKTE PE - FIX (v21.34.4)
   ======================================== */

/* ========================================
   PROJEKTE PE - FIX (v21.34.5)
   - pos-summary Galerie: Bilder kleiner im 50% Container
   - BR-Tags wieder sichtbar (Bullet-Trennung)
   Datum: 16. April 2026
   ======================================== */

/* BR wieder sichtbar */
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary p br,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-description p br {
    display: inline !important;
}

/* Galerie-Bilder im pos-summary verkleinern */
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary .zoo-gallery-wall a.thumb img {
    width: 100% !important;
    height: auto !important;
}

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary .zoo-gallery-wall a.thumb {
    width: calc(33.333% - 4px) !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    margin: 2px !important;
    overflow: hidden !important;
}

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary .zoo-gallery-wall {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 3px !important;
}

/* ========================================
   ENDE PROJEKTE PE - FIX (v21.34.5)
   ======================================== */

/* ========================================
   PROJEKTE PE - FIX (v21.34.6)
   - pos-summary: Text oben, Galerie darunter (kein flex)
   - Galerie: 5 Bilder pro Reihe, volle Breite
   Datum: 16. April 2026
   ======================================== */

/* pos-summary: Block-Layout (kein flex) */
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary {
    display: block !important;
}

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary .element-textarea {
    width: 100% !important;
    padding-right: 0 !important;
    margin-bottom: 15px !important;
}

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary .element-gallery {
    width: 100% !important;
}

/* Galerie: 5 Bilder pro Reihe, volle Breite */
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary .zoo-gallery-wall a.thumb {
    width: calc(20% - 4px) !important;
}

/* ========================================
   ENDE PROJEKTE PE - FIX (v21.34.6)
   ======================================== */

/* ========================================
   PROJEKTE PE - FIX (v21.34.7)
   - Galerie pos-summary: 5 Bilder pro Reihe erzwingen
   Datum: 16. April 2026
   ======================================== */

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary .zoo-gallery-wall {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 3px !important;
    width: 100% !important;
}

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary .zoo-gallery-wall a.thumb {
    flex: 0 0 calc(20% - 3px) !important;
    width: calc(20% - 3px) !important;
    max-width: calc(20% - 3px) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    margin: 0 !important;
}

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary .zoo-gallery-wall a.thumb img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* ========================================
   ENDE PROJEKTE PE - FIX (v21.34.7)
   ======================================== */

/* ========================================
   PROJEKTE PE - FIX (v21.34.8)
   - pos-specification Galerien: 3 Bilder pro Reihe
   Datum: 16. April 2026
   ======================================== */

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification .zoo-gallery-wall,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification2 .zoo-gallery-wall,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification3 .zoo-gallery-wall,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification4 .zoo-gallery-wall {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 3px !important;
    justify-content: flex-start !important;
}

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification .zoo-gallery-wall a.thumb,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification2 .zoo-gallery-wall a.thumb,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification3 .zoo-gallery-wall a.thumb,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification4 .zoo-gallery-wall a.thumb {
    flex: 0 0 calc(33.333% - 3px) !important;
    width: calc(33.333% - 3px) !important;
    max-width: calc(33.333% - 3px) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    overflow: hidden !important;
}

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification .zoo-gallery-wall a.thumb img,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification2 .zoo-gallery-wall a.thumb img,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification3 .zoo-gallery-wall a.thumb img,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification4 .zoo-gallery-wall a.thumb img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* ========================================
   ENDE PROJEKTE PE - FIX (v21.34.8)
   ======================================== */

/* ========================================
   PROJEKTE PE - FIX (v21.34.9)
   - Galerie pos-specification: fixe Höhe für einheitliche Bilder
   Datum: 16. April 2026
   ======================================== */

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification .zoo-gallery-wall a.thumb img,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification2 .zoo-gallery-wall a.thumb img,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification3 .zoo-gallery-wall a.thumb img,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification4 .zoo-gallery-wall a.thumb img {
    width: 100% !important;
    height: 165px !important;
    object-fit: cover !important;
    display: block !important;
}

/* ========================================
   ENDE PROJEKTE PE - FIX (v21.34.9)
   ======================================== */

/* ========================================
   PROJEKTE PE - FIX (v21.35.0)
   - a.thumb Container fixe Höhe 165px
   Datum: 16. April 2026
   ======================================== */

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification .zoo-gallery-wall a.thumb,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification2 .zoo-gallery-wall a.thumb,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification3 .zoo-gallery-wall a.thumb,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification4 .zoo-gallery-wall a.thumb {
    height: 165px !important;
    overflow: hidden !important;
}

/* ========================================
   ENDE PROJEKTE PE - FIX (v21.35.0)
   ======================================== */

/* ========================================
   PROJEKTE PE - GALERIE RESET (v21.35.1)
   - Kompletter Reset der spec Galerien
   - Float-basiert, einheitliche Bildgröße
   Datum: 16. April 2026
   ======================================== */

/* Gallery wall: float-reset, clearfix */
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification .zoo-gallery-wall,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification2 .zoo-gallery-wall,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification3 .zoo-gallery-wall,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification4 .zoo-gallery-wall {
    display: block !important;
    overflow: hidden !important;
    width: 100% !important;
    gap: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

/* Thumb: float left, 33% Breite */
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification .zoo-gallery-wall a.thumb,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification2 .zoo-gallery-wall a.thumb,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification3 .zoo-gallery-wall a.thumb,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification4 .zoo-gallery-wall a.thumb {
    float: left !important;
    flex: none !important;
    width: 33.333% !important;
    max-width: 33.333% !important;
    height: 165px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding: 1px !important;
    margin: 0 !important;
    display: block !important;
}

/* Bild: volle Größe im Container */
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification .zoo-gallery-wall a.thumb img,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification2 .zoo-gallery-wall a.thumb img,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification3 .zoo-gallery-wall a.thumb img,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification4 .zoo-gallery-wall a.thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    vertical-align: top !important;
}

/* ========================================
   ENDE PROJEKTE PE - GALERIE RESET (v21.35.1)
   ======================================== */

/* ========================================
   PROJEKTE PE - GALERIE ASPECT RATIO (v21.35.2)
   - Bilder im 4:3 Format (breiter als 165px hoch)
   Datum: 16. April 2026
   ======================================== */

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification .zoo-gallery-wall a.thumb,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification2 .zoo-gallery-wall a.thumb,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification3 .zoo-gallery-wall a.thumb,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification4 .zoo-gallery-wall a.thumb {
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
}

/* ========================================
   ENDE PROJEKTE PE - GALERIE ASPECT RATIO (v21.35.2)
   ======================================== */

/* ========================================
   PROJEKTE PE - GALERIE ASPECT RATIO (v21.35.3)
   - Bilder auf 16:9 Format
   Datum: 16. April 2026
   ======================================== */

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification .zoo-gallery-wall a.thumb,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification2 .zoo-gallery-wall a.thumb,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification3 .zoo-gallery-wall a.thumb,
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung ul.pos-specification4 .zoo-gallery-wall a.thumb {
    aspect-ratio: 16 / 9 !important;
}

/* ========================================
   ENDE PROJEKTE PE - GALERIE ASPECT RATIO (v21.35.3)
   ======================================== */

/* ========================================
   PROJEKTE PE - H2 ABSTAND (v21.35.4)
   - H2: margin-top reduziert
   Datum: 16. April 2026
   ======================================== */

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung h2 {
    margin-top: 4px !important;
}

/* ========================================
   ENDE PROJEKTE PE - H2 ABSTAND (v21.35.4)
   ======================================== */

/* ========================================
   PROJEKTE PE - NBSP FIX (v21.35.5)
   - Leere p mit &nbsp; vor h2 ausblenden
   Datum: 16. April 2026
   ======================================== */

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .element-textarea p:first-child {
    display: none !important;
}

/* ========================================
   ENDE PROJEKTE PE - NBSP FIX (v21.35.5)
   ======================================== */


/* ========================================
   PROJEKTE PE - POS-SUMMARY FIX (v21.35.7)
   - Trennung zwischen Abschnitten wiederherstellen
   - pos-summary Galerie: gleicher Float-Fix
   Datum: 17. April 2026
   ======================================== */

/* p:first-child nur in pos-specification, nicht in pos-summary */
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary .element-textarea p:first-child {
    display: block !important;
    margin: 0 !important;
    line-height: 0 !important;
    height: 0 !important;
}

/* Trennung zwischen pos-summary Abschnitten */
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary .element-textarea + .element-gallery + .element-textarea {
    border-top: 1px solid #e0e0e0 !important;
    margin-top: 30px !important;
    padding-top: 30px !important;
}

/* pos-summary Galerie: gleicher Float-Fix wie pos-specification */
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary .zoo-gallery-wall {
    display: block !important;
    overflow: hidden !important;
    width: 100% !important;
    line-height: 0 !important;
    font-size: 0 !important;
    gap: 0 !important;
}

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary .zoo-gallery-wall a.thumb {
    float: left !important;
    flex: none !important;
    width: 20% !important;
    max-width: 20% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding: 1px !important;
    margin: 0 !important;
    display: block !important;
}

#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-summary .zoo-gallery-wall a.thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    vertical-align: top !important;
}

/* ========================================
   ENDE PROJEKTE PE - POS-SUMMARY FIX (v21.35.7)
   ======================================== */

/* ========================================
   PROJEKTE PE - P:FIRST-CHILD FIX (v21.35.8)
   - p:first-child nur in pos-specification, nicht pos-description
   Datum: 17. April 2026
   ======================================== */

/* pos-description: p:first-child wieder sichtbar */
#yoo-zoo.catalog-default-projekte-der-profi-partner-projektentwicklung .pos-description .element-textarea p:first-child {
    display: block !important;
    height: auto !important;
    line-height: inherit !important;
}

/* ========================================
   ENDE PROJEKTE PE - P:FIRST-CHILD FIX (v21.35.8)
   ======================================== */

/* ========================================
   KONTAKT PE - H3 FARBE (v21.35.9)
   Scope: catalog-default-kontakt-projektentwicklung
   Datum: 17. April 2026
   ======================================== */

#yoo-zoo.catalog-default-kontakt-projektentwicklung h3 {
    color: #181818 !important;
}

/* ========================================
   ENDE KONTAKT PE - H3 FARBE (v21.35.9)
   ======================================== */

/* ========================================
   KONTAKT PE - UK-GRID LINE-HEIGHT (v21.36.0)
   Scope: catalog-default-kontakt-projektentwicklung
   Datum: 17. April 2026
   ======================================== */

#yoo-zoo.catalog-default-kontakt-projektentwicklung .uk-grid > * {
    line-height: 20px !important;
}

/* ========================================
   ENDE KONTAKT PE - UK-GRID LINE-HEIGHT (v21.36.0)
   ======================================== */

/* ========================================
   KONTAKT PE - FIX (v21.36.1)
   - line-height 22px, Textfarbe #646464
   Datum: 17. April 2026
   ======================================== */

#yoo-zoo.catalog-default-kontakt-projektentwicklung .uk-grid > * {
    line-height: 22px !important;
    color: #646464 !important;
}

/* ========================================
   ENDE KONTAKT PE - FIX (v21.36.1)
   ======================================== */


/* ========================================
   WOHNUNG KAUFEN - H3 LINK ICON FIX (v21.36.2)
   - uk-panel-box a::before nur für h3 a deaktivieren
   Datum: 18. April 2026
   ======================================== */

html body #yoo-zoo.catalog-default-wohnung-kaufen .uk-panel-box h3 a::before,
html body #yoo-zoo.catalog-default-wohnung-kaufen .uk-panel-box-4 h3 a::before {
    content: '' !important;
    display: none !important;
    font-size: 0 !important;
    width: 0 !important;
    position: static !important;
}

/* ========================================
   ENDE WOHNUNG KAUFEN - H3 LINK ICON FIX (v21.36.2)
   ======================================== */

/* ========================================
   WOHNUNG KAUFEN - H3 AUSRICHTUNG (v21.36.3)
   - h3 a: padding-left zurücksetzen
   Datum: 18. April 2026
   ======================================== */

html body #yoo-zoo.catalog-default-wohnung-kaufen .uk-panel-box h3 a,
html body #yoo-zoo.catalog-default-wohnung-kaufen .uk-panel-box-4 h3 a {
    padding-left: 0 !important;
    margin-left: 0 !important;
    position: static !important;
}

/* ========================================
   ENDE WOHNUNG KAUFEN - H3 AUSRICHTUNG (v21.36.3)
   ======================================== */

/* ========================================
   GRID ICON VIDEO FIX (v21.36.4)
   - uk-icon-play-circle durch FontAwesome ersetzen
   Datum: 18. April 2026
   ======================================== */

i.uk-icon-play-circle::before {
    font-family: FontAwesome !important;
    content: "\f144" !important;
}

/* ========================================
   ENDE GRID ICON VIDEO FIX (v21.36.4)
   ======================================== */

/* ========================================
   DENKMALIMMOBILIEN 3-SPALTIG (v21.36.5)
   Scope: catalog-default-in-denkmal-immobilien-investieren-stabile-kapitalanlage
   Datum: 18. April 2026
   ======================================== */

#yoo-zoo.catalog-default-in-denkmal-immobilien-investieren-stabile-kapitalanlage ul.zoo-item-list {
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 20px !important;
}

#yoo-zoo.catalog-default-in-denkmal-immobilien-investieren-stabile-kapitalanlage ul.zoo-item-list > li {
    width: calc(33.333% - 14px) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: none !important;
}

/* Foto: volle Breite */
#yoo-zoo.catalog-default-in-denkmal-immobilien-investieren-stabile-kapitalanlage ul.zoo-item-list > li .media img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Titel: rot */
#yoo-zoo.catalog-default-in-denkmal-immobilien-investieren-stabile-kapitalanlage ul.zoo-item-list > li p.title a {
    color: #DA203D !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

#yoo-zoo.catalog-default-in-denkmal-immobilien-investieren-stabile-kapitalanlage ul.zoo-item-list > li p.title a:hover {
    text-decoration: underline !important;
}

/* Meta: Denkmal Immobilie */
#yoo-zoo.catalog-default-in-denkmal-immobilien-investieren-stabile-kapitalanlage ul.zoo-item-list > li p.meta {
    font-size: 12px !important;
    color: #888888 !important;
    font-style: italic !important;
    margin: 2px 0 8px 0 !important;
}

/* Beschreibung: Text + Logo */
#yoo-zoo.catalog-default-in-denkmal-immobilien-investieren-stabile-kapitalanlage ul.zoo-item-list > li .description {
    font-size: 13px !important;
    color: #646464 !important;
    line-height: 1.5 !important;
}

/* ========================================
   ENDE DENKMALIMMOBILIEN 3-SPALTIG (v21.36.5)
   ======================================== */

/* ========================================
   DENKMALIMMOBILIEN TITEL FIX (v21.36.6)
   - p.title a: 20px, 24px, rot
   Datum: 18. April 2026
   ======================================== */

#yoo-zoo.catalog-default-in-denkmal-immobilien-investieren-stabile-kapitalanlage ul.zoo-item-list > li p.title a {
    font-size: 20px !important;
    line-height: 24px !important;
    color: #DA203D !important;
}

/* ========================================
   ENDE DENKMALIMMOBILIEN TITEL FIX (v21.36.6)
   ======================================== */

/* ========================================
   DENKMALIMMOBILIEN - INLINE MODULE FIX (v21.36.7)
   - .inline-module-verkaufen ul.zoo-item-list 3-spaltig
   Datum: 18. April 2026
   ======================================== */

#yoo-zoo.catalog-default-in-denkmal-immobilien-investieren-stabile-kapitalanlage .inline-module-verkaufen ul.zoo-item-list {
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 20px !important;
}

#yoo-zoo.catalog-default-in-denkmal-immobilien-investieren-stabile-kapitalanlage .inline-module-verkaufen ul.zoo-item-list > li {
    width: calc(33.333% - 14px) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: none !important;
}

#yoo-zoo.catalog-default-in-denkmal-immobilien-investieren-stabile-kapitalanlage .inline-module-verkaufen ul.zoo-item-list > li .media img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* ========================================
   ENDE DENKMALIMMOBILIEN - INLINE MODULE FIX (v21.36.7)
   ======================================== */

/* ========================================
   DENKMALIMMOBILIEN - LOGO FLOAT FIX (v21.36.8)
   - Logo-Bilder in description: float none, Block
   Datum: 18. April 2026
   ======================================== */

#yoo-zoo.catalog-default-in-denkmal-immobilien-investieren-stabile-kapitalanlage .inline-module-verkaufen .description img {
    float: none !important;
    display: block !important;
    margin: 0 0 10px 0 !important;
    max-width: 100% !important;
    height: auto !important;
}

/* ========================================
   ENDE DENKMALIMMOBILIEN - LOGO FLOAT FIX (v21.36.8)
   ======================================== */


/* ========================================
   ZOO GALLERY OBJEKT-SEITEN FIX (v21.36.9)
   - Scope: alle #yoo-zoo.catalog-default Seiten
   - float-basiert, 3 Bilder pro Reihe, einheitliche Höhe
   - Letztes Bild streckt sich nicht
   Datum: 18. April 2026
   ======================================== */

#yoo-zoo.catalog-default .zoo-gallery-wall {
    overflow: hidden !important;
    width: 100% !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

#yoo-zoo.catalog-default .zoo-gallery-wall a.thumb {
    float: left !important;
    width: 33.333% !important;
    height: 165px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding: 1px !important;
    margin: 0 !important;
    display: block !important;
}

#yoo-zoo.catalog-default .zoo-gallery-wall a.thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    vertical-align: top !important;
}

/* ========================================
   ENDE ZOO GALLERY OBJEKT-SEITEN FIX (v21.36.9)
   ======================================== */

/* ========================================
   ZOO GALLERY ASPECT RATIO (v21.37.0)
   - Bildformat 16:9 statt fixer Höhe
   Datum: 18. April 2026
   ======================================== */

#yoo-zoo.catalog-default .zoo-gallery-wall a.thumb {
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
}

/* ========================================
   ENDE ZOO GALLERY ASPECT RATIO (v21.37.0)
   ======================================== */

/* ========================================
   ZOO GALLERY HEIGHT FIX (v21.37.1)
   - Fixe Höhe 169px (16:9 bei 33% Breite)
   - aspect-ratio entfernt (kompatibel mit float)
   Datum: 18. April 2026
   ======================================== */

#yoo-zoo.catalog-default .zoo-gallery-wall a.thumb {
    height: 169px !important;
    aspect-ratio: unset !important;
}

/* ========================================
   ENDE ZOO GALLERY HEIGHT FIX (v21.37.1)
   ======================================== */

/* ========================================
   ZOO GALLERY FLOAT ROUNDING FIX (v21.37.2)
   - width: 33% statt 33.333% (Subpixel-Fix)
   Datum: 18. April 2026
   ======================================== */

#yoo-zoo.catalog-default .zoo-gallery-wall a.thumb {
    width: 33% !important;
}

/* ========================================
   ENDE ZOO GALLERY FLOAT ROUNDING FIX (v21.37.2)
   ======================================== */


/* ========================================
   ZOO GALLERY INLINE-BLOCK FIX (v21.37.3)
   - Wechsel von float auf inline-block
   - Zuverlässigere Rasterausrichtung
   Datum: 18. April 2026
   ======================================== */

#yoo-zoo.catalog-default .zoo-gallery-wall {
    font-size: 0 !important;
    white-space: nowrap !important;
}

#yoo-zoo.catalog-default .zoo-gallery-wall a.thumb {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
    width: 33% !important;
    height: 169px !important;
    white-space: normal !important;
}

/* ========================================
   ENDE ZOO GALLERY INLINE-BLOCK FIX (v21.37.3)
   ======================================== */

/* ========================================
   ZOO GALLERY CLEARFIX FIX (v21.37.4)
   - clearfix ::before/:after entfernen
   Datum: 18. April 2026
   ======================================== */

#yoo-zoo.catalog-default .zoo-gallery-wall.clearfix::before,
#yoo-zoo.catalog-default .zoo-gallery-wall.clearfix::after {
    content: none !important;
    display: none !important;
}

/* ========================================
   ENDE ZOO GALLERY CLEARFIX FIX (v21.37.4)
   ======================================== */


/* ========================================
   NEUBAUIMMOBILIEN 3-SPALTIG (v21.37.5)
   Scope: catalog-default-neubau-immobilien (Attributselektor)
   Datum: 18. April 2026
   ======================================== */

#yoo-zoo[class*="catalog-default-neubau-immobilien"] .inline-module-verkaufen ul.zoo-item-list {
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 20px !important;
}

#yoo-zoo[class*="catalog-default-neubau-immobilien"] .inline-module-verkaufen ul.zoo-item-list > li {
    width: calc(33.333% - 14px) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: none !important;
}

#yoo-zoo[class*="catalog-default-neubau-immobilien"] .inline-module-verkaufen ul.zoo-item-list > li .media img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

#yoo-zoo[class*="catalog-default-neubau-immobilien"] .inline-module-verkaufen ul.zoo-item-list > li p.title a {
    font-size: 20px !important;
    line-height: 24px !important;
    color: #DA203D !important;
    text-decoration: none !important;
}

#yoo-zoo[class*="catalog-default-neubau-immobilien"] .inline-module-verkaufen ul.zoo-item-list > li p.meta {
    font-size: 12px !important;
    color: #888888 !important;
    font-style: italic !important;
}

#yoo-zoo[class*="catalog-default-neubau-immobilien"] .inline-module-verkaufen .description img {
    float: none !important;
    display: block !important;
    margin: 0 0 10px 0 !important;
    max-width: 100% !important;
    height: auto !important;
}

/* ========================================
   ENDE NEUBAUIMMOBILIEN 3-SPALTIG (v21.37.5)
   ======================================== */

/* ========================================
   NEUBAUIMMOBILIEN LINK FIX (v21.37.6)
   - Titel Links: kein Unterstrich, Hover: Unterstrich
   Datum: 18. April 2026
   ======================================== */

#yoo-zoo[class*="catalog-default-neubau-immobilien"] .inline-module-verkaufen ul.zoo-item-list > li p.title a {
    text-decoration: none !important;
}

#yoo-zoo[class*="catalog-default-neubau-immobilien"] .inline-module-verkaufen ul.zoo-item-list > li p.title a:hover {
    text-decoration: underline !important;
}

/* ========================================
   ENDE NEUBAUIMMOBILIEN LINK FIX (v21.37.6)
   ======================================== */





/* ========================================
   SIDEBAR PRESSE ZUM OBJEKT (v21.37.7)
   - NUR .element-relateditems.first
   - Datum grau, Link rot — Bindestrich unverändert
   Datum: 18. April 2026
   ======================================== */

.catalog-default .item .pos-sidebar .element-relateditems.first > div {
    padding: 10px 15px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    font-size: 13px !important;
    color: #aaaaaa !important;
    line-height: 1.5 !important;
}

.catalog-default .item .pos-sidebar .element-relateditems.first > div:last-child {
    border-bottom: none !important;
}

.catalog-default .item .pos-sidebar .element-relateditems.first > div .element-date {
    color: #aaaaaa !important;
    font-size: 13px !important;
}

.catalog-default .item .pos-sidebar .element-relateditems.first > div .element-itemname a {
    color: #DA203D !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

.catalog-default .item .pos-sidebar .element-relateditems.first > div .element-itemname a:hover {
    text-decoration: underline !important;
    color: #b31831 !important;
}

/* ========================================
   ENDE SIDEBAR PRESSE ZUM OBJEKT (v21.37.7)
   ======================================== */

/* ========================================
   SIDEBAR PRESSE FIX (v21.37.8)
   - Link + Datum auf 16px
   Datum: 18. April 2026
   ======================================== */

.catalog-default .item .pos-sidebar .element-relateditems.first > div .element-date,
.catalog-default .item .pos-sidebar .element-relateditems.first > div .element-itemname a {
    font-size: 16px !important;
}

/* ========================================
   ENDE SIDEBAR PRESSE FIX (v21.37.8)
   ======================================== */


/* ========================================
   SIDEBAR PRESSE LINK RAHMEN FIX (v21.37.9)
   - Rahmen/Outline vom Link entfernen
   Datum: 18. April 2026
   ======================================== */

.catalog-default .item .pos-sidebar .element-relateditems.first > div .element-itemname a {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.catalog-default .item .pos-sidebar .element-relateditems.first > div .element-date {
    border: none !important;
    outline: none !important;
}

/* ========================================
   ENDE SIDEBAR PRESSE LINK RAHMEN FIX (v21.37.9)
   ======================================== */

/* ========================================
   SIDEBAR PRESSE SPAN RAHMEN FIX (v21.38.0)
   - .element.element-itemname.last Border entfernen
   Datum: 18. April 2026
   ======================================== */

.catalog-default .item .pos-sidebar .element-relateditems.first span.element-itemname,
.catalog-default .item .pos-sidebar .element-relateditems.first span.element-date {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ========================================
   ENDE SIDEBAR PRESSE SPAN RAHMEN FIX (v21.38.0)
   ======================================== */

/* ========================================
   SIDEBAR PRESSE DATE COLOR (v21.38.1)
   - element-date: color #646464
   Datum: 18. April 2026
   ======================================== */

.catalog-default .item .pos-sidebar .element-relateditems.first > div .element-date {
    color: #646464 !important;
}

/* ========================================
   ENDE SIDEBAR PRESSE DATE COLOR (v21.38.1)
   ======================================== */

/* ========================================
   SERVICE SEITE (v21.38.3)
   Scope: catalog-default-service
   - Akkordion Bild Höhe begrenzen
   - Weiterlesen Button rot
   Datum: 18. April 2026
   ======================================== */

/* Bild im Akkordion begrenzen */
#yoo-zoo.catalog-default-service .uk-accordion-content .uk-inline-clip img {
    max-height: 300px !important;
    width: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Akkordion Titel: rot */
#yoo-zoo.catalog-default-service .uk-accordion-title {
    color: #DA203D !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}

/* Weiterlesen Button: rot */
#yoo-zoo.catalog-default-service .uk-button-default {
    background: #DA203D !important;
    background-color: #DA203D !important;
    color: #ffffff !important;
    padding: 8px 20px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
    min-height: auto !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    text-decoration: none !important;
    display: inline-block !important;
    border: none !important;
    border-radius: 3px !important;
    cursor: pointer !important;
}

#yoo-zoo.catalog-default-service .uk-button-default:hover {
    background: #b81b33 !important;
    background-color: #b81b33 !important;
    color: #ffffff !important;
}

/* ========================================
   ENDE SERVICE SEITE (v21.38.3)
   ======================================== */

/* ========================================
   SERVICE BUTTON BOTTOM FIX (v21.38.4)
   - Weiterlesen Button immer unten
   Datum: 18. April 2026
   ======================================== */

#yoo-zoo.catalog-default-service .uk-accordion-content {
    display: flex !important;
    flex-direction: column !important;
}

#yoo-zoo.catalog-default-service .uk-accordion-content > p:last-child {
    margin-top: auto !important;
    padding-top: 15px !important;
}

/* ========================================
   ENDE SERVICE BUTTON BOTTOM FIX (v21.38.4)
   ======================================== */

/* ========================================
   SERVICE BILD FIX (v21.38.5)
   - Bilder nicht über gesamte Breite
   - Natürliche Größe, max 100%
   Datum: 18. April 2026
   ======================================== */

#yoo-zoo.catalog-default-service .uk-accordion-content .uk-inline-clip img {
    width: auto !important;
    max-width: 100% !important;
    max-height: 300px !important;
    object-fit: contain !important;
}

/* ========================================
   ENDE SERVICE BILD FIX (v21.38.5)
   ======================================== */

/* ========================================
   SERVICE AKKORDION FIX (v21.38.6)
   - hidden Attribut wieder respektieren
   Datum: 18. April 2026
   ======================================== */

#yoo-zoo.catalog-default-service .uk-accordion-content[hidden] {
    display: none !important;
}

/* ========================================
   ENDE SERVICE AKKORDION FIX (v21.38.6)
   ======================================== */

/* ========================================
   NEWS BILD GRÖSSE FIX (v21.38.8)
   - Bilder auf 400x300px
   Datum: 22. April 2026
   ======================================== */

.blog-uikit-news-2 .uk-align-medium-left img {
    width: 400px !important;
    height: 300px !important;
    max-width: 400px !important;
    object-fit: cover !important;
    display: block !important;
}

/* ========================================
   ENDE NEWS BILD GRÖSSE FIX (v21.38.8)
   ======================================== */


/* ========================================
   NEWS DETAIL - ZUM OBJEKT (v21.39.0)
   - Kompakte Vorschau: Bild klein, Link daneben
   Datum: 23. April 2026
   ======================================== */

/* Überschrift "Zum Objekt" */
.blog-uikit p.uk-article-meta {
    font-size: 13px !important;
    color: #888888 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin: 30px 0 8px 0 !important;
    border-top: 1px solid #e0e0e0 !important;
    padding-top: 15px !important;
}

/* Container: flex, Bild links + Text rechts */
.blog-uikit p.uk-article-meta + div {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    background: #f5f5f5 !important;
    padding: 12px !important;
    border: 1px solid #e0e0e0 !important;
    margin-bottom: 20px !important;
}

/* Bild: klein */
.blog-uikit p.uk-article-meta + div .element-image img {
    width: 120px !important;
    height: 80px !important;
    object-fit: cover !important;
    display: block !important;
}

/* Bindestrich ausblenden */
.blog-uikit p.uk-article-meta + div {
    font-size: 0 !important;
}

.blog-uikit p.uk-article-meta + div .element-image,
.blog-uikit p.uk-article-meta + div .element-itemname {
    font-size: 14px !important;
}

/* Link: rot */
.blog-uikit p.uk-article-meta + div .element-itemname a {
    color: #DA203D !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

.blog-uikit p.uk-article-meta + div .element-itemname a:hover {
    text-decoration: underline !important;
}

/* ========================================
   ENDE NEWS DETAIL - ZUM OBJEKT (v21.39.0)
   ======================================== */

/* ========================================
   NEWS DETAIL - ZUM OBJEKT LINK (v21.39.1)
   - Link: 27px
   Datum: 23. April 2026
   ======================================== */

.blog-uikit p.uk-article-meta + div .element-itemname a {
    font-size: 27px !important;
    line-height: 1.3 !important;
}

/* ========================================
   ENDE NEWS DETAIL - ZUM OBJEKT LINK (v21.39.1)
   ======================================== */

/* ========================================
   NEWS DETAIL - ZUM OBJEKT LAYOUT (v21.39.2)
   - Bild: 200px breit
   - Link-Text: max-width begrenzt für Zeilenumbruch
   Datum: 23. April 2026
   ======================================== */

.blog-uikit p.uk-article-meta + div .element-image img {
    width: 200px !important;
    height: 100px !important;
}

.blog-uikit p.uk-article-meta + div .element-itemname {
    max-width: 400px !important;
}

/* ========================================
   ENDE NEWS DETAIL - ZUM OBJEKT LAYOUT (v21.39.2)
   ======================================== */

/* ========================================
   NEWS DETAIL - ZUM OBJEKT TEXT FIX (v21.39.3)
   - max-width erhöht für 2 Zeilen
   Datum: 23. April 2026
   ======================================== */

.blog-uikit p.uk-article-meta + div .element-itemname {
    max-width: 550px !important;
}

/* ========================================
   ENDE NEWS DETAIL - ZUM OBJEKT TEXT FIX (v21.39.3)
   ======================================== */

/* ========================================
   NEWS DETAIL - ZUM OBJEKT ABSTÄNDE (v21.39.4)
   - Gleichmäßige Abstände Bild zum Rahmen
   Datum: 23. April 2026
   ======================================== */

.blog-uikit p.uk-article-meta + div {
    align-items: center !important;
    padding: 15px !important;
}

.blog-uikit p.uk-article-meta + div .element-image {
    flex-shrink: 0 !important;
    line-height: 0 !important;
}

.blog-uikit p.uk-article-meta + div .element-image a {
    display: block !important;
    line-height: 0 !important;
}

/* ========================================
   ENDE NEWS DETAIL - ZUM OBJEKT ABSTÄNDE (v21.39.4)
   ======================================== */


/* ========================================
   NEWS DETAIL - GALERIE 4 SPALTEN (v21.39.5)
   Scope: NUR blog-uikit Detail (nicht Übersicht)
   Datum: 23. April 2026
   ======================================== */

.yoo-zoo.blog-uikit:not(.blog-uikit-news-2) .zoo-gallery-wall {
    overflow: hidden !important;
    width: 100% !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

.yoo-zoo.blog-uikit:not(.blog-uikit-news-2) .zoo-gallery-wall a.thumb {
    float: left !important;
    width: 25% !important;
    height: 150px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding: 1px !important;
    margin: 0 !important;
    display: block !important;
}

.yoo-zoo.blog-uikit:not(.blog-uikit-news-2) .zoo-gallery-wall a.thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* ========================================
   ENDE NEWS DETAIL - GALERIE 4 SPALTEN (v21.39.5)
   ======================================== */

/* ========================================
   NEWS DETAIL - BREITE BEGRENZEN (v21.39.6)
   - Inhalt auf 70% Breite begrenzen
   Datum: 23. April 2026
   ======================================== */

.yoo-zoo.blog-uikit:not(.blog-uikit-news-2) {
    max-width: 70% !important;
}

/* ========================================
   ENDE NEWS DETAIL - BREITE BEGRENZEN (v21.39.6)
   ======================================== */

/* ========================================
   NEWS DETAIL - BREITE FIX (v21.39.7)
   - max-width auf 75%
   Datum: 23. April 2026
   ======================================== */

.yoo-zoo.blog-uikit:not(.blog-uikit-news-2):not(.blog-uikit-frontpage) {
    max-width: 75% !important;
}

/* ========================================
   ENDE NEWS DETAIL - BREITE FIX (v21.39.7)
   ======================================== */

/* ========================================
   NEWS ÜBERSICHT - BREITE (v21.39.8)
   - Übersicht auch auf 75%
   Datum: 23. April 2026
   ======================================== */

.yoo-zoo.blog-uikit.blog-uikit-news-2 {
    max-width: 75% !important;
}

/* ========================================
   ENDE NEWS ÜBERSICHT - BREITE (v21.39.8)
   ======================================== */

/* ========================================
   STARTSEITE - VOLLE BREITE (v21.45.0)
   Frontpage: 100% + Überschriften schwarz
   ======================================== */

.yoo-zoo.blog-uikit.blog-uikit-frontpage {
    max-width: 100% !important;
    width: 100% !important;
}

.yoo-zoo.blog-uikit.blog-uikit-frontpage h1.uk-article-title,
.yoo-zoo.blog-uikit.blog-uikit-frontpage h1.uk-article-title a {
    font-size: 22px !important;
    font-weight: normal !important;
    line-height: 28px !important;
    color: inherit !important;
    text-decoration: none !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}

.yoo-zoo.blog-uikit.blog-uikit-frontpage h1.uk-article-title a:hover {
    color: #DA203D !important;
}

/* ========================================
   ENDE STARTSEITE BREITE (v21.45.0)
   ======================================== */


/* ========================================
   NEWS PAGINATION - KOMPLETT (v21.40.8)
   Datum: 24. April 2026
   ======================================== */

/* Container */
html body .blog-uikit-news-2 .uk-pagination {
    justify-content: center !important;
    text-align: center !important;
}

/* Alle Buttons */
html body .blog-uikit-news-2 .uk-pagination > li > a,
html body .blog-uikit-news-2 .uk-pagination > li > span {
    font-family: 'PT Sans', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    color: #646464 !important;
    background: #f5f5f5 !important;
    text-decoration: none !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* Hover */
html body .blog-uikit-news-2 .uk-pagination > li > a:hover {
    color: #da203d !important;
    background: #f5f5f5 !important;
}

/* Aktive Seite */
html body .blog-uikit-news-2 .uk-pagination > li.uk-active > span {
    background: #DA203D !important;
    color: #ffffff !important;
}

/* Erster/Letzter als Pille */
html body .blog-uikit-news-2 .uk-pagination > li:first-child > a,
html body .blog-uikit-news-2 .uk-pagination > li:last-child > a {
    width: auto !important;
    min-width: auto !important;
    padding: 0 16px !important;
    border-radius: 20px !important;
}

/* ========================================
   ENDE NEWS PAGINATION - KOMPLETT (v21.40.8)
   ======================================== */

/* ========================================
   NEWS PAGINATION GRÖSSE (v21.40.9)
   - Kreise 48px, Schrift 16px
   Datum: 24. April 2026
   ======================================== */

html body .blog-uikit-news-2 .uk-pagination > li > a,
html body .blog-uikit-news-2 .uk-pagination > li > span {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    font-size: 16px !important;
}

html body .blog-uikit-news-2 .uk-pagination > li:first-child > a,
html body .blog-uikit-news-2 .uk-pagination > li:last-child > a {
    width: auto !important;
    min-width: auto !important;
    font-size: 16px !important;
}

/* ========================================
   ENDE NEWS PAGINATION GRÖSSE (v21.40.9)
   ======================================== */

/* ========================================
   NEWS PAGINATION HOVER BG (v21.41.0)
   - Hover/Focus: background #f0f0f0
   Datum: 24. April 2026
   ======================================== */

html body .blog-uikit-news-2 .uk-pagination > li > a:hover,
html body .blog-uikit-news-2 .uk-pagination > li > a:focus {
    background: #f0f0f0 !important;
}

/* ========================================
   ENDE NEWS PAGINATION HOVER BG (v21.41.0)
   ======================================== */

/* ========================================
   NEWS PAGINATION GRÖSSE FIX (v21.41.1)
   - Kreise 40px, Schrift 22px
   Datum: 24. April 2026
   ======================================== */

html body .blog-uikit-news-2 .uk-pagination > li > a,
html body .blog-uikit-news-2 .uk-pagination > li > span {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    font-size: 22px !important;
}

html body .blog-uikit-news-2 .uk-pagination > li:first-child > a,
html body .blog-uikit-news-2 .uk-pagination > li:last-child > a {
    width: auto !important;
    min-width: auto !important;
    font-size: 22px !important;
}

/* ========================================
   ENDE NEWS PAGINATION GRÖSSE FIX (v21.41.1)
   ======================================== */

/* ========================================
   NEWS PAGINATION SCHRIFT FIX (v21.41.2)
   - Schrift 18px
   Datum: 24. April 2026
   ======================================== */

html body .blog-uikit-news-2 .uk-pagination > li > a,
html body .blog-uikit-news-2 .uk-pagination > li > span {
    font-size: 18px !important;
}

html body .blog-uikit-news-2 .uk-pagination > li:first-child > a,
html body .blog-uikit-news-2 .uk-pagination > li:last-child > a {
    font-size: 18px !important;
}

/* ========================================
   ENDE NEWS PAGINATION SCHRIFT FIX (v21.41.2)
   ======================================== */

/* ========================================
   NEWS PAGINATION SCHRIFT (v21.41.3)
   - Schrift 16px
   Datum: 24. April 2026
   ======================================== */

html body .blog-uikit-news-2 .uk-pagination > li > a,
html body .blog-uikit-news-2 .uk-pagination > li > span,
html body .blog-uikit-news-2 .uk-pagination > li:first-child > a,
html body .blog-uikit-news-2 .uk-pagination > li:last-child > a {
    font-size: 16px !important;
}

/* ========================================
   ENDE NEWS PAGINATION SCHRIFT (v21.41.3)
   ======================================== */

/* ========================================
   SERVICE DENKMALABSCHREIBUNG (v21.41.7)
   Scope: catalog-default-abschreibungen
   - uk-hidden Fix für Toggle-Elemente
   - Sidebar Externe Links stylen
   Datum: 21. Mai 2026
   ======================================== */

/* uk-hidden respektieren */
#yoo-zoo.catalog-default-abschreibungen .uk-hidden {
    display: none !important;
}

/* Sidebar Externe Links */
#yoo-zoo.catalog-default-abschreibungen .pos-sidebar .element-link h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #323232 !important;
    margin-bottom: 10px !important;
    border: none !important;
}

#yoo-zoo.catalog-default-abschreibungen .pos-sidebar .element-link > div > a {
    display: block !important;
    padding: 6px 15px !important;
    color: #DA203D !important;
    font-size: 14px !important;
    text-decoration: none !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

#yoo-zoo.catalog-default-abschreibungen .pos-sidebar .element-link > div:last-child > a {
    border-bottom: none !important;
}

#yoo-zoo.catalog-default-abschreibungen .pos-sidebar .element-link > div > a:hover {
    color: #b31831 !important;
    text-decoration: underline !important;
}

/* Weiterlesen Button */
#yoo-zoo.catalog-default-abschreibungen .uk-button {
    background: #f5f5f5 !important;
    color: #646464 !important;
    border: 1px solid #e0e0e0 !important;
    padding: 5px 15px !important;
    font-size: 13px !important;
    cursor: pointer !important;
}

#yoo-zoo.catalog-default-abschreibungen .uk-button:hover {
    background: #e8e8e8 !important;
}

/* ========================================
   ENDE SERVICE DENKMALABSCHREIBUNG (v21.41.7)
   ======================================== */

/* ========================================
   SERVICE DENKMALABSCHREIBUNG TOGGLE (v21.41.8)
   - :target CSS Toggle für Weiterlesen
   Datum: 21. Mai 2026
   ======================================== */

/* Texte standardmäßig verstecken */
#yoo-zoo.catalog-default-abschreibungen #abschreibung1,
#yoo-zoo.catalog-default-abschreibungen #abschreibung2,
#yoo-zoo.catalog-default-abschreibungen #abschreibung3 {
    display: none !important;
    overflow: hidden !important;
}

/* Anzeigen wenn per Link angesprungen */
#yoo-zoo.catalog-default-abschreibungen #abschreibung1:target,
#yoo-zoo.catalog-default-abschreibungen #abschreibung2:target,
#yoo-zoo.catalog-default-abschreibungen #abschreibung3:target {
    display: block !important;
    padding: 15px !important;
    background: #f9f9f9 !important;
    border-left: 3px solid #DA203D !important;
    margin: 10px 0 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #646464 !important;
}

/* Button Styling */
#yoo-zoo.catalog-default-abschreibungen a.weiterlesen-btn {
    display: inline-block !important;
    background: #f5f5f5 !important;
    color: #646464 !important;
    border: 1px solid #e0e0e0 !important;
    padding: 5px 15px !important;
    font-size: 13px !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

#yoo-zoo.catalog-default-abschreibungen a.weiterlesen-btn:hover {
    background: #e8e8e8 !important;
    color: #323232 !important;
}

/* ========================================
   ENDE SERVICE DENKMALABSCHREIBUNG TOGGLE (v21.41.8)
   ======================================== */

/* ========================================
   DENKMALABSCHREIBUNG CHECKBOX TOGGLE (v21.41.9)
   - Checkbox Toggle für Weiterlesen
   Datum: 21. Mai 2026
   ======================================== */

/* Checkbox verstecken */
#yoo-zoo.catalog-default-abschreibungen input.abschreibung-toggle {
    display: none !important;
}

/* Weiterer Text standardmäßig versteckt */
#yoo-zoo.catalog-default-abschreibungen .weiterer-text {
    display: none !important;
    padding: 15px !important;
    background: #f9f9f9 !important;
    border-left: 3px solid #DA203D !important;
    margin: 10px 0 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #646464 !important;
}

/* Anzeigen wenn Checkbox aktiviert — Fix für p-Wrapper */
#yoo-zoo.catalog-default-abschreibungen input.abschreibung-toggle:checked + .weiterlesen-btn + .weiterer-text,
#yoo-zoo.catalog-default-abschreibungen p:has(input.abschreibung-toggle:checked) + p + .weiterer-text {
    display: block !important;
}

/* Label als Button */
#yoo-zoo.catalog-default-abschreibungen label.weiterlesen-btn {
    display: inline-block !important;
    background: #f5f5f5 !important;
    color: #646464 !important;
    border: 1px solid #e0e0e0 !important;
    padding: 5px 15px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    margin: 8px 0 !important;
    user-select: none !important;
}

#yoo-zoo.catalog-default-abschreibungen label.weiterlesen-btn:hover {
    background: #e8e8e8 !important;
    color: #323232 !important;
}

/* Label aktiv wenn offen — Fix für p-Wrapper */
#yoo-zoo.catalog-default-abschreibungen input.abschreibung-toggle:checked + .weiterlesen-btn,
#yoo-zoo.catalog-default-abschreibungen p:has(input.abschreibung-toggle:checked) + p label.weiterlesen-btn {
    background: #e8e8e8 !important;
    color: #DA203D !important;
}

/* ========================================
   ENDE DENKMALABSCHREIBUNG CHECKBOX TOGGLE (v21.41.9)
   ======================================== */

/* ========================================
   DENKMALABSCHREIBUNG BREITE (v21.42.0)
   - pos-summary Breite auf Inhaltsbereich begrenzen
   Datum: 21. Mai 2026
   ======================================== */

#yoo-zoo.catalog-default-abschreibungen .pos-summary {
    max-width: 73% !important;
}

/* ========================================
   ENDE DENKMALABSCHREIBUNG BREITE (v21.42.0)
   ======================================== */

/* ========================================
   DENKMALABSCHREIBUNG JUSTIFY (v21.42.1)
   - Blocktext ab "Steuervorteile" Abschnitt
   Datum: 21. Mai 2026
   ======================================== */

#yoo-zoo.catalog-default-abschreibungen .pos-summary p[style*="text-align: justify"] {
    text-align: justify !important;
}

/* ========================================
   ENDE DENKMALABSCHREIBUNG JUSTIFY (v21.42.1)
   ======================================== */

/* ========================================
   DENKMALABSCHREIBUNG JUSTIFY FIX (v21.42.2)
   - Alle p in pos-summary auf justify
   Datum: 21. Mai 2026
   ======================================== */

#yoo-zoo.catalog-default-abschreibungen .pos-summary p {
    text-align: justify !important;
}

/* ========================================
   ENDE DENKMALABSCHREIBUNG JUSTIFY FIX (v21.42.2)
   ======================================== */


/* ========================================
   DENKMALABSCHREIBUNG JUSTIFY FIX 2 (v21.42.3)
   - Nur Absätze NACH h2 "Steuervorteile"
   Datum: 21. Mai 2026
   ======================================== */

html body #yoo-zoo.catalog-default-abschreibungen .item .pos-summary .element-textarea h2 ~ p {
    text-align: justify !important;
}

html body #yoo-zoo.catalog-default-abschreibungen .item .pos-summary .element-textarea h3 ~ p {
    text-align: justify !important;
}

/* ========================================
   ENDE DENKMALABSCHREIBUNG JUSTIFY FIX 2 (v21.42.3)
   ======================================== */

/* ========================================
   DENKMALSCHUTZ ICON FIX (v21.42.5)
   - em.uk-icon-chevron-circle-right → FontAwesome
   - NUR catalog-default-denkmalimmobilien-2
   Datum: 21. Mai 2026
   ======================================== */

#yoo-zoo.catalog-default-denkmalimmobilien-2 em.uk-icon-chevron-circle-right::before {
    content: "\f138" !important;
    font-family: FontAwesome !important;
    font-style: normal !important;
    font-weight: normal !important;
    display: inline-block !important;
    color: #DA203D !important;
    margin-right: 6px !important;
    font-size: 16px !important;
    -webkit-font-smoothing: antialiased !important;
}

/* ========================================
   ENDE DENKMALSCHUTZ ICON FIX (v21.42.5)
   ======================================== */

/* ========================================
   SERVICE MUSTERBERECHNUNG (v21.42.6)
   Scope: catalog-default-musterberrechnung
   - uk-button-primary → rot (#DA203D)
   - "No video selected." ausblenden
   Datum: 22. Mai 2026
   ======================================== */

/* Button rot */
#yoo-zoo.catalog-default-musterberrechnung .uk-button-primary,
#yoo-zoo.catalog-default-musterberrechnung a.uk-button-primary {
    background: #DA203D !important;
    color: #ffffff !important;
    border: none !important;
}

#yoo-zoo.catalog-default-musterberrechnung .uk-button-primary:hover,
#yoo-zoo.catalog-default-musterberrechnung a.uk-button-primary:hover,
#yoo-zoo.catalog-default-musterberrechnung .uk-button-primary:focus,
#yoo-zoo.catalog-default-musterberrechnung a.uk-button-primary:focus {
    background: #b31831 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* "No video selected." ausblenden */
#yoo-zoo.catalog-default-musterberrechnung .element-media {
    display: none !important;
}

/* ========================================
   ENDE SERVICE MUSTERBERECHNUNG (v21.42.6)
   ======================================== */

/* ========================================
   SERVICE IMPRESSUM (v21.42.7)
   Scope: catalog-default-impressum
   - "No video selected." ausblenden
   Datum: 22. Mai 2026
   ======================================== */

#yoo-zoo.catalog-default-impressum .element-media {
    display: none !important;
}

/* ========================================
   ENDE SERVICE IMPRESSUM (v21.42.7)
   ======================================== */

/* ========================================
   DATENSCHUTZERKLÄRUNG (v21.42.8)
   Scope: catalog-default-datenschutzerklaerung
   - "No video selected." ausblenden
   Datum: 22. Mai 2026
   ======================================== */

#yoo-zoo.catalog-default-datenschutzerklaerung .element-media {
    display: none !important;
}

/* ========================================
   ENDE DATENSCHUTZERKLÄRUNG (v21.42.8)
   ======================================== */

/* ========================================
   NUTZUNGSBEDINGUNGEN (v21.42.9)
   Scope: catalog-default-nutzungsbedingungen
   - "No video selected." ausblenden
   Datum: 22. Mai 2026
   ======================================== */

#yoo-zoo.catalog-default-nutzungsbedingungen .element-media {
    display: none !important;
}

/* ========================================
   ENDE NUTZUNGSBEDINGUNGEN (v21.42.9)
   ======================================== */

/* ========================================
   404 FEHLERSEITE (v21.43.0)
   Scope: body.error-page
   - Debug Output + Call Stack ausblenden
   - Layout: volle Höhe, vertikal zentriert
   - Sad-Face Icon via CSS ::before
   - Typografie wie Original (grau, Versalien)
   - "Go Home" Button → Link-Style rot
   Datum: 22. Mai 2026
   ======================================== */

/* Vollbild-Zentrierung */
body.error-page {
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
}

body.error-page > .container {
    max-width: 620px !important;
    text-align: center !important;
    padding: 40px 20px !important;
}

/* Sad-Face Icon über ::before */
body.error-page .container > .row:first-child .col-12 {
    position: relative !important;
}

body.error-page .container > .row:first-child .col-12::before {
    content: "\f119" !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 400 !important;
    display: block !important;
    font-size: 110px !important;
    color: #888888 !important;
    line-height: 1 !important;
    margin-bottom: 20px !important;
    -webkit-font-smoothing: antialiased !important;
}

/* 404 Zahl */
body.error-page h2.display-1 {
    font-size: 96px !important;
    font-weight: 700 !important;
    color: #323232 !important;
    line-height: 1 !important;
    margin-bottom: 8px !important;
    font-family: 'PT Sans', sans-serif !important;
}

/* "Seite nicht gefunden" → Versalien, grau */
body.error-page p.display-6 {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #999999 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 25px !important;
    font-family: 'PT Sans', sans-serif !important;
}

/* "Go Home" Button → roter Link-Stil */
body.error-page a.btn-backtohome {
    display: inline !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #DA203D !important;
    font-size: 14px !important;
    font-family: 'PT Sans', sans-serif !important;
    padding: 0 !important;
    text-decoration: none !important;
    font-weight: normal !important;
}

body.error-page a.btn-backtohome:hover {
    color: #b31831 !important;
    text-decoration: underline !important;
    background: none !important;
}

/* Debug Output, Call Stack, ERROR-Zeile ausblenden */
body.error-page .row.bg-white,
body.error-page code,
body.error-page #caption,
body.error-page .table,
body.error-page h2#caption {
    display: none !important;
}

/* ========================================
   ENDE 404 FEHLERSEITE (v21.43.0)
   ======================================== */

/* ========================================
   BERECHNUNGSANFORDERUNG - RSFORM (v21.43.1)
   Scope: form#userForm.formResponsive
   - Zweispaltig: Label links (210px), Feld rechts
   - Input/Select: 170px breit, Border grau
   - Submit Button: rot (#DA203D)
   - formNoError: ausgeblendet
   - formRequired (*): rot
   - RSForm H2: rot, 28px (Seitentitel)
   Datum: 22. Mai 2026
   ======================================== */

/* Formular-Wrapper */
form#userForm {
    max-width: 700px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    font-size: 16px !important;
    color: #666666 !important;
}

/* RSForm H2 als roter Seitentitel stylen */
form#userForm h2 {
    color: #DA203D !important;
    font-size: 28px !important;
    font-weight: 300 !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    margin-bottom: 16px !important;
    margin-top: 0 !important;
    line-height: 1.2 !important;
}

/* Intro-Text */
form#userForm .rsform-block-text {
    margin-bottom: 15px !important;
    color: #666666 !important;
    font-size: 16px !important;
}

/* Horizontales Block-Layout: Label links, Feld rechts */
form#userForm .formHorizontal .rsform-block {
    display: flex !important;
    align-items: flex-start !important;
    margin-bottom: 10px !important;
}

/* Label */
form#userForm .formHorizontal .formControlLabel {
    width: 210px !important;
    min-width: 210px !important;
    padding-right: 15px !important;
    padding-top: 5px !important;
    font-size: 16px !important;
    color: #666666 !important;
    text-align: left !important;
    font-weight: normal !important;
}

/* Feld-Container */
form#userForm .formHorizontal .formControls {
    flex: 1 !important;
}

/* Input-Felder */
form#userForm .rsform-input-box {
    width: 280px !important;
    height: 28px !important;
    padding: 3px 6px !important;
    border: 1px solid #cccccc !important;
    border-radius: 2px !important;
    font-size: 16px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    color: #666666 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

/* Select-Boxen */
form#userForm .rsform-select-box {
    width: 280px !important;
    height: 28px !important;
    padding: 2px 6px !important;
    border: 1px solid #cccccc !important;
    border-radius: 2px !important;
    font-size: 16px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    color: #666666 !important;
    background: #ffffff !important;
}

/* Textarea Bemerkungen */
form#userForm .rsform-text-box {
    width: 280px !important;
    padding: 4px 6px !important;
    border: 1px solid #cccccc !important;
    border-radius: 2px !important;
    font-size: 16px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    color: #666666 !important;
    background: #ffffff !important;
    resize: vertical !important;
}

/* Focus: roter Rahmen */
form#userForm .rsform-input-box:focus,
form#userForm .rsform-select-box:focus,
form#userForm .rsform-text-box:focus {
    border-color: #DA203D !important;
    outline: none !important;
    box-shadow: 0 0 3px rgba(218, 32, 61, 0.2) !important;
}

/* Pflichtfeld (*) rot */
form#userForm .formRequired {
    color: #DA203D !important;
    font-weight: normal !important;
}

/* Validierungsmeldung: versteckt wenn kein Fehler */
form#userForm .formNoError {
    display: none !important;
}

/* Validierungsmeldung: sichtbar bei Fehler */
form#userForm .formError {
    color: #DA203D !important;
    font-size: 12px !important;
    display: block !important;
    margin-top: 3px !important;
}

/* Leere Beschreibungszeilen entfernen */
form#userForm p.formDescription:empty {
    display: none !important;
    margin: 0 !important;
}

/* Zustimmung Datennutzung: volle Breite, Label weg */
form#userForm .rsform-block-zustimmung-nutzung-daten {
    display: block !important;
    margin-top: 5px !important;
    margin-bottom: 12px !important;
}

form#userForm .rsform-block-zustimmung-nutzung-daten .formControlLabel {
    display: none !important;
}

form#userForm .rsform-block-zustimmung-nutzung-daten .formControls {
    padding-left: 210px !important;
}

form#userForm .rsform-checkbox {
    margin-right: 6px !important;
    vertical-align: middle !important;
    cursor: pointer !important;
}

/* reCAPTCHA-Block einrücken */
form#userForm .rsform-block-anti-spam {
    display: flex !important;
    align-items: flex-start !important;
    margin-bottom: 12px !important;
}

form#userForm .rsform-block-anti-spam .formControlLabel {
    width: 210px !important;
    min-width: 210px !important;
    padding-top: 22px !important;
}

/* Submit-Button: rot */
form#userForm .rsform-submit-button {
    background: #DA203D !important;
    color: #ffffff !important;
    border: none !important;
    padding: 8px 24px !important;
    font-size: 16px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    font-weight: normal !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    line-height: 1.4 !important;
    text-transform: none !important;
}

form#userForm .rsform-submit-button:hover {
    background: #b31831 !important;
    color: #ffffff !important;
}

/* Senden-Zeile: Label-Breite beibehalten */
form#userForm .rsform-block-senden .formControlLabel {
    width: 210px !important;
    min-width: 210px !important;
}

/* ========================================
   ENDE BERECHNUNGSANFORDERUNG (v21.43.1)
   ======================================== */

/* ========================================
   REFERENZEN (v21.43.2)
   Scope: catalog-default-referenzen
   - Intro-Text: linksbündig statt Blocksatz
   Datum: 22. Mai 2026
   ======================================== */

#yoo-zoo.catalog-default-referenzen .description p {
    text-align: left !important;
}

/* Titelbereich immer exakt 3-zeilig + halbe Zeile Abstand unten */
#yoo-zoo.catalog-default-referenzen .items h2.pos-title {
    height: 79px !important;
    overflow: hidden !important;
    min-height: unset !important;
}

/* Grid-Abstände: 1px */
#yoo-zoo.catalog-default-referenzen .items .row {
    gap: 1px !important;
    margin-bottom: 1px !important;
}

#yoo-zoo.catalog-default-referenzen .items .width25 {
    flex: 0 0 calc(25% - 1px) !important;
    width: calc(25% - 1px) !important;
    padding: 0 !important;
}

/* Foto-Höhe: 150px (Original) */
#yoo-zoo.catalog-default-referenzen .pos-media,
#yoo-zoo.catalog-default-referenzen .pos-media img {
    height: 150px !important;
}

/* ========================================
   ENDE REFERENZEN (v21.43.2)
   ======================================== */

/* ========================================
   REFERENZEN - SIDEBAR DOPPELRAHMEN FIX (v21.43.3)
   Scope: NUR Sidebar mit Klasse referenzen-auszug-sidbar-a-modul
   Entfernt den Border von .sidebar-a-position.moduletable
   da .uk-panel-box bereits einen Border liefert.
   Andere Seiten bleiben unberührt.
   Datum: 22. Mai 2026
   ======================================== */

html body .astroid-module-position .sidebar-a-position.moduletable:has(.referenzen-auszug-sidbar-a-modul) {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* ========================================
   ENDE REFERENZEN SIDEBAR FIX (v21.43.3)
   ======================================== */

/* ========================================
   REFERENZEN DETAILANSICHT (v21.43.4)
   Scope: .element-image + .element-gallery (strukturell)
   Diese Kombination existiert NUR auf Referenz-Detailseiten.
   body:has() war zu unzuverlässig (Browser-Kompatibilität).
   - Thumbnails: 139x100px, gleichmäßig
   - Text: linksbündig (kein Blocksatz)
   - "No video selected." ausblenden
   Datum: 30. Mai 2026
   ======================================== */

/* Thumbnails: 139x100px auf ALLEN Referenz-Detailseiten
   Scope: body:has(.referenzen-auszug-sidbar-a-modul)
   Deckt BEIDE Strukturvarianten ab:
   - .element-image + .element-gallery (z.B. Alexanderstraße)
   - .element-gallery.first ohne Hauptbild (z.B. BuckauQuartier)
   Projekte-Seiten haben diese Sidebar NICHT → nicht betroffen */
body:has(.referenzen-auszug-sidbar-a-modul) #yoo-zoo .pos-summary .zoo-gallery-wall a.thumb {
    flex: 0 0 139px !important;
    width: 139px !important;
    height: 100px !important;
    overflow: hidden !important;
    margin: 0 2px 2px 0 !important;
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    aspect-ratio: unset !important;
    display: block !important;
}

body:has(.referenzen-auszug-sidbar-a-modul) #yoo-zoo .pos-summary .zoo-gallery-wall a.thumb img {
    width: 139px !important;
    height: 100px !important;
    object-fit: cover !important;
    display: block !important;
}

/* "No video selected." ausblenden */
body:has(.referenzen-auszug-sidbar-a-modul) #yoo-zoo .pos-summary .element-media {
    display: none !important;
}

/* ========================================
   ENDE REFERENZEN DETAILANSICHT (v21.43.4)
   ======================================== */

/* ========================================
   SERVICE - AKKORDION RAHMEN & HINTERGRUND (v21.43.5)
   Scope: catalog-default-service
   - Jedes Item: #f7f7f7 Hintergrund + #dddddd Rahmen
   - Aktives Item: weiss + roter linker Akzent (#DA203D)
   - Titel: dezente Hover-Farbe
   Datum: 30. Mai 2026
   ======================================== */

/* Jedes Akkordion-Item */
#yoo-zoo.catalog-default-service .uk-accordion > li {
    background: #f7f7f7 !important;
    border: 1px solid #dddddd !important;
    margin-bottom: 6px !important;
    padding: 0 !important;
    border-radius: 2px !important;
    transition: border-color 0.2s ease !important;
}

/* Akkordion-Titel */
#yoo-zoo.catalog-default-service .uk-accordion > li .uk-accordion-title {
    padding: 14px 20px !important;
    margin: 0 !important;
}

/* Aktives Item: weiss + roter linker Streifen */
#yoo-zoo.catalog-default-service .uk-accordion > li.uk-open {
    background: #ffffff !important;
    border: 1px solid #cccccc !important;
    border-left: 4px solid #DA203D !important;
}

/* Akkordion-Inhalt */
#yoo-zoo.catalog-default-service .uk-accordion > li .uk-accordion-content {
    padding: 0 20px 20px 20px !important;
    margin: 0 !important;
}

/* Hover: Rahmen leicht rot */
#yoo-zoo.catalog-default-service .uk-accordion > li:hover {
    border-color: #DA203D !important;
}

/* ========================================
   ENDE SERVICE AKKORDION (v21.43.5)
   ======================================== */

/* ========================================
   TOP-A VIDEOMODUL - Referenzen Detailseiten (v21.43.7)
   Gilt für: Haus Cumberland, Ludwig Hoffmann Quartier,
             Marina Quartier, Ottilie-von-Hansemann-Haus
   Hintergrund: dunkelbraun wie Original
   ======================================== */

/* Top-B Position: dunkler Hintergrund für Video-Module */
.module-top-b,
.module-top-b .top-b-position,
.module-top-b .moduletable,
.top-b-position,
.top-b-position.moduletable {
    background: #3c3c3c !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.top-b-position .pp-video-module,
.module-top-b .pp-video-module {
    background: #3c3c3c !important;
    padding: 40px 0 !important;
    width: 100% !important;
}

/* Text-Spalte: oben + linksbündig */
.top-b-position .pp-video-module .row,
.module-top-b .pp-video-module .row {
    align-items: flex-start !important;
}

.top-b-position .pp-video-module .col-md-4,
.module-top-b .pp-video-module .col-md-4 {
    text-align: left !important;
    padding-top: 0 !important;
}

.top-b-position .pp-video-module h2,
.module-top-b .pp-video-module h2 {
    color: #c5c5c5 !important;
    font-size: 27px !important;
    font-weight: 400 !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    line-height: 34px !important;
    margin-bottom: 15px !important;
    text-align: left !important;
}

.top-b-position .pp-video-module p,
.module-top-b .pp-video-module p {
    color: #898989 !important;
    font-size: 14px !important;
    font-family: 'PT Sans', Arial, sans-serif !important;
    line-height: 1.6 !important;
    text-align: left !important;
}

/* Responsives Video (16:9) */
.top-b-position .pp-video-module .video-container,
.module-top-b .pp-video-module .video-container {
    position: relative !important;
    padding-bottom: 56.25% !important;
    height: 0 !important;
    overflow: hidden !important;
}

.top-b-position .pp-video-module .video-container iframe,
.module-top-b .pp-video-module .video-container iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
}

/* ========================================
   ENDE TOP-A VIDEOMODUL (v21.43.7)
   ======================================== */

/* ========================================
   SERVICE - MUSTERBERECHNUNG BUTTON (v21.43.8)
   Scope: catalog-default-musterberrechnung
   Button "Musterberechnung anfordern" — nicht zu breit
   ======================================== */
#yoo-zoo.catalog-default-musterberrechnung a.uk-button.uk-button-primary,
#yoo-zoo.catalog-default-musterberrechnung a.uk-button-primary {
    color: #ffffff !important;
    background: #DA203D !important;
    background-color: #DA203D !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    width: auto !important;
    padding: 2px 20px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    border: none !important;
    border-radius: 3px !important;
    cursor: pointer !important;
}

#yoo-zoo.catalog-default-musterberrechnung a.uk-button.uk-button-primary:hover,
#yoo-zoo.catalog-default-musterberrechnung a.uk-button-primary:hover {
    background: #b81b33 !important;
    background-color: #b81b33 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
/* ========================================
   ENDE MUSTERBERECHNUNG BUTTON (v21.43.8)
   ======================================== */

/* ========================================
   NAVIGATION - SUBMENU ANIMATION DEAKTIVIERT (v21.43.9)
   Nach Astroid-Update: Submenüs verschieben sich seitlich
   via transform: translate(10px, 0px) → deaktivieren
   ======================================== */

.nav-submenu,
.nav-submenu-container .nav-submenu,
.megamenu-container .nav-submenu,
#astroid-sticky-header .nav-submenu,
header.astroid-header-sticky .nav-submenu {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    translate: none !important;
}

.nav-submenu-container,
.megamenu-container {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    translate: none !important;
}

/* ========================================
   ENDE SUBMENU ANIMATION (v21.43.9)
   ======================================== */

/* ========================================
   NAVIGATION - CARET FIX NACH ASTROID UPDATE (v21.44.0)
   Level-1 chevron-down Pfeile ausblenden
   VP-Menü Layout-Fix (Umbruch verhindern)
   ======================================== */

/* Level-1 Carets ausblenden (neu nach Astroid-Update) */
.nav-item-level-1 .nav-item-caret,
.nav-item-level-1 .fa-chevron-down,
.nav-item-level-1 i.nav-item-caret,
.astroid-nav > li .nav-item-caret,
.astroid-nav > li .fa-chevron-down,
.astroid-nav > li > a .nav-item-caret,
.astroid-nav > li > a i.fa-chevron-down {
    display: none !important;
}

/* VP-Menü: Umbruch verhindern + Höhe anpassen */
#menu-vertriebspartner ul.mod-menu {
    flex-wrap: nowrap !important;
    height: 100px !important;
    align-items: flex-end !important;
}

#menu-vertriebspartner {
    height: 100px !important;
    display: block !important;
}

/* VP-Menü: Dropdown-Caret ausblenden */
#menu-vertriebspartner .nav-item-caret,
#menu-vertriebspartner .fa-chevron-down,
#menu-vertriebspartner .dropdown-toggle::after,
#menu-vertriebspartner button.dropdown-toggle,
#menu-vertriebspartner button.mod-menu__toggle-sub,
#menu-vertriebspartner .mod-menu__toggle-sub,
#menu-vertriebspartner .icon-chevron-down {
    display: none !important;
}

/* ========================================
   ENDE CARET FIX (v21.44.0)
   ======================================== */

/* ========================================
   VP-PORTAL - WOHNUNGSANGEBOT (v21.44.1)
   Scope: catalog-default-vp-wohnung-verkaufen
   2-spaltige Grid-Ansicht wie Original
   ======================================== */

/* 2-Spalten Grid */
#yoo-zoo.catalog-default-vp-wohnung-verkaufen .inline-module-verkaufen ul.zoo-item-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: flex-start !important;
}

#yoo-zoo.catalog-default-vp-wohnung-verkaufen .inline-module-verkaufen ul.zoo-item-list > li {
    flex: 0 0 calc(33.333% - 20px) !important;
    width: calc(33.333% - 20px) !important;
    box-sizing: border-box !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    vertical-align: top !important;
}

#yoo-zoo.catalog-default-vp-wohnung-verkaufen .layout-layout3 {
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
}

/* Trennstrich / hr zwischen Items ausblenden */
#yoo-zoo.catalog-default-vp-wohnung-verkaufen .inline-module-verkaufen hr {
    display: none !important;
}

/* Bild: volle Breite, feste Höhe */
#yoo-zoo.catalog-default-vp-wohnung-verkaufen .layout-layout3 .media img {
    width: 100% !important;
    height: 230px !important;
    object-fit: cover !important;
    display: block !important;
}

/* Titel */
#yoo-zoo.catalog-default-vp-wohnung-verkaufen .layout-layout3 p.title {
    margin: 10px 0 4px 0 !important;
}
#yoo-zoo.catalog-default-vp-wohnung-verkaufen .layout-layout3 p.title a,
#yoo-zoo .inline-module-verkaufen p.title a {
    color: #DA203D !important;
    font-size: 20px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}
#yoo-zoo.catalog-default-vp-wohnung-verkaufen .layout-layout3 p.title a:hover {
    text-decoration: underline !important;
}

/* Kategorie (Neubau/Denkmal Immobilie) */
.catalog-default-vp-wohnung-verkaufen p.meta,
#yoo-zoo.catalog-default-vp-wohnung-verkaufen .layout-layout3 p.meta {
    font-size: 14px !important;
    color: #000000 !important;
    font-style: normal !important;
    margin: 0 0 10px 0 !important;
}

/* Beschreibung: Logo-Bild ausblenden (wie Original) */
.catalog-default-vp-wohnung-verkaufen .description img,
#yoo-zoo.catalog-default-vp-wohnung-verkaufen .layout-layout3 .description img {
    display: none !important;
}

/* Item-Padding wie Original */
#yoo-zoo.catalog-default-vp-wohnung-verkaufen .inline-module-verkaufen ul.zoo-item-list > li {
    padding-bottom: 10px !important;
    margin-top: 5px !important;
    padding-top: 5px !important;
}

/* Responsive */
@media (max-width: 768px) {
    #yoo-zoo.catalog-default-vp-wohnung-verkaufen .inline-module-verkaufen ul.zoo-item-list > li {
        flex: 0 0 calc(50% - 15px) !important;
        width: calc(50% - 15px) !important;
    }
}
@media (max-width: 480px) {
    #yoo-zoo.catalog-default-vp-wohnung-verkaufen .inline-module-verkaufen ul.zoo-item-list > li {
        flex: 0 0 100% !important;
        width: 100% !important;
        padding-right: 0 !important;
    }
}

/* ========================================
   ENDE VP WOHNUNGSANGEBOT (v21.44.1)
   ======================================== */

/* ========================================
   VP-PORTAL - DOWNLOADS ÜBERSICHT (v21.44.2)
   Scope: download-default-vp-downloads
   ======================================== */

/* Grid: 2 Spalten nebeneinander */
#yoo-zoo.download-default-vp-downloads,
#yoo-zoo.download-default {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

#yoo-zoo.download-default-vp-downloads .categories .row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin: 0 !important;
}

#yoo-zoo.download-default-vp-downloads .categories .width25 {
    flex: 0 0 calc(50% - 10px) !important;
    width: calc(50% - 10px) !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    float: none !important;
}

/* Box: Rahmen */
#yoo-zoo.download-default-vp-downloads .category {
    border: 1px solid #dddddd !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Kategorie-Titel */
#yoo-zoo.download-default-vp-downloads .category h2.title {
    margin: 0 !important;
    padding: 8px 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    background: #f0f0f0 !important;
    border-bottom: 1px solid #dddddd !important;
}

#yoo-zoo.download-default-vp-downloads .category h2.title a {
    color: #DA203D !important;
    text-decoration: none !important;
}

#yoo-zoo.download-default-vp-downloads .category h2.title a:hover {
    text-decoration: underline !important;
}

/* Bild: volle Breite, feste Höhe */
#yoo-zoo.download-default-vp-downloads .category .teaser-image {
    display: block !important;
}

#yoo-zoo.download-default-vp-downloads .category .teaser-image img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    display: block !important;
}

/* H1 Seitentitel + Items-Titel (beide Stellen haben den blauen BG) */
#yoo-zoo.download-default-vp-downloads .details h1.title,
#yoo-zoo.download-default .details h1.title {
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
    font-size: 27px !important;
    color: #333333 !important;
    font-weight: 400 !important;
    margin-bottom: 20px !important;
    height: auto !important;
    text-indent: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    line-height: 1.4 !important;
}

/* "WaldhausQuartier Files" / "MalzQuartier Files" H1 ausblenden — redundant */
#yoo-zoo.download-default .items h1.title {
    display: none !important;
}

/* Blauer Gradient-Hintergrund auf .items entfernen */
#yoo-zoo.download-default .items {
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
    border: none !important;
}

/* item_bg.png auf .items div.row entfernen */
#yoo-zoo.download-default .items div.row {
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
    padding: 0 !important;
}

/* Download-Items Grid */
#yoo-zoo.download-default .items .row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin: 0 !important;
}

#yoo-zoo.download-default .items .width33 {
    flex: 0 0 calc(33.333% - 14px) !important;
    width: calc(33.333% - 14px) !important;
    float: none !important;
    box-sizing: border-box !important;
    padding: 0 !important;
}

/* Teaser-Item Box */
#yoo-zoo.download-default .teaser-item {
    border: 1px solid #dddddd !important;
    padding: 15px !important;
    box-sizing: border-box !important;
    background: #f7f7f7 !important;
}

/* Datei-Titel */
#yoo-zoo.download-default .pos-title a {
    color: #333333 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
#yoo-zoo.download-default .pos-title a:hover {
    color: #DA203D !important;
}

/* Datum */
#yoo-zoo.download-default .pos-meta {
    font-size: 12px !important;
    color: #888888 !important;
    margin: 4px 0 10px 0 !important;
}

/* Download-Button — original ZOO-Stil belassen */
#yoo-zoo.download-default .pos-button a.element-download-button {
    display: inline-block !important;
}

/* ========================================
   ENDE VP DOWNLOADS (v21.44.2)
   ======================================== */

/* ========================================
   VP-PORTAL - FACHINFOS AKKORDION (v21.44.3)
   Scope: catalog-default-fachinformationen-fuer-vertriebspartner
   Gleiche Optik wie Service-Akkordion
   Umlaut-Workaround: [class*="fachinformationen"]
   ======================================== */

/* Jedes Akkordion-Item */
#yoo-zoo[class*="fachinformationen"] .uk-accordion > li {
    background: #f7f7f7 !important;
    border: 1px solid #dddddd !important;
    margin-bottom: 6px !important;
    padding: 0 !important;
    border-radius: 2px !important;
    transition: border-color 0.2s ease !important;
}

/* Akkordion-Titel */
#yoo-zoo[class*="fachinformationen"] .uk-accordion > li .uk-accordion-title {
    padding: 14px 20px !important;
    margin: 0 !important;
}

/* Aktives Item */
#yoo-zoo[class*="fachinformationen"] .uk-accordion > li.uk-open {
    background: #ffffff !important;
    border: 1px solid #cccccc !important;
    border-left: 4px solid #DA203D !important;
}

/* Akkordion-Inhalt */
#yoo-zoo[class*="fachinformationen"] .uk-accordion > li .uk-accordion-content {
    padding: 0 20px 20px 20px !important;
    margin: 0 !important;
}

/* Hover */
#yoo-zoo[class*="fachinformationen"] .uk-accordion > li:hover {
    border-color: #DA203D !important;
}

/* Weiterlesen Button */
#yoo-zoo[class*="fachinformationen"] .uk-button-default {
    background: #DA203D !important;
    background-color: #DA203D !important;
    color: #ffffff !important;
    padding: 2px 20px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    text-decoration: none !important;
    display: inline-block !important;
    border: none !important;
    border-radius: 3px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
#yoo-zoo[class*="fachinformationen"] .uk-button-default:hover {
    background: #b81b33 !important;
    color: #ffffff !important;
}

/* ========================================
   ENDE FACHINFOS AKKORDION (v21.44.3)
   ======================================== */

/* ========================================
   VP-PORTAL - FINANZIERUNG BUTTON (v21.44.4)
   Scope: catalog-default-finanzierungsbeispiel
   uk-button-primary: türkis → rot
   ======================================== */
#yoo-zoo.catalog-default-finanzierungsbeispiel a.uk-button.uk-button-primary {
    background: #DA203D !important;
    background-color: #DA203D !important;
    color: #ffffff !important;
    border: none !important;
    text-decoration: none !important;
    display: inline-block !important;
    padding: 2px 20px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    border-radius: 3px !important;
    cursor: pointer !important;
}
#yoo-zoo.catalog-default-finanzierungsbeispiel a.uk-button.uk-button-primary:hover {
    background: #b81b33 !important;
    background-color: #b81b33 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
/* ========================================
   ENDE FINANZIERUNG BUTTON (v21.44.4)
   ======================================== */

/* ========================================
   VP-PORTAL - IMMOPLUS SIDEBAR (v21.44.5)
   Klasse: immoplus-anmeldung-sidbar-a-modul
   Analog zu referenzen-auszug-sidbar-a-modul
   ======================================== */

/* Äußerer Container — eine einheitliche Box */
html body .astroid-module-position .sidebar-a-position.moduletable.immoplus-anmeldung-sidbar-a-modul,
.immoplus-anmeldung-sidbar-a-modul {
    background: #f7f7f7 !important;
    background-color: #f7f7f7 !important;
    border: 1px solid #dddddd !important;
    box-shadow: none !important;
    padding: 25px 30px !important;
    margin-bottom: 12px !important;
    box-sizing: border-box !important;
}

/* Header h3 — kein eigener Hintergrund */
.sidebar-a-position.moduletable h3.module-title.immoplus-anmeldung-sidbar-a-modul {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 0 15px 0 !important;
    margin: 0 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #000000 !important;
    letter-spacing: 0.05em !important;
    font-style: normal !important;
}

/* Inhalt-Box — kein eigener Rahmen */
.immoplus-anmeldung-sidbar-a-modul .mod-custom {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Link */
.immoplus-anmeldung-sidbar-a-modul .mod-custom a {
    color: #DA203D !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1.4 !important;
    display: block !important;
    text-align: left !important;
    transition: color 0.2s ease !important;
}

.immoplus-anmeldung-sidbar-a-modul .mod-custom a:hover {
    color: #b81b33 !important;
    text-decoration: underline !important;
}

/* ========================================
   ENDE IMMOPLUS SIDEBAR (v21.44.5)
   ======================================== */

/* ========================================
   CB LOGIN SIDEBAR + FORGOT LOGIN BUTTONS (v21.44.7)
   ======================================== */
.cbLogoutForm .btn.btn-primary,
.mod-login-logout .btn.btn-primary,
.cbLostPassForm .btn.btn-primary,
.cbLostPassForm input.btn-primary {
    background: #DA203D !important;
    background-color: #DA203D !important;
    border-color: #DA203D !important;
    color: #ffffff !important;
    padding: 8px 20px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 1.1 !important;
    min-height: auto !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    border-radius: 3px !important;
    cursor: pointer !important;
}
.cbLogoutForm .btn.btn-primary:hover,
.mod-login-logout .btn.btn-primary:hover,
.cbLostPassForm .btn.btn-primary:hover,
.cbLostPassForm input.btn-primary:hover {
    background: #b81b33 !important;
    background-color: #b81b33 !important;
    border-color: #b81b33 !important;
    color: #ffffff !important;
}

/* ========================================
   VERTRIEBSPARTNER ZUGANG BUTTON (v21.44.7)
   ======================================== */
#yoo-zoo.catalog-default-vertriebspartner-zugang a.uk-button.uk-button-primary,
#yoo-zoo.catalog-default-vertriebspartner-zugang button.uk-button.uk-button-primary {
    background: #DA203D !important;
    background-color: #DA203D !important;
    color: #ffffff !important;
    border: none !important;
    padding: 8px 20px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
    min-height: auto !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    text-decoration: none !important;
    display: inline-block !important;
    border-radius: 3px !important;
    cursor: pointer !important;
}
#yoo-zoo.catalog-default-vertriebspartner-zugang a.uk-button.uk-button-primary:hover,
#yoo-zoo.catalog-default-vertriebspartner-zugang button.uk-button.uk-button-primary:hover {
    background: #b81b33 !important;
    background-color: #b81b33 !important;
    color: #ffffff !important;
}

/* ========================================
   SUCHE OVERLAY VP POSITIONIERUNG (v21.44.7)
   ======================================== */
body.user-vertriebspartner #tm-search-overlay {
    padding-top: 165px !important;
}

/* ========================================
   FACHINFOS BUTTON (v21.44.7)
   ======================================== */
#yoo-zoo[class*="fachinformationen"] .uk-button-default {
    background: #DA203D !important;
    background-color: #DA203D !important;
    color: #ffffff !important;
    padding: 8px 20px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
    min-height: auto !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    text-decoration: none !important;
    display: inline-block !important;
    border: none !important;
    border-radius: 3px !important;
    cursor: pointer !important;
}
#yoo-zoo[class*="fachinformationen"] .uk-button-default:hover {
    background: #b81b33 !important;
    background-color: #b81b33 !important;
    color: #ffffff !important;
}

/* ========================================
   FINANZIERUNG BUTTON (v21.44.7)
   ======================================== */
#yoo-zoo.catalog-default-finanzierungsbeispiel a.uk-button.uk-button-primary {
    background: #DA203D !important;
    background-color: #DA203D !important;
    color: #ffffff !important;
    border: none !important;
    text-decoration: none !important;
    display: inline-block !important;
    padding: 8px 20px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
    min-height: auto !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    border-radius: 3px !important;
    cursor: pointer !important;
}
#yoo-zoo.catalog-default-finanzierungsbeispiel a.uk-button.uk-button-primary:hover {
    background: #b81b33 !important;
    background-color: #b81b33 !important;
    color: #ffffff !important;
}

/* ========================================
   OTTILIE DENKMAL BUTTON (v21.44.8)
   ======================================== */
#yoo-zoo.catalog-default-ottilie-von-hansemann-haus button.uk-button.uk-button-primary {
    background: #DA203D !important;
    background-color: #DA203D !important;
    color: #ffffff !important;
    border: none !important;
    display: inline-block !important;
    padding: 8px 20px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
    min-height: auto !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    border-radius: 3px !important;
    cursor: pointer !important;
}
#yoo-zoo.catalog-default-ottilie-von-hansemann-haus button.uk-button.uk-button-primary:hover {
    background: #b81b33 !important;
    background-color: #b81b33 !important;
    color: #ffffff !important;
}

/* ========================================
   OTTILIE NEUBAU BUTTON (v21.44.8)
   ======================================== */
#yoo-zoo.catalog-default-neubau-ottilie-von-hansemann-haus button.uk-button[data-uk-toggle] {
    display: inline-block !important;
}
#yoo-zoo.catalog-default-neubau-ottilie-von-hansemann-haus button.uk-button.uk-button-primary {
    background: #DA203D !important;
    background-color: #DA203D !important;
    color: #ffffff !important;
    border: none !important;
    display: inline-block !important;
    padding: 8px 20px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
    min-height: auto !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    border-radius: 3px !important;
    cursor: pointer !important;
}
#yoo-zoo.catalog-default-neubau-ottilie-von-hansemann-haus button.uk-button.uk-button-primary:hover {
    background: #b81b33 !important;
    background-color: #b81b33 !important;
    color: #ffffff !important;
}

/* ========================================
   DERFF22QUARTIER BUTTON (v21.44.8)
   ======================================== */
#yoo-zoo.catalog-default-neubau-immobilie-mit-eigentumswohnungen-in-berlin-mitte button.uk-button.uk-button-primary,
#yoo-zoo.catalog-default-neubau-immobilie-mit-eigentumswohnungen-in-berlin-mitte a.uk-button.uk-button-primary {
    background: #DA203D !important;
    background-color: #DA203D !important;
    color: #ffffff !important;
    border: none !important;
    display: inline-block !important;
    padding: 8px 20px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
    min-height: auto !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    border-radius: 3px !important;
    cursor: pointer !important;
}
#yoo-zoo.catalog-default-neubau-immobilie-mit-eigentumswohnungen-in-berlin-mitte button.uk-button.uk-button-primary:hover,
#yoo-zoo.catalog-default-neubau-immobilie-mit-eigentumswohnungen-in-berlin-mitte a.uk-button.uk-button-primary:hover {
    background: #b81b33 !important;
    background-color: #b81b33 !important;
    color: #ffffff !important;
}
#yoo-zoo.catalog-default-neubau-immobilie-mit-eigentumswohnungen-in-berlin-mitte a.uk-button.cs-hide {
    display: inline-block !important;
}

/* ========================================
   LENNÉQUARTIER BUTTON (v21.44.9)
   ======================================== */
#yoo-zoo[class*="lennéquartier"] a.uk-button.uk-button-primary,
#yoo-zoo[class*="lennequartier"] a.uk-button.uk-button-primary {
    display: inline-block !important;
    background: #DA203D !important;
    background-color: #DA203D !important;
    color: #ffffff !important;
    border: none !important;
    padding: 8px 20px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
    min-height: auto !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    border-radius: 3px !important;
    cursor: pointer !important;
}
#yoo-zoo[class*="lennéquartier"] a.uk-button.uk-button-primary:hover,
#yoo-zoo[class*="lennequartier"] a.uk-button.uk-button-primary:hover {
    background: #b81b33 !important;
    background-color: #b81b33 !important;
    color: #ffffff !important;
}

/* ========================================
   GLOBALER ZEILENABSTAND ZOO (v21.44.9)
   ======================================== */
#yoo-zoo .element-textarea p,
#yoo-zoo .pos-description p,
#yoo-zoo .pos-summary p,
#yoo-zoo .pos-specification p {
    line-height: 1.4 !important;
}

/* ========================================
   PRESSEMITTEILUNGEN ÜBERSICHT (v21.45.0)
   Scope: catalog-default-pressemitteilungen
   4-spaltig, Bilder einheitlich, Meta gestylt
   Titel UNTER dem Bild (kein Overlay)
   ======================================== */

/* Rows als Flexbox */
#yoo-zoo.catalog-default-pressemitteilungen .items .row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin-bottom: 20px !important;
}

/* Seitentitel */
#yoo-zoo.catalog-default-pressemitteilungen .details h1.title {
    font-size: 24px !important;
    font-weight: 300 !important;
    color: #333333 !important;
    margin-bottom: 20px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

/* Spalten */
#yoo-zoo.catalog-default-pressemitteilungen .width25 {
    flex: 0 0 calc(25% - 15px) !important;
    width: calc(25% - 15px) !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Bild-Container: 160px */
#yoo-zoo.catalog-default-pressemitteilungen .pos-media {
    height: 160px !important;
    overflow: hidden !important;
    display: block !important;
}

#yoo-zoo.catalog-default-pressemitteilungen .pos-media img {
    width: 100% !important;
    height: 160px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
}

/* Meta: Datum + Kategorie */
#yoo-zoo.catalog-default-pressemitteilungen .pos-meta {
    font-size: 12px !important;
    color: #999999 !important;
    margin: 8px 0 5px 0 !important;
    padding: 0 !important;
}

#yoo-zoo.catalog-default-pressemitteilungen .pos-meta a {
    color: #DA203D !important;
    text-decoration: none !important;
}

/* Titel: normaler Text UNTER Bild — Overlay überschreiben */
#yoo-zoo.catalog-default-pressemitteilungen h2.pos-title {
    background: transparent !important;
    position: static !important;
    padding: 5px 20px 5px 0 !important;
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: normal !important;
    line-height: 22px !important;
    color: #333333 !important;
}

#yoo-zoo.catalog-default-pressemitteilungen h2.pos-title a,
#yoo-zoo.catalog-default-pressemitteilungen h2.pos-title a:link,
#yoo-zoo.catalog-default-pressemitteilungen h2.pos-title a:visited {
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 20px !important;
    font-weight: normal !important;
    line-height: 22px !important;
}

#yoo-zoo.catalog-default-pressemitteilungen h2.pos-title a:hover {
    color: #DA203D !important;
}

/* Hover: kein rotes Overlay */
#yoo-zoo.catalog-default-pressemitteilungen .teaser-item:hover h2.pos-title {
    background: transparent !important;
}

/* ========================================
   ENDE PRESSEMITTEILUNGEN (v21.45.0)
   ======================================== */

/* ========================================
   PP-GALERIE — Wiederverwendbares Galerie-Widget (v21.45.3)
   Anwendung: Individuelle HTML-Klasse "pp-galerie" auf dem
   UIkit-Grid-Container setzen (Page-Builder Galerie-Widget).
   Funktioniert für jede Seite, auf der das Widget dupliziert wird —
   unabhängig von der automatisch generierten id="wk-grid..."
   Layout: 4 Spalten Desktop (entspricht Original-Widgetkit-Galerie)

   WICHTIG: #yoo-zoo .uk-grid (Zeile ~2781) hat ID-Spezifität und
   setzt margin/padding auf .uk-grid und .uk-grid > *. Damit unsere
   Regeln gewinnen, MÜSSEN sie ebenfalls mit #yoo-zoo beginnen —
   reine Klassen-Selektoren (.pp-galerie...) werden sonst von der
   ID-Regel überschrieben, unabhängig von der Position in der Datei.
   ======================================== */

/* Grid-Container: kein negatives Außen-Margin (überschreibt #yoo-zoo .uk-grid) */
#yoo-zoo .pp-galerie.uk-grid {
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

/* Kind-Elemente: Padding statt margin-left, damit es zur bestehenden
   Box-Logik von #yoo-zoo .uk-grid > * passt (selbes Spacing-Modell).
   Desktop: 4 Spalten | ≤959px: 3 Spalten | ≤767px: 2 Spalten | ≤639px: 1 Spalte */
#yoo-zoo .pp-galerie.uk-grid > * {
    width: 25% !important;
    flex: 0 0 25% !important;
    padding: 0 5px !important;
    margin-bottom: 10px !important;
    box-sizing: border-box !important;
}

@media (max-width: 959px) {
    #yoo-zoo .pp-galerie.uk-grid > * {
        width: 33.333% !important;
        flex: 0 0 33.333% !important;
    }
}

@media (max-width: 767px) {
    #yoo-zoo .pp-galerie.uk-grid > * {
        width: 50% !important;
        flex: 0 0 50% !important;
    }
}

@media (max-width: 639px) {
    #yoo-zoo .pp-galerie.uk-grid > * {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* Bilder: einheitliche Höhe, saubere Kanten, kein Lücken-Look
   Höhe an 4-Spalten-Layout angepasst (Original: breite Buchseiten-Thumbs) */
#yoo-zoo .pp-galerie .uk-panel img {
    width: 100% !important;
    height: 150px !important;
    object-fit: cover !important;
    display: block !important;
}

/* Bildtitel (h3, z.B. "IMG_1580") ausblenden */
#yoo-zoo .pp-galerie .uk-panel h3.uk-h3 {
    display: none !important;
}

/* Hover-Overlay (roter Farbstreifen über dem Bild) deaktivieren —
   UIkit-Standard-Hover-Effekt von uk-overlay-primary, hier nicht gewünscht */
#yoo-zoo .pp-galerie .uk-overlay-primary {
    background: transparent !important;
}

/* Hover-Icon (Lupe/Pfeil-Symbol in der Bildmitte) ebenfalls ausblenden,
   da der farbige Hintergrund dahinter entfernt wurde */
#yoo-zoo .pp-galerie .uk-overlay-icon {
    display: none !important;
}

/* ========================================
   ENDE PP-GALERIE (v21.45.3)
   ======================================== */