/* Startseite: Slider links, Text rechts */

.container-component {

    display: grid;

    grid-template-columns: minmax(0, 45fr) minmax(0, 55fr);

    column-gap: 35px;

    align-items: start;

}



/* Slider */

.container-component > .start-slider {

    grid-column: 1;

    grid-row: 1;

    width: 100%;

    min-width: 0;

}



/* Text */

.container-component > .start-text {

    grid-column: 2;

    grid-row: 1;

    width: 100%;

    min-width: 0;

}



/* Smart Slider an verfügbare Breite anpassen */

.start-slider .n2-section-smartslider {

    width: 100% !important;

    max-width: 100% !important;

}



/* Unterer Seiteninhalt über die gesamte Inhaltsbreite */

.container-component > main {

    grid-column: 1 / -1 !important;

    grid-row: 2 !important;

    width: 100% !important;

    max-width: 100% !important;

    min-width: 0 !important;

    margin-top: 35px;

}



/* Textbereich optisch mit dem Slider verbinden */

.start-text {

    border: none !important;

    box-shadow: none !important;

    background: transparent !important;

}



.start-text .card-body {

    padding-top: 0 !important;

    padding-bottom: 0 !important;

}



/* Smartphone und Tablet */

@media (max-width: 900px) {

    .container-component {

        display: block;

    }



    .container-component > .start-slider,

    .container-component > .start-text,

    .container-component > main {

        width: 100% !important;

        max-width: 100% !important;

    }



    .container-component > .start-text {

        margin-top: 25px;

    }



    .container-component > main {

        margin-top: 30px;

    }

}/* Unteren Bilderbereich über beide Spalten erweitern */

.container-component > .start-bilder {

    grid-column: 1 / -1;

    width: 100% !important;

    max-width: 100% !important;

    min-width: 0;

}

.position-3.card.start-bilder {

  border: none !important;

  box-shadow: none !important;

}













/* HW-VORTEILE-v1.0 */



.hw-vorteile {

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 15px;

    margin: 25px 0 35px;

}



.hw-vorteil {

    display: flex;

    align-items: flex-start;

    gap: 15px;

    padding: 22px 18px;

    border: 1px solid #e5e9ee;

    background: #fff;

    min-width: 0;

}



.hw-vorteil-icon {

    color: #07558e;

    font-size: 34px;

    line-height: 1;

    flex-shrink: 0;

}



.hw-vorteil h3 {

    color: #07558e;

    font-size: 16px;

    font-weight: 700;

    margin: 0 0 10px;

}



.hw-vorteil p {

    color: #555;

    font-size: 13px;

    line-height: 1.5;

    margin: 0;

}



@media (max-width: 900px) {

    .hw-vorteile {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

}



@media (max-width: 550px) {

    .hw-vorteile {

        grid-template-columns: 1fr;

    }

}

/* HW-VORTEILE-v1.1 – Modul über volle Breite */



@media (min-width: 901px) {



    .container-component > .hw-vorteile-modul {

        grid-column: 1 / -1 !important;

        width: 100% !important;

        max-width: 100% !important;

        min-width: 0 !important;

    }



}

/* HW-VORTEILE-v1.3 – Blaue Linien-Icons ohne Bilddateien */



.hw-vorteil-icon {

    display: none;

}



.hw-vorteil {

    position: relative;

    padding-left: 70px;

}



.hw-vorteil::before {

    content: "";

    position: absolute;

    left: 20px;

    top: 24px;

    width: 34px;

    height: 34px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

}



/* 1. Zahnrad */

.hw-vorteil:nth-child(1)::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2307558e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8z'/%3E%3Cpath d='M10 2h4l.6 2.4 2 .8 2.1-1.3 2.8 2.8-1.3 2.1.8 2L23 11v4l-2.4.6-.8 2 1.3 2.1-2.8 2.8-2.1-1.3-2 .8L14 24h-4l-.6-2.4-2-.8-2.1 1.3-2.8-2.8 1.3-2.1-.8-2L1 15v-4l2.4-.6.8-2-1.3-2.1 2.8-2.8 2.1 1.3 2-.8z' transform='translate(0 -1)'/%3E%3C/svg%3E");

}



/* 2. Glühbirne */

.hw-vorteil:nth-child(2)::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2307558e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M8 15.5C6.7 14.3 6 12.7 6 11a6 6 0 1 1 12 0c0 1.7-.7 3.3-2 4.5-.7.7-1 1.4-1 2.5H9c0-1.1-.3-1.8-1-2.5z'/%3E%3C/svg%3E");

}



