/* Hamburg to go – Navigation & Feinschliff (Version 1.5) */
:root{--htg-orange:#d87f20;--htg-dunkel:#2b2b2b;--htg-text:#ededed}
#sp-menu .sp-column{display:flex;justify-content:flex-end;align-items:center;height:100%}
.htg-nav{display:flex;align-items:center;justify-content:flex-end;width:100%}
.htg-menu{display:flex;list-style:none;margin:0;padding:0;gap:4px;font-family:'Open Sans',sans-serif;font-size:17px}
.htg-menu>li{position:relative}
.htg-menu>li>a{display:flex;align-items:center;gap:6px;padding:28px 10px;color:var(--htg-text);text-decoration:none;white-space:nowrap;transition:color .2s}
.htg-menu>li>a:hover,.htg-menu>li:focus-within>a,.htg-menu>li.aktiv>a{color:var(--htg-orange)}
.htg-menu .htg-pfeil{width:10px;height:10px;transition:transform .25s;opacity:.7}
.htg-menu>li:hover .htg-pfeil,.htg-menu>li:focus-within .htg-pfeil{transform:rotate(180deg)}
.htg-sub{position:absolute;top:100%;left:0;min-width:240px;margin:0;padding:8px 0;list-style:none;background:var(--htg-dunkel);
 border-top:3px solid var(--htg-orange);border-radius:0 0 4px 4px;box-shadow:0 14px 30px rgba(0,0,0,.45);
 opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:1000}
.htg-menu>li:last-child .htg-sub,.htg-menu>li.rechts .htg-sub{left:auto;right:0}
.htg-menu>li:hover>.htg-sub,.htg-menu>li:focus-within>.htg-sub{opacity:1;visibility:visible;transform:none}
.htg-sub a{display:block;padding:9px 22px;color:#ddd;text-decoration:none;font-size:15.5px;white-space:nowrap;border-left:3px solid transparent;transition:all .15s}
.htg-sub a:hover,.htg-sub a:focus-visible,.htg-sub li.aktiv>a{color:#fff;background:rgba(255,255,255,.05);border-left-color:var(--htg-orange)}
.htg-burger{display:none;background:none;border:0;padding:10px;margin-right:-10px;cursor:pointer}
.htg-burger span{display:block;width:28px;height:2px;margin:6px 0;background:var(--htg-orange);border-radius:2px}
@media (max-width:991px){.htg-menu{display:none}.htg-burger{display:block}}
/* Mobile Schublade */
.htg-schleier{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:all .3s;z-index:99990}
.htg-drawer{position:fixed;top:0;right:0;bottom:0;width:min(380px,88vw);background:var(--htg-dunkel);color:var(--htg-text);
 transform:translateX(100%);visibility:hidden;transition:transform .32s cubic-bezier(.2,.7,.2,1),visibility .32s;z-index:99991;overflow-y:auto;display:flex;flex-direction:column}
.htg-offen .htg-schleier{opacity:1;visibility:visible}
.htg-offen .htg-drawer{transform:none;visibility:visible;box-shadow:-10px 0 40px rgba(0,0,0,.4)}
.htg-drawer-kopf{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.htg-drawer-kopf img{height:46px;width:auto}
.htg-zu{background:none;border:1px solid rgba(255,255,255,.25);color:#fff;width:40px;height:40px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer}
.htg-zu:hover{border-color:var(--htg-orange);color:var(--htg-orange)}
.htg-dliste{list-style:none;margin:0;padding:10px 0;flex:1}
.htg-dliste>li{border-bottom:1px solid rgba(255,255,255,.06)}
.htg-dzeile{display:flex;align-items:center}
.htg-dzeile>a{flex:1;display:block;padding:14px 24px;font-family:Oswald,sans-serif;font-size:21px;letter-spacing:.02em;color:var(--htg-text);text-decoration:none}
.htg-dliste li.aktiv>.htg-dzeile>a,.htg-dzeile>a:hover{color:var(--htg-orange)}
.htg-dauf{background:none;border:0;border-left:1px solid rgba(255,255,255,.08);color:var(--htg-text);width:58px;align-self:stretch;cursor:pointer}
.htg-dauf svg{width:14px;height:14px;transition:transform .25s}
.htg-dauf[aria-expanded="true"] svg{transform:rotate(180deg)}
.htg-dsub{list-style:none;margin:0;padding:0 0 10px;display:none;background:rgba(0,0,0,.18)}
.htg-dsub.auf{display:block}
.htg-dsub a{display:block;padding:10px 24px 10px 38px;font-family:Oswald,sans-serif;font-size:17px;line-height:1.35;color:#cfcfcf;text-decoration:none;border-left:3px solid transparent}
.htg-dsub a:hover,.htg-dsub li.aktiv a{color:#fff;border-left-color:var(--htg-orange)}
.htg-dfuss{padding:20px 24px 28px;border-top:1px solid rgba(255,255,255,.08);font-family:Oswald,sans-serif;font-size:16px}
.htg-dfuss a{color:#cfcfcf;text-decoration:none;display:block;margin:6px 0}
.htg-dfuss a:hover{color:var(--htg-orange)}
.htg-dfuss .htg-sprache{display:inline-block;margin-top:12px;padding:5px 14px;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-weight:600;letter-spacing:.06em}
body.htg-offen{overflow:hidden}
/* Kundenstimmen */
.htg-stimmen{padding:20px 0 70px}
.htg-stimmen-raster{columns:3 320px;column-gap:28px}
.htg-stimme{break-inside:avoid;margin:0 0 28px;padding:62px 28px 24px;background:#3a3a3a;border-radius:6px;border-top:3px solid var(--htg-orange);position:relative;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.htg-stimme::before{content:"\201C";position:absolute;top:14px;left:24px;font-family:Georgia,serif;font-size:64px;line-height:1;color:var(--htg-orange);opacity:.75}
.htg-stimme blockquote{margin:0;padding:0;border:0;font-family:Oswald,sans-serif;font-size:17.5px;line-height:1.6;color:#e6e6e6;font-weight:300}
.htg-stimme figcaption{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-family:'Open Sans',sans-serif;font-size:13.5px;color:var(--htg-orange);letter-spacing:.02em}
.htg-stimme figcaption span{display:block;color:#a9a9a9;margin-top:2px}
.htg-stimmen-cta{text-align:center;margin-top:30px}
.htg-stimmen-cta p{font-family:'Alex Brush',cursive;font-size:34px;color:var(--htg-orange);margin-bottom:16px}
.htg-menu>li.getippt>.htg-sub{opacity:1;visibility:visible;transform:none}
#sp-header>.container{position:relative;z-index:5}
@media (max-width:991px){#sp-top2{flex:0 0 100%!important;max-width:100%!important}#sp-top-bar .sp-column{display:flex!important;justify-content:flex-end;align-items:center;gap:20px;flex-wrap:nowrap;float:none!important}#sp-top-bar ul{margin:0!important;padding:0}#sp-top-bar .sp-contact-info,#sp-top-bar .social-icons{display:flex;align-items:center;gap:14px;white-space:nowrap}}
@media (max-width:575px){#sp-top-bar .sp-column{justify-content:center;gap:16px}#sp-top-bar .sp-contact-email{display:none!important}}
.htg-stimme.htg-foto{padding:0;overflow:hidden;background:#2b2b2b}
.htg-stimme.htg-foto::before{content:none}
.htg-stimme.htg-foto img{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.htg-stimme.htg-foto:hover img{transform:scale(1.04)}

.htg-k{display:inline-block;background:#d87f20;color:#fff!important;font-family:Oswald,sans-serif;font-size:17px;padding:10px 24px;border-radius:4px;text-decoration:none;transition:background .2s,transform .2s;white-space:nowrap}
.htg-k:hover{background:#e49847;transform:translateY(-1px)}
/* Fußzeilen-Links: kein eigenes Hamburger-Menü auf dem Handy */
.sppb-link-list-wrap .sppb-responsive-bars{display:none!important}
@media (max-width:991px){.sppb-link-list-wrap>ul{display:flex!important;flex-wrap:wrap;justify-content:center;gap:4px 8px;position:static!important;background:none!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;height:auto!important;max-height:none!important;overflow:visible!important;width:auto!important;padding:0!important}
.sppb-link-list-wrap>ul>li{display:inline-block!important;width:auto!important;border:0!important}.sppb-link-list-wrap>ul>li>a{padding:6px 10px!important}
.sppb-link-list-wrap{text-align:center!important}}
/* aktive Seite und Hover gegen die Vorlagenfarbe durchsetzen */
#sp-header .htg-menu>li>a:hover,#sp-header .htg-menu>li:focus-within>a,#sp-header .htg-menu>li.aktiv>a{color:var(--htg-orange)}
#sp-header .htg-sub a{color:#ddd}#sp-header .htg-sub a:hover,#sp-header .htg-sub li.aktiv>a{color:#fff}