/* mindmelt Anpassungen 23.10.2026 – Logo -20 %, Dropdown-Dreieck (neu), mobiles Menü */

/* Logo 20 % kleiner (vorher 270 / 200 px) */
.header .logo img#logo2 { width: 216px !important; height: auto !important; max-width: none !important; }
@media (max-width: 1020px) {
  .header .logo img#logo2 { width: 160px !important; }
}

/* Dropdown-Dreieck: alte Slimmenu-Glyphe (▼) ausblenden, CSS-Dreieck neu */
.header ul.slimmenu li .sub-toggle > i,
.header ul.slimmenu li .sub-toggle::before { display: none !important; }

/* Desktop: Dreieck am Link, eigener Platz rechts neben dem Text */
@media (min-width: 992px) {
  .header ul.slimmenu li .sub-toggle { display: none !important; }
  .header ul.slimmenu > li.has-submenu > a {
    position: relative; padding-right: 30px !important;
  }
  .header ul.slimmenu > li.has-submenu > a::after {
    content: ""; position: absolute; right: 14px; top: 50%;
    width: 0; height: 0; margin-top: -2px;
    border-left: 4.5px solid transparent; border-right: 4.5px solid transparent;
    border-top: 6px solid #e67939;
    transition: transform .2s, border-top-color .2s;
  }
  .header ul.slimmenu > li.has-submenu:hover > a::after {
    border-top-color: #000; transform: rotate(180deg);
  }
}

/* Mobil: Menü über volle Breite, weiße Fläche, saubere Zeilen */
@media (max-width: 991px) {
  .header ul.slimmenu.collapsed {
    left: 0 !important; right: 0 !important; width: auto !important;
    margin: 0 !important; padding: 0 0 8px 0 !important;
    background: #fff !important;
    box-shadow: 0 8px 16px rgba(0,0,0,0.12);
  }
  .header ul.slimmenu.collapsed li { background: #fff !important; float: none !important; width: 100% !important; }
  .header ul.slimmenu.collapsed li > a {
    display: block; padding: 12px 64px 12px 20px !important;
    font-size: 17px !important; line-height: 22px !important;
    border-bottom: 1px solid #eee;
  }
  /* Tippfläche bleibt (Slimmenu-JS), Dreieck per CSS */
  .header ul.slimmenu.collapsed li .sub-toggle {
    top: 0 !important; right: 0 !important; left: auto !important;
    width: 56px !important; height: 47px !important;
    display: block !important; background: transparent !important; cursor: pointer;
  }
  .header ul.slimmenu.collapsed li .sub-toggle::after {
    content: ""; position: absolute; left: 50%; top: 50%;
    width: 0; height: 0; margin: -3px 0 0 -6px;
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    border-top: 7px solid #e67939;
    transition: transform .2s;
  }
  .header ul.slimmenu.collapsed li .sub-toggle.expanded::after { transform: rotate(180deg); }
  .header ul.slimmenu.collapsed li > ul,
  .header ul.slimmenu.collapsed li > ul li,
  .header ul.slimmenu.collapsed li > ul li:nth-child(n) > a { background: #fff !important; }
  .header ul.slimmenu.collapsed li > ul li > a { padding-left: 36px !important; font-size: 16px !important; color: #000 !important; }
  .header ul.slimmenu.collapsed li > ul li > a:hover,
  .header ul.slimmenu.collapsed li > ul li > a.active { color: #e67939 !important; background: #fff !important; }
}

/* Fließtext <p> 2px größer (vorher 16px Desktop / 14px mobil), Claim .usp ausgenommen */
p:not(.usp) { font-size: 18px !important; line-height: 1.5 !important; }
@media (max-width: 991px) {
  p:not(.usp) { font-size: 16px !important; line-height: 1.45 !important; }
}

/* Footer-Links: Unterstreichung kommt vom <ul> (text-decoration vererbt sich), ganz raus */
.footer ul, .footer li, .footer a, .footer a:hover { text-decoration: none !important; }