/* 3. Schutzschild mit Häkchen */

.hw-vorteil:nth-child(3)::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2307558e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");

}



/* 4. Personengruppe */

.hw-vorteil:nth-child(4)::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2307558e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20v-2a6 6 0 0 1 12 0v2H3z'/%3E%3Cpath d='M16 5a3 3 0 0 1 0 6M17 14a5 5 0 0 1 4 5v1h-4'/%3E%3C/svg%3E");

}

/* HW-VORTEILE-v1.4 – Äußeren Modulrahmen entfernen */



.hw-vorteile-modul {

    border: none !important;

    box-shadow: none !important;

    background: transparent !important;

    padding: 0 !important;

}



.hw-vorteile-modul .card-body {

    padding: 0 !important;

}



.hw-vorteile-modul .hw-vorteile {

    margin: 20px 0 30px !important;

}

/* HW-WARUM-v1.1 – Volle Breite */



@media (min-width: 901px) {

    .container-component > .hw-warum-modul {

        grid-column: 1 / -1 !important;

        width: 100% !important;

        max-width: 100% !important;

        min-width: 0 !important;

    }

}

/* HW-WARUM-v1.2 – Darstellung korrigieren */



/* Äußeren Modulrahmen entfernen */

.hw-warum-modul {

    border: none !important;

    box-shadow: none !important;

    background: transparent !important;

    padding: 0 !important;

}



.hw-warum-modul .card-body {

    padding: 0 !important;

}



/* Hellblauer Hintergrund */

.hw-warum-modul .hw-warum {

    background: #eef6fb !important;

    padding: 30px !important;

}



/* Überschrift */

.hw-warum-modul .hw-warum h2 {

    color: #07558e !important;

    font-size: 24px !important;

    margin: 0 0 30px !important;

}



/* Vier Spalten */

.hw-warum-modul .hw-warum-grid {

    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 25px !important;

}



/* Texte */

.hw-warum-modul .hw-warum-item h3 {

    color: #07558e !important;

    font-size: 16px !important;

    font-weight: 700 !important;

}



.hw-warum-modul .hw-warum-item p {

    font-size: 13px !important;

    line-height: 1.5 !important;

}



/* Tablet */

@media (max-width: 900px) {

    .hw-warum-modul .hw-warum-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    }

}



/* Smartphone */

@media (max-width: 550px) {

    .hw-warum-modul .hw-warum-grid {

        grid-template-columns: 1fr !important;

    }

}

/* HW-WARUM-v1.3 – Blaue Linien-Icons */



.hw-warum-modul .hw-warum-item {

    position: relative;

    padding-left: 55px;

    min-width: 0;

}



.hw-warum-modul .hw-warum-item::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 34px;

    height: 34px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

}



/* 1. Kalender – Seit 1950 */

.hw-warum-item:nth-child(1)::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2307558e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 3v4M17 3v4M3 10h18M8 14h2M14 14h2M8 18h2M14 18h2'/%3E%3C/svg%3E");

}



/* 2. Zahnrad – Einzelstück bis Serie */

.hw-warum-item:nth-child(2)::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2307558e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8z'/%3E%3Cpath d='M10 2h4l.6 2.4 2 .8 2.1-1.3 2.8 2.8-1.3 2.1.8 2L23 11v4l-2.4.6-.8 2 1.3 2.1-2.8 2.8-2.1-1.3-2 .8L14 24h-4l-.6-2.4-2-.8-2.1 1.3-2.8-2.8 1.3-2.1-.8-2L1 15v-4l2.4-.6.8-2-1.3-2.1 2.8-2.8 2.1 1.3 2-.8z' transform='translate(0 -1)'/%3E%3C/svg%3E");

}



/* 3. Materialschichten – Werkstoffspektrum */

.hw-warum-item:nth-child(3)::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2307558e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 9 5-9 5-9-5 9-5zM3 12l9 5 9-5M3 17l9 5 9-5'/%3E%3C/svg%3E");

}



/* 4. Blitz – Schnell & flexibel */

.hw-warum-item:nth-child(4)::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2307558e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 13h7l-1 9 10-12h-7V2z'/%3E%3C/svg%3E");

}

/* HW-KONTAKT-v1.0 */



.container-component > .hw-kontakt-modul {

    grid-column: 1 / -1 !important;

    width: 100% !important;

    max-width: 100% !important;

    min-width: 0 !important;

}



