/* PofD IT Solutions – öffentliche Produktkategorie v0.4.74 */
.category-hero{position:relative;overflow:hidden;padding:72px 0 70px;background:
radial-gradient(circle at 76% 25%,rgba(21,133,255,.22),transparent 30%),
linear-gradient(120deg,#07111d 0%,#07101b 50%,#06111d 100%);border-bottom:1px solid #172837}
.category-hero:before{content:"";position:absolute;inset:0;background:
repeating-linear-gradient(0deg,transparent 0 48px,rgba(42,87,126,.05) 49px 50px);pointer-events:none}
.category-glow{position:absolute;right:8%;top:-80px;width:480px;height:230px;background:linear-gradient(120deg,transparent,rgba(21,133,255,.22),transparent);filter:blur(28px);transform:rotate(-8deg)}
.category-hero-inner{position:relative;z-index:1;max-width:980px;margin-left:auto;margin-right:auto;text-align:center}
.category-breadcrumb{display:flex;justify-content:center;align-items:center;gap:9px;margin-bottom:19px;color:#7891a4;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.category-breadcrumb a{text-decoration:none;color:#9fc9ee}.category-breadcrumb strong{color:#cdd7df}
.category-kicker{display:inline-flex;padding:6px 10px;margin-bottom:13px;border:1px solid #24547d;border-radius:999px;background:rgba(12,34,53,.74);color:#70b9ff;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.14em}
.category-hero h1{margin:0;font-size:clamp(40px,5vw,62px);line-height:1.04;letter-spacing:-.04em}
.category-hero p{max-width:820px;margin:18px auto 0;color:#bfccd5;font-size:16px;line-height:1.7}
.category-trust{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:27px;color:#d9e3ea;font-size:11px;font-weight:700}
.category-trust span:before{color:#45db91}

.category-products{padding:58px 0 72px;background:radial-gradient(circle at 50% 5%,rgba(0,100,220,.065),transparent 35%),#06101a}
.category-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
.category-section-head small{display:block;margin-bottom:5px;color:#62aff8;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.13em}
.category-section-head h2{margin:0;font-size:28px;letter-spacing:-.02em}.product-count{padding:6px 11px;border:1px solid #27445c;border-radius:999px;background:#0a1722;color:#9fb3c1;font-size:10px;font-weight:750}

.category-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.category-product-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:500px;padding:25px;background:linear-gradient(155deg,#101e2d 0%,#09131e 72%);border:1px solid #253d50;border-radius:12px;box-shadow:0 20px 45px rgba(0,0,0,.18);transition:transform .2s,border-color .2s,box-shadow .2s}
.category-product-card:hover{transform:translateY(-4px);border-color:#3477ad;box-shadow:0 26px 60px rgba(0,0,0,.3),0 0 25px rgba(0,116,255,.08)}
.product-accent{position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--blue),#52b6ff,transparent)}
.category-product-head{display:flex;align-items:center;gap:13px}.category-product-icon{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border:1px solid #2d506b;border-radius:10px;background:#10273a;font-size:28px}
.category-product-head small{display:block;margin-bottom:2px;color:#748c9e;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.category-product-head h3{margin:0;font-size:19px;line-height:1.2}
.category-product-intro{min-height:44px;margin:18px 0 5px;color:#aebdc8;font-size:12px;line-height:1.65}
.category-price{display:flex;align-items:baseline;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid #213645}
.category-price-value{font-size:31px;font-weight:900;letter-spacing:-.04em}.category-price-cycle{color:#91a5b4;font-size:11px;font-weight:700}
.category-setup{min-height:20px;margin-top:3px;color:#708798;font-size:9px}
.category-features{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:11px;color:#c5d0d8;font-size:11px}
.category-features li{position:relative;padding-left:23px;line-height:1.5}.category-features li:before{content:"✓";position:absolute;left:0;top:0;color:#45de93;font-weight:900}
.category-features-default{color:#aab8c3}.category-order-form{margin-top:auto}.category-order-form .btn{border:0;cursor:pointer}

.category-empty{padding:64px 28px;text-align:center;border:1px solid #263d50;border-radius:14px;background:linear-gradient(150deg,#0e1b29,#09131e);box-shadow:0 20px 55px rgba(0,0,0,.2)}
.category-empty-icon{width:74px;height:74px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;background:#10273a;border:1px solid #2a4b64;font-size:34px}
.category-empty h2{margin:0 0 8px;font-size:25px}.category-empty p{max-width:700px;margin:0 auto 25px;color:#91a4b3;font-size:13px;line-height:1.7}

.category-help{padding:0 0 68px;background:#06101a}.category-help-box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:27px 31px;background:linear-gradient(110deg,#0e1d2b,#0a1621);border:1px solid #28445c;border-radius:12px}
.category-help small{display:block;color:#6eb5f8;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.11em}.category-help h2{margin:4px 0 5px;font-size:23px}.category-help p{margin:0;color:#9eafbc;font-size:12px}
.category-help-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

@media(max-width:1100px){.category-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .category-hero{padding:52px 0}.category-hero-inner{text-align:left}.category-breadcrumb{justify-content:flex-start}.category-trust{justify-content:flex-start;gap:13px 20px}
 .category-section-head{align-items:flex-start;flex-direction:column}.category-product-grid{grid-template-columns:1fr}.category-product-card{min-height:0}
 .category-help-box{grid-template-columns:1fr}.category-help-actions{justify-content:flex-start}
}

.category-term-note{margin:-8px 0 14px;padding:8px 10px;border:1px solid #36506a;border-radius:7px;background:#0b1824;color:#b9c8d3;font-size:10px;font-weight:750}.category-order-form{text-decoration:none}

/* v0.4.76 */
.category-product-grid{grid-template-columns:repeat(auto-fit,minmax(285px,1fr));align-items:stretch}
.category-product-card{height:100%}.category-product-card.is-limited{border-color:#316994}
.category-badge{position:absolute;right:14px;top:14px;padding:6px 9px;border:1px solid #3475a8;border-radius:999px;background:#0b2941;color:#83c8ff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.category-feature-groups{display:grid;gap:12px;margin:20px 0 26px}
.category-feature-group{padding:12px 13px;border:1px solid #20394c;border-radius:9px;background:rgba(5,14,22,.42)}
.category-feature-group h4{margin:0 0 8px;color:#8fc8ff;font-size:11px;font-weight:850}
.category-feature-group .category-features{margin:0;gap:7px}.category-feature-group .category-features li{font-size:10px}
.category-product-card .category-order-form{margin-top:auto}

/* v0.4.78 – Webradio Kategorie-Hero */
.category-hero-webradio{min-height:430px;display:flex;align-items:center;background:
linear-gradient(90deg,#06101a 0%,#06101a 36%,rgba(6,16,26,.94) 49%,rgba(6,16,26,.30) 76%,#06101a 100%),
radial-gradient(circle at 76% 25%,rgba(21,133,255,.20),transparent 32%),#06101a}
.category-hero-webradio .category-hero-inner{max-width:none;text-align:left;margin-left:auto;margin-right:auto;padding-right:47%;position:relative;z-index:3}
.category-hero-webradio .category-breadcrumb{justify-content:flex-start}
.category-hero-webradio .category-hero-inner>p{margin-left:0;margin-right:0;max-width:650px}
.category-hero-webradio .category-trust{justify-content:flex-start}
.category-hero-visual{position:absolute;z-index:1;right:0;top:0;width:58%;height:100%;background:
linear-gradient(90deg,#06101a 0%,rgba(6,16,26,.72) 16%,rgba(6,16,26,.08) 52%,rgba(6,16,26,.22) 100%),
url('/assets/images/category/webradio-hero.jpg?v=0478') center center/cover no-repeat}
.category-hero-webradio:after{content:"";position:absolute;z-index:2;inset:auto 0 0;height:90px;background:linear-gradient(transparent,#06101a)}
@media(max-width:900px){
 .category-hero-webradio{min-height:500px;align-items:flex-end}
 .category-hero-webradio .category-hero-inner{padding-right:0;padding-top:210px}
 .category-hero-visual{width:100%;height:270px;top:0;background:
 linear-gradient(0deg,#06101a 0%,rgba(6,16,26,.15) 45%,rgba(6,16,26,.12) 100%),
 url('/assets/images/category/webradio-hero.jpg?v=0478') center 44%/cover no-repeat}
}

/* v0.4.79 – Stream-Server Kategorie-Hero */
.category-hero-streamserver{min-height:430px;display:flex;align-items:center;background:
linear-gradient(90deg,#06101a 0%,#06101a 37%,rgba(6,16,26,.92) 50%,rgba(6,16,26,.24) 78%,#06101a 100%),
radial-gradient(circle at 78% 22%,rgba(21,133,255,.20),transparent 32%),#06101a}
.category-hero-streamserver .category-hero-inner{max-width:none;text-align:left;margin-left:auto;margin-right:auto;padding-right:47%;position:relative;z-index:3}
.category-hero-streamserver .category-breadcrumb{justify-content:flex-start}
.category-hero-streamserver .category-hero-inner>p{margin-left:0;margin-right:0;max-width:650px}
.category-hero-streamserver .category-trust{justify-content:flex-start}
.category-streamserver-visual{right:0;top:0;width:59%;height:100%;background:
linear-gradient(90deg,#06101a 0%,rgba(6,16,26,.70) 16%,rgba(6,16,26,.06) 55%,rgba(6,16,26,.18) 100%),
url('/assets/images/category/streamserver-hero.jpg?v=0479') center center/cover no-repeat}
.category-hero-streamserver:after{content:"";position:absolute;z-index:2;inset:auto 0 0;height:90px;background:linear-gradient(transparent,#06101a)}
@media(max-width:900px){
 .category-hero-streamserver{min-height:500px;align-items:flex-end}
 .category-hero-streamserver .category-hero-inner{padding-right:0;padding-top:210px}
 .category-streamserver-visual{width:100%;height:270px;top:0;background:
 linear-gradient(0deg,#06101a 0%,rgba(6,16,26,.14) 45%,rgba(6,16,26,.10) 100%),
 url('/assets/images/category/streamserver-hero.jpg?v=0479') center 45%/cover no-repeat}
}

.category-hero-teamspeak{min-height:430px;display:flex;align-items:center;background:linear-gradient(90deg,#06101a 0%,#06101a 38%,rgba(6,16,26,.92) 51%,rgba(6,16,26,.24) 78%,#06101a 100%),#06101a}
.category-hero-teamspeak .category-hero-inner{max-width:none;text-align:left;margin-left:auto;margin-right:auto;padding-right:47%;position:relative;z-index:3}
.category-hero-teamspeak .category-breadcrumb,.category-hero-teamspeak .category-trust{justify-content:flex-start}
.category-hero-teamspeak .category-hero-inner>p{margin-left:0;margin-right:0;max-width:650px}
.category-teamspeak-visual{right:0;top:0;width:59%;height:100%;background:linear-gradient(90deg,#06101a 0%,rgba(6,16,26,.7) 16%,rgba(6,16,26,.05) 55%,rgba(6,16,26,.18) 100%),url('/assets/images/category/teamspeak3-hero.jpg?v=0487') center/cover no-repeat}
.category-hero-teamspeak:after{content:"";position:absolute;z-index:2;inset:auto 0 0;height:90px;background:linear-gradient(transparent,#06101a)}
@media(max-width:900px){.category-hero-teamspeak{min-height:500px;align-items:flex-end}.category-hero-teamspeak .category-hero-inner{padding-right:0;padding-top:210px}.category-teamspeak-visual{width:100%;height:270px;top:0}}

/* v0.4.88 – kompakte Einzelkarte für TeamSpeak */
.category-hero-teamspeak + .category-products .category-products-grid,
body:has(.category-hero-teamspeak) .category-products-grid{
    max-width:860px;
    margin-left:auto;
    margin-right:auto;
}
body:has(.category-hero-teamspeak) .category-product-card{
    width:100%;
}
@media(max-width:900px){
    .category-hero-teamspeak + .category-products .category-products-grid,
    body:has(.category-hero-teamspeak) .category-products-grid{
        max-width:100%;
    }
}

/* v0.4.89 – TeamSpeak-Karte zuverlässig kompakt */
.category-products-teamspeak .category-products-grid{
    width:100%;
    max-width:860px;
    margin-left:auto;
    margin-right:auto;
}
.category-products-teamspeak .category-product-card{
    width:100%;
    min-height:0 !important;
    height:auto !important;
}
.category-products-teamspeak .category-product-card form{
    min-height:0 !important;
    height:auto !important;
}
.category-products-teamspeak .category-product-actions,
.category-products-teamspeak .category-product-card form > button,
.category-products-teamspeak .category-product-card form > .btn{
    margin-top:24px !important;
}
@media(max-width:900px){
    .category-products-teamspeak .category-products-grid{
        max-width:100%;
    }
}

/* v0.4.90 – TeamSpeak Kartenbreite / Leerraum endgültig korrigiert */
.category-products-teamspeak .category-product-grid{
    width:100% !important;
    max-width:860px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    grid-template-columns:minmax(0,1fr) !important;
}

.category-products-teamspeak .category-product-card{
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
}

.category-products-teamspeak .category-order-form{
    margin-top:24px !important;
}

@media(max-width:900px){
    .category-products-teamspeak .category-product-grid{
        max-width:100% !important;
    }
}

/* v0.4.91 – Webhosting Kategorie-Hero */
.category-hero-webhosting{
    min-height:430px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(90deg,#06101a 0%,#06101a 38%,rgba(6,16,26,.92) 51%,rgba(6,16,26,.24) 78%,#06101a 100%),
        radial-gradient(circle at 78% 25%,rgba(21,133,255,.20),transparent 34%),
        #06101a;
}
.category-hero-webhosting .category-hero-inner{
    max-width:none;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    padding-right:47%;
    position:relative;
    z-index:3;
}
.category-hero-webhosting .category-breadcrumb,
.category-hero-webhosting .category-trust{
    justify-content:flex-start;
}
.category-hero-webhosting .category-hero-inner>p{
    margin-left:0;
    margin-right:0;
    max-width:650px;
}
.category-webhosting-visual{
    right:0;
    top:0;
    width:59%;
    height:100%;
    background:
        linear-gradient(90deg,#06101a 0%,rgba(6,16,26,.72) 16%,rgba(6,16,26,.05) 55%,rgba(6,16,26,.16) 100%),
        url('/assets/images/category/webhosting-hero.jpg?v=0491') center center/cover no-repeat;
}
.category-hero-webhosting:after{
    content:"";
    position:absolute;
    z-index:2;
    inset:auto 0 0;
    height:90px;
    background:linear-gradient(transparent,#06101a);
}
@media(max-width:900px){
    .category-hero-webhosting{
        min-height:500px;
        align-items:flex-end;
    }
    .category-hero-webhosting .category-hero-inner{
        padding-right:0;
        padding-top:210px;
    }
    .category-webhosting-visual{
        width:100%;
        height:270px;
        top:0;
        background:
            linear-gradient(0deg,#06101a 0%,rgba(6,16,26,.15) 45%,rgba(6,16,26,.10) 100%),
            url('/assets/images/category/webhosting-hero.jpg?v=0491') center center/cover no-repeat;
    }
}


/* v0.4.96 – Chat Kategorie: Hero + Produktkarten */
.category-hero-chat{
    min-height:420px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        radial-gradient(circle at 76% 44%,rgba(89,53,255,.18),transparent 35%),
        linear-gradient(90deg,#06101a 0%,#06101a 43%,#071321 100%);
}
.category-hero-chat .category-hero-inner{
    position:relative;
    z-index:4;
    max-width:none;
    text-align:left;
    padding-right:48%;
}
.category-hero-chat .category-breadcrumb,
.category-hero-chat .category-trust{justify-content:flex-start}
.category-hero-chat .category-hero-inner>p{
    max-width:650px;
    margin-left:0;
    margin-right:0;
}
.category-chat-visual{
    position:absolute;
    z-index:1;
    right:0;
    top:0;
    width:57%;
    height:100%;
    background:
        linear-gradient(90deg,#06101a 0%,rgba(6,16,26,.68) 16%,rgba(6,16,26,.06) 46%,rgba(6,16,26,.10) 100%),
        url('/assets/images/category/chat-hero.jpg?v=0497') center center/contain no-repeat;
}
.category-hero-chat:after{
    content:"";
    position:absolute;
    z-index:2;
    left:0;right:0;bottom:0;
    height:90px;
    background:linear-gradient(transparent,#06101a);
}

/* Chat hat genau zwei Pakete: kompakte, gleichmäßige Karten. */
.category-products-chat .category-product-grid{
    width:100%;
    max-width:1180px;
    margin-left:auto;
    margin-right:auto;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:stretch;
}
.category-products-chat .category-product-card{
    min-height:0 !important;
    height:auto !important;
}
.category-products-chat .category-product-intro{
    line-height:1.65;
    max-width:none;
}
.category-products-chat .category-feature-groups{
    margin-top:18px;
}
.category-products-chat .category-feature-group{
    margin-top:0;
}
.category-products-chat .category-feature-group h4{
    color:#45a5ff;
}
.category-products-chat .category-features{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 22px;
}
.category-products-chat .category-order-form{
    margin-top:24px !important;
}
@media(max-width:900px){
    .category-hero-chat{
        min-height:520px;
        align-items:flex-end;
    }
    .category-hero-chat .category-hero-inner{
        padding-right:0;
        padding-top:225px;
    }
    .category-chat-visual{
        width:100%;
        height:285px;
        background:
            linear-gradient(0deg,#06101a 0%,rgba(6,16,26,.18) 52%,rgba(6,16,26,.08) 100%),
            url('/assets/images/category/chat-hero.jpg?v=0497') center center/contain no-repeat;
    }
    .category-products-chat .category-product-grid{
        max-width:720px;
        grid-template-columns:1fr !important;
    }
}
@media(max-width:620px){
    .category-products-chat .category-features{
        grid-template-columns:1fr;
    }
}

/* v0.4.97 – Chat Feinschliff */
.category-chat-visual{
    background-color:#07111d;
    filter:saturate(1.05) contrast(1.03);
}
.category-products-chat .category-product-card{
    display:flex;
    flex-direction:column;
}
.category-products-chat .category-feature-groups{
    flex:0 0 auto;
}
.category-products-chat .category-order-form{
    margin-top:auto !important;
    padding-top:24px;
}
.category-products-chat .category-features li{
    line-height:1.45;
}