/* Pepswerk Footer 2.3: compact, no gradient transition, readable mobile links. */
#pepswerk-footer{font:16px/1.65 "Helvetica Neue",Arial,sans-serif;color:#f2eff5;background:#080808;margin:0;width:100%;border-top:1px solid #34283e}
#pepswerk-footer,#pepswerk-footer *{box-sizing:border-box}
#pepswerk-footer .pwf-wrap{max-width:1280px;margin:auto;padding:30px 40px 16px}
#pepswerk-footer .pwf-main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr) minmax(210px,1fr) minmax(0,.7fr);gap:32px;align-items:start}
#pepswerk-footer .pwf-logo{display:inline-flex;margin-bottom:16px;text-decoration:none}
#pepswerk-footer .pwf-logo img{display:block;width:136px;height:auto;max-height:72px;object-fit:contain}
#pepswerk-footer h2{font:600 12px/1.6 Arial,sans-serif;color:#c49ce8;letter-spacing:.12em;margin:0 0 12px;text-transform:uppercase}
#pepswerk-footer nav h2{color:#f0e9f6;padding-bottom:10px;position:relative}
#pepswerk-footer nav h2:after{content:"";position:absolute;bottom:0;left:0;width:24px;height:2px;background:#ad78d8}
#pepswerk-footer .pwf-brand p{font-size:13px;line-height:1.75;color:#b8b1bf;margin:0;max-width:350px}
#pepswerk-footer nav{padding-top:8px;min-width:0}
#pepswerk-footer ul{list-style:none;padding:0;margin:0}
#pepswerk-footer li{margin:0 0 7px;padding:0}
#pepswerk-footer a,#pepswerk-footer li>span{font-size:14px;color:#eeeaf2;text-decoration:none;overflow-wrap:anywhere}
#pepswerk-footer a:hover{color:#c499e8;text-decoration:underline;text-underline-offset:4px}
#pepswerk-footer a:focus-visible{outline:2px solid #b887e3;outline-offset:4px}
#pepswerk-footer .pwf-payment{border-top:1px solid #29232e;margin-top:22px;padding:14px 0;text-align:center}
#pepswerk-footer .pwf-payment h2{margin:0 0 8px;color:#b8b1bf}
#pepswerk-footer .pwf-payment img{display:block;max-width:100%;width:auto;height:auto;max-height:86px;object-fit:contain;margin:0 auto}
#pepswerk-footer .pwf-bottom{border-top:1px solid #29232e;padding-top:12px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 24px;text-align:center}
#pepswerk-footer .pwf-bottom p{font-size:12px;color:#a49cab;margin:0}
@media(max-width:900px){#pepswerk-footer .pwf-main{grid-template-columns:minmax(0,1fr) minmax(210px,1.2fr) minmax(0,1fr);gap:24px}#pepswerk-footer .pwf-brand{grid-column:1/-1}#pepswerk-footer .pwf-brand p{max-width:650px}#pepswerk-footer nav{padding-top:0}}
@media(max-width:600px){#pepswerk-footer .pwf-wrap{padding:24px 20px 14px}#pepswerk-footer .pwf-main{grid-template-columns:1fr 1fr;gap:22px 20px}#pepswerk-footer nav[aria-label="ÜBER UNS"]{grid-column:1;grid-row:2}#pepswerk-footer nav[aria-label="SERVICE"]{grid-column:2;grid-row:2}#pepswerk-footer nav[aria-label="RECHTLICHES"]{grid-column:1/-1;grid-row:3}#pepswerk-footer nav[aria-label="RECHTLICHES"] ul{display:block}#pepswerk-footer nav[aria-label="RECHTLICHES"] li{display:block;width:100%}#pepswerk-footer .pwf-payment{margin-top:16px;padding:12px 0}#pepswerk-footer .pwf-bottom{flex-direction:column;gap:4px}}

/* 2.4: graphic, bracketed neon-purple direction; payment and bottom unchanged. */
#pepswerk-footer{border-top:1px solid #28222e;background:#080808}
#pepswerk-footer .pwf-logo img{width:210px;max-height:110px;height:auto}
#pepswerk-footer .pwf-main{gap:28px}
#pepswerk-footer nav{border-left:1px solid #28222e;padding-left:24px}
#pepswerk-footer nav h2{font-family:"Courier New",monospace;font-size:12px;font-weight:700;letter-spacing:.12em;color:#b16bff;padding-bottom:0;margin-bottom:18px}
#pepswerk-footer nav h2:before{content:"[ ";white-space:pre}
#pepswerk-footer nav h2:after{content:" ]";white-space:pre;position:static;display:inline;width:auto;height:auto;background:none;border-radius:0}
#pepswerk-footer nav a,#pepswerk-footer nav li>span{font-family:"Courier New",monospace;font-size:13px;letter-spacing:.025em}
#pepswerk-footer nav a:hover{color:#bd83ff}
#pepswerk-footer .pwf-brand h2{color:#b16bff}
@media(max-width:600px){#pepswerk-footer .pwf-logo img{width:180px;max-height:96px}#pepswerk-footer nav{padding-left:14px}#pepswerk-footer nav[aria-label="RECHTLICHES"]{padding-left:0;border-left:0;border-top:1px solid #28222e;padding-top:18px}}

/* 2.5: compact mobile spacing, unchanged desktop layout. */
@media(max-width:600px){
 #pepswerk-footer .pwf-wrap{padding:18px 18px 12px}
 #pepswerk-footer .pwf-main{gap:14px 16px}
 #pepswerk-footer .pwf-logo{margin-bottom:8px}
 #pepswerk-footer .pwf-logo img{width:170px;max-height:82px}
 #pepswerk-footer .pwf-brand h2{margin-bottom:7px}
 #pepswerk-footer .pwf-brand p{line-height:1.55;font-size:13px}
 #pepswerk-footer nav{padding-top:0}
 #pepswerk-footer nav h2{margin-bottom:8px;line-height:1.4}
 #pepswerk-footer li{margin-bottom:3px;line-height:1.5}
 #pepswerk-footer nav a,#pepswerk-footer nav li>span{display:inline-block;padding:3px 0}
 #pepswerk-footer nav[aria-label="RECHTLICHES"]{padding-top:12px}
 #pepswerk-footer .pwf-payment{margin-top:12px;padding:10px 0}
 #pepswerk-footer .pwf-payment h2{margin-bottom:5px}
 #pepswerk-footer .pwf-payment img{max-height:68px}
 #pepswerk-footer .pwf-bottom{padding-top:8px;gap:3px}
 #pepswerk-footer .pwf-bottom p{line-height:1.4}
}

/* Separate the introduction from the mobile menu group. */
@media(max-width:600px){#pepswerk-footer .pwf-brand{margin-bottom:18px}}

/* 2.7: larger payment artwork, compact separators, restyled Astra top control. */
#pepswerk-footer .pwf-payment{padding:6px 0;margin-top:12px}
#pepswerk-footer .pwf-payment h2{margin-bottom:2px}
#pepswerk-footer .pwf-payment img{width:100%;max-width:960px;height:auto;max-height:none;margin:0 auto}
#pepswerk-footer .pwf-bottom{padding-top:8px}
#ast-scroll-top{width:48px!important;height:48px!important;line-height:48px!important;border:2px solid #080808!important;border-radius:50%!important;background:#ad65ff!important;color:#080808!important;box-shadow:0 0 0 1px #a353ff,0 0 14px #9b44ff45!important;font-size:0!important}
#ast-scroll-top .ast-icon,#ast-scroll-top svg{visibility:hidden!important}
#ast-scroll-top:before{content:"";position:absolute;width:13px;height:13px;left:50%;top:14px;border-top:4px solid #080808;border-left:4px solid #080808;transform:translateX(-50%) rotate(45deg);box-sizing:border-box}
#ast-scroll-top:after{content:"";position:absolute;width:4px;height:20px;left:50%;top:15px;transform:translateX(-50%);background:#080808;border-radius:2px}
#ast-scroll-top:hover{background:#bd83ff!important}
#ast-scroll-top:focus-visible{outline:3px solid #fff!important;outline-offset:4px}
@media(max-width:600px){#pepswerk-footer .pwf-payment{padding:5px 0}#pepswerk-footer .pwf-payment img{width:100%;max-height:none}#ast-scroll-top{right:14px!important;bottom:18px!important}}

/* 2.8: moderate increase over the original 86px / 68px limits. */
#pepswerk-footer .pwf-payment img{width:auto;max-width:100%;height:auto;max-height:108px}
@media(max-width:600px){#pepswerk-footer .pwf-payment img{width:auto;max-width:100%;max-height:85px}}

/* 2.8: moderate enlargement relative to v2.6, closer bottom divider. */
#pepswerk-footer .pwf-payment{padding-bottom:0}
#pepswerk-footer .pwf-payment img{width:auto;max-width:100%;height:auto;max-height:120px}
@media(max-width:600px){
 #pepswerk-footer .pwf-payment{padding-bottom:0}
 #pepswerk-footer .pwf-payment img{width:auto;max-width:100%;max-height:95px}
}

/* 2.8.1: keep the existing Astra control anchored to the viewport. */
html body #ast-scroll-top{
 position:fixed!important;
 top:auto!important;left:auto!important;
 right:20px!important;bottom:20px!important;
 right:max(20px,env(safe-area-inset-right,0px))!important;
 bottom:max(20px,env(safe-area-inset-bottom,0px))!important;
 margin:0!important;transform:none!important;translate:none!important;
 border-width:3px!important;box-sizing:border-box!important;
}
@media(max-width:600px){html body #ast-scroll-top{
 right:max(14px,env(safe-area-inset-right,0px))!important;
 bottom:max(18px,env(safe-area-inset-bottom,0px))!important;
}}

/* 2.8.2: slightly tighter spacing, same typography and controls. */
#pepswerk-footer .pwf-wrap{padding-top:27px;padding-bottom:14px}
#pepswerk-footer .pwf-main{gap:25px}
#pepswerk-footer nav h2{margin-bottom:15px}
#pepswerk-footer li{margin-bottom:6px}
@media(max-width:600px){
 #pepswerk-footer .pwf-wrap{padding-top:16px;padding-bottom:11px}
 #pepswerk-footer .pwf-main{gap:12px 16px}
 #pepswerk-footer .pwf-brand{margin-bottom:14px}
 #pepswerk-footer nav h2{margin-bottom:7px}
 #pepswerk-footer li{margin-bottom:2px}
 #pepswerk-footer nav[aria-label="RECHTLICHES"]{padding-top:10px}
}

/* 2.8.3: clearance above the bottom bar and tighter payment heading. */
html body #ast-scroll-top{
 bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;
}
#pepswerk-footer .pwf-payment h2{margin-bottom:0}
#pepswerk-footer .pwf-payment img{margin-top:-8px}


/* 2.8.4: hide Astra scroll-to-top control only. */
html body #ast-scroll-top{display:none!important;}

/* 2.8.5: no scroll-to-top control, including before JavaScript loads. */
html body #ast-scroll-top{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* 2.8.6: bring copyright closer to the payment symbols. */
#pepswerk-footer .pwf-payment img{margin-bottom:-24px}
#pepswerk-footer .pwf-bottom{padding-top:6px}
@media(max-width:600px){#pepswerk-footer .pwf-payment img{margin-bottom:-16px}}

/* 2.8.8: Copyright entfernt. Zahlungsbild ohne negativen Abstand, Footer endet sauber. */
#pepswerk-footer .pwf-payment img{margin-bottom:0}
@media(max-width:600px){#pepswerk-footer .pwf-payment img{margin-bottom:0}}
#pepswerk-footer .pwf-payment{padding-bottom:4px}

/* 2.9.1: Links immer einzeilig (z. B. "Sicherheitsdatenblätter"), Spalten passen sich der Textbreite an. */
#pepswerk-footer nav a,#pepswerk-footer nav li>span{white-space:nowrap;overflow-wrap:normal;word-break:normal;hyphens:none}
@media(min-width:901px){#pepswerk-footer .pwf-main{grid-template-columns:minmax(0,1fr) max-content max-content max-content;column-gap:clamp(24px,3vw,44px)}}
@media(min-width:601px) and (max-width:900px){#pepswerk-footer .pwf-main{grid-template-columns:max-content max-content max-content;justify-content:space-between}}
@media(max-width:600px){
 #pepswerk-footer .pwf-main{grid-template-columns:max-content minmax(0,1fr)}
 #pepswerk-footer nav a,#pepswerk-footer nav li>span{font-size:12.5px;letter-spacing:0}
}
@media(max-width:360px){#pepswerk-footer nav a,#pepswerk-footer nav li>span{font-size:11.5px}}