.hw-kontakt-modul {

    border: none !important;

    box-shadow: none !important;

    background: transparent !important;

    padding: 0 !important;

}



.hw-kontakt-modul .card-body {

    padding: 0 !important;

}



.hw-kontakt {

    position: relative;

    min-height: 360px;

    background-image: url("/images/hoehl-westhoff-projekt-werkbank.png");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    margin-top: 20px;

}



.hw-kontakt-inhalt {

    position: absolute;

    left: 5%;

    bottom: 20%;

}



/* Unsichtbarer Link über dem Button im Bild */

.hw-kontakt-link {

    display: block;

    width: 220px;

    height: 55px;

    font-size: 0;

    color: transparent;

}



@media (max-width: 700px) {

    .hw-kontakt {

        min-height: 260px;

        background-size: contain;

        background-position: top center;

    }

}

/* HW-KONTAKT-v1.1 – Klickfläche Desktop */

/* Ergänzung zu HW-KONTAKT-v1.0 */



@media (min-width: 701px) {



    .hw-kontakt-inhalt {

        left: 5.1%;

        bottom: 15.8%;

        z-index: 5;

    }



    .hw-kontakt-link {

        cursor: pointer;

    }



}

/* ==================================================

   HÖHL & WESTHOFF

   HW-HERO-v1.0 | 15.10.2026

   Neuer Startseiten-Hero

   ================================================== */



.hw-hero {

    position: relative;

    display: flex;

    align-items: center;

    min-height: 430px;

    padding: 55px 5%;

    background-image: url("/images/hero-startseite.png");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    box-sizing: border-box;

}



/* Heller Verlauf für gute Lesbarkeit */

.hw-hero::before {

    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(

        90deg,

        rgba(255,255,255,0.96) 0%,

        rgba(255,255,255,0.85) 28%,

        rgba(255,255,255,0.10) 65%,

        transparent 100%

    );

}



.hw-hero-content {

    position: relative;

    z-index: 1;

    max-width: 480px;

}



.hw-hero-label {

    display: block;

    margin-bottom: 20px;

    color: #07558e;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 2px;

}



.hw-hero h1 {

    margin: 0 0 20px;

    color: #102b50;

    font-size: clamp(28px, 3vw, 42px);

    font-weight: 700;

    line-height: 1.15;

}



.hw-hero p {

    margin-bottom: 25px;

    color: #173453;

    font-size: 16px;

    line-height: 1.6;

}



.hw-hero-buttons {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

}



.hw-hero-buttons a {

    display: inline-block;

    padding: 13px 20px;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    border-radius: 3px;

}



.hw-hero-button-primary {

    color: #fff !important;

    background: #07558e;

}



.hw-hero-button-secondary {

    color: #07558e !important;

    background: #fff;

    border: 1px solid #07558e;

}



/* Smartphone */

@media (max-width: 700px) {

    .hw-hero {

        min-height: 480px;

        padding: 35px 6%;

        align-items: flex-start;

        background-position: 65% center;

    }



    .hw-hero::before {

        background: linear-gradient(

            180deg,

            rgba(255,255,255,0.97) 0%,

            rgba(255,255,255,0.90) 55%,

            rgba(255,255,255,0.15) 100%

        );

    }



    .hw-hero h1 {

        font-size: 30px;

    }

}

/* ==================================================

   HW-HERO-v1.1 | 15.10.2026

   Hero-Modul über die gesamte Inhaltsbreite

   ================================================== */



.container-component > .hw-hero-modul {

    grid-column: 1 / -1 !important;

    width: 100% !important;

    max-width: 100% !important;

    min-width: 0 !important;

}



.hw-hero-modul {

    border: none !important;

    box-shadow: none !important;

    background: transparent !important;

    padding: 0 !important;

}



.hw-hero-modul .card-body {

    padding: 0 !important;

}

/* ==========================================

   HW-PRODUKTE-v1.1 | 15.10.2026

   Produktüberschrift mit reduziertem Abstand

   ========================================== */



.hw-produkte-modul > .card-header,

.hw-produkte-modul > .moduletitle,

.hw-produkte-modul > h3 {

    background: #ffffff !important;

    color: #102b50 !important;

    border: none !important;

    padding: 0 0 5px !important;

    margin-bottom: 10px !important;

    font-size: 30px !important;

    font-weight: 700 !important;

    line-height: 1.2;

}



.hw-produkte-modul {

    margin-top: 35px;

}

/* HW-PRODUKTE-ABSTAND-v1.0 | 15.10.2026 */

/* Abstand zwischen Überschrift und Produktkarten reduzieren */



.start-bilder .moduletitle,

.start-bilder h3 {

    margin-bottom: 15px !important;

}

/* ==========================================

   HW-MOBIL-KONTAKT-v1.0 | 15.10.2026

   Leerraum unter Kontaktbild reduzieren

   Nur Smartphone

   ========================================== */



@media (max-width: 700px) {

    .hw-kontakt {

        min-height: 0 !important;

        aspect-ratio: 2 / 1;

        background-size: contain;

        background-position: center top;

    }

}

/* ==========================================

   HW-UEBER-UNS-v1.0 | 15.10.2026

   Unternehmenstext über volle Breite

   ========================================== */



.container-component > .hw-ueber-uns-modul {

    grid-column: 1 / -1 !important;

    width: 100% !important;

    max-width: 100% !important;

    min-width: 0 !important;

}



.hw-ueber-uns-modul {

    border: none !important;

    box-shadow: none !important;

    background: transparent !important;

}



.hw-ueber-uns-modul .card-body {

    padding: 0 !important;

}

/* HW-HERO-ABSTAND-v1.1 | 15.10.2026 */

/* Nur Desktop */



@media (min-width: 901px) {

    .hw-hero-modul {

        margin-top: 30px !important;

    }

}

/* ==========================================

   HW-PRODUKTE-SCROLLBAR-v1.0

   15.10.2026

   Horizontale Scrollbar sichtbar machen

   ========================================== */



.hw-produkte-modul {

    overflow-x: auto !important;

    overflow-y: hidden;

    scrollbar-width: auto;

    scrollbar-color: #aab5c2 #eef1f4;

    padding-bottom: 12px;

}



.hw-produkte-modul::-webkit-scrollbar {

    height: 10px;

}



.hw-produkte-modul::-webkit-scrollbar-track {

    background: #eef1f4;

    border-radius: 5px;

}



.hw-produkte-modul::-webkit-scrollbar-thumb {

    background: #aab5c2;

    border-radius: 5px;

}

/* ==========================================

   HW-PRODUKTE-PFEIL-v1.0 | 15.10.2026

   Navigationspfeil für Produktübersicht

   ========================================== */



/* Produktmodul als Bezugspunkt */

.hw-produkte-modul {

    position: relative;

}



/* Pfeil rechts mittig platzieren */

.hw-produkte-modul .hw-produkte-weiter {

    position: absolute;

    right: 5px;

    top: 55%;

    transform: translateY(-50%);



    width: 46px;

    height: 46px;



    background: #ffffff;

    color: #005a94;

    border: 1px solid #dfe3e8;

    border-radius: 50%;



    font-size: 26px;

    cursor: pointer;

    z-index: 20;



    box-shadow: 0 2px 8px rgba(0,0,0,0.12);

}



/* Mouseover */

.hw-produkte-modul .hw-produkte-weiter:hover {

    background: #edf3f8;

}



/* ==========================================

   HW-STARTSEITE-LEERBEITRAG-v1.0

   15.10.2026

   Leeren Inhaltsbereich auf der Startseite ausblenden

   ========================================== */



body.itemid-101.view-article .container-component > main {

    display: none !important;

}



/* HW-PRODUKTUEBERSICHT-v1.0 | 16.10.2026 */

.hw-products{--hw-blue:#095b91;--hw-ink:#132e50;font-family:Arial,sans-serif;color:var(--hw-ink);max-width:1120px;margin:0 auto;padding:36px 20px;box-sizing:border-box}

.hw-products *{box-sizing:border-box}

.hw-products .hw-eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--hw-blue);margin:0 0 14px}

.hw-products h1{font-size:clamp(30px,4vw,46px);line-height:1.12;margin:0 0 18px;color:var(--hw-ink)}

.hw-products .hw-intro{font-size:17px;line-height:1.7;max-width:800px;margin:0 0 30px;color:#46576a}

.hw-products .hw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}

.hw-products .hw-card{display:flex;flex-direction:column;padding:18px;text-decoration:none;color:var(--hw-ink);background:#fff;border:1px solid #dce3e9;border-radius:0;transition:border-color .15s,box-shadow .15s}

.hw-products .hw-card:hover{border-color:var(--hw-blue);box-shadow:0 4px 16px #132e5012}

.hw-products .hw-card:focus-visible{outline:3px solid var(--hw-blue);outline-offset:3px}

.hw-products .hw-photo{display:flex;align-items:center;justify-content:center;background:#f7f8fa;height:112px;margin-bottom:18px;border-radius:0}

.hw-products img{display:block;width:100px;height:78px;object-fit:contain;border-radius:0!important;max-width:100%}

.hw-products h2{font-size:18px;line-height:1.3;margin:0 0 9px;color:var(--hw-ink)}

.hw-products .hw-card p{font-size:14px;line-height:1.6;margin:0 0 18px;color:#526172}

.hw-products .hw-more{font-size:13px;font-weight:700;color:var(--hw-blue);margin-top:auto}

.hw-products .hw-consult{margin-top:30px;padding:26px;background:#edf3f7;border-left:4px solid var(--hw-blue)}

.hw-products .hw-consult h2{font-size:23px}

.hw-products .hw-consult p{font-size:16px;line-height:1.7;max-width:760px;margin:0 0 18px}

.hw-products .hw-button{display:inline-block;background:var(--hw-blue);color:white;text-decoration:none;padding:13px 20px;font-size:15px;font-weight:700;border-radius:0}

.hw-products .hw-button:focus-visible{outline:3px solid var(--hw-ink);outline-offset:3px}

@media(max-width:900px){.hw-products .hw-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

}

@media(max-width:680px){.hw-products .hw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

}

@media(max-width:420px){.hw-products .hw-grid{grid-template-columns:1fr}

.hw-products{padding:26px 14px}

.hw-products .hw-photo{height:100px}

}



/* ==========================================

   HW-MOBIL-v1.1

   Responsive Produktkacheln

   16.10.2026

   ========================================== */



/* iPad */

@media (min-width: 768px) and (max-width: 1024px) {

    .hw-products .hw-grid {

        display: grid;

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

}



/* iPhone */

@media (max-width: 767px) {

    .hw-products .hw-grid {

        display: grid;

        grid-template-columns: minmax(0, 1fr);

    }



    .hw-products .hw-card {

        min-width: 0;

    }



    .hw-products .hw-card h2 {

        overflow-wrap: anywhere;

        hyphens: auto;

    }

}

/* ==========================================

   HW-MOBIL-MENÜ-v1.0

   Weißer Hintergrund im mobilen Menü

   16.10.2026

   ========================================== */



@media (max-width: 900px) {



    /* Hintergrund des mobilen Maxi Menu CK */

    #maximenuck118 {

        background-color: #ffffff !important;

    }



}



/* ==========================================

   HW-MOBIL-MENÜ-v1.1

   Weißer Hintergrund im mobilen Menü

   16.10.2026

   ========================================== */



@media (max-width: 900px) {



    #maximenuck118-mobile,

    #maximenuck118-mobile .mobilemenuck-topbar,

    #maximenuck118-mobile .maximenucklogo {

        background-color: #ffffff !important;

    }



    #maximenuck118-mobile .mobilemenuck-topbar {

        color: #102b50 !important;

    }



}

/* ==========================================

   HW-MOBIL-MENÜ-v1.3

   Kopfzeile weiß

   16.10.2026

   ========================================== */



@media (max-width: 900px) {



    div#maximenuck118-mobile.mobilemenuck

    > div.mobilemenuck-topbar {

        background: #ffffff !important;

        background-color: #ffffff !important;

    }



}

/* HW-MOBIL-MENÜ-v1.4 | 16.10.2026 */

/* Graue Menü-Kopfzeile entfernen */



@media (max-width: 900px) {



    #maximenuck118-mobile .mobilemenuck-title {

        background: #ffffff !important;

        color: #102b50 !important;

    }



}

/* ==========================================

   HW-MOBIL-MENÜ-v1.5

   Einheitliche Schriftgrößen

   16.10.2026

   ========================================== */



@media (max-width: 900px) {



    #maximenuck118-mobile .mobilemenuck-item {

        font-size: 18px !important;

    }



    #maximenuck118-mobile .mobilemenuck-item > a,

    #maximenuck118-mobile .mobilemenuck-item > span {

        font-size: 18px !important;

        font-weight: 600 !important;

        line-height: 1.4 !important;

    }



}

/* ==========================================

   HW-MOBIL-MENÜ-v1.7

   Sonderlösungen – einheitliche Darstellung

   16.10.2026

   ========================================== */



@media (max-width: 900px) {



    #maximenuck118-mobile .item222 > a {

        font-size: 18px !important;

        font-weight: 600 !important;

    }



    #maximenuck118-mobile .item222 .titreck-title {

        font-size: inherit !important;

        line-height: 1.4 !important;

    }



}