
/* ZelloFunk 1.7.13 – Tickets */
.image-tile-ticket{background:linear-gradient(145deg,#fff7e8,#fff);border-color:#f3c879}.ticket-tile-media{display:grid;place-items:center;background:linear-gradient(135deg,#ff9b2f,#ffca6a);min-height:190px}.ticket-tile-media span{font-size:88px;filter:drop-shadow(0 8px 12px rgba(85,48,0,.18))}
.ticket-hero{background:linear-gradient(135deg,#0e2c58,#1769d2);color:#fff}.ticket-intro{max-width:850px;padding:12px 0}.ticket-intro h1{font-size:clamp(2rem,5vw,3.5rem);margin:.6rem 0}.ticket-intro p{font-size:1.12rem;line-height:1.7;max-width:760px}.ticket-notice{display:inline-block;margin-top:12px;padding:14px 18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:14px}
.ticket-layout{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.45fr);gap:28px;align-items:start}.ticket-help{position:sticky;top:100px}.ticket-step{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #dce7f5}.ticket-step>span{flex:0 0 38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#1769d2;color:#fff;font-weight:800}.ticket-step p{margin:5px 0 0;color:#5a6b82;line-height:1.5}.ticket-form{padding:28px}.ticket-form label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#243b5d}.ticket-form input,.ticket-form select,.ticket-form textarea,.ticket-detail textarea,.ticket-detail select{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #cbd8e8;border-radius:10px;background:#fff;color:#152a48;font:inherit}.ticket-form small{font-weight:400;color:#63748b}.check-row{flex-direction:row!important;align-items:flex-start;gap:10px!important}.check-row input{width:auto;margin-top:4px}.btn-wide{width:100%;justify-content:center}.license-order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.ticket-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 20px}.ticket-admin-stats a{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid #dce6f2;border-radius:12px;background:#fff;text-decoration:none;color:#1c3557}.ticket-admin-stats strong{font-size:1.55rem}.ticket-admin-list{display:grid;gap:10px}.ticket-admin-row{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:14px 16px;background:#fff;border:1px solid #dce6f2;border-radius:13px}.ticket-row-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#fff1dc;font-size:23px}.ticket-row-main>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ticket-row-main small{display:block;color:#60728b;margin-top:4px}.ticket-row-main p{margin:6px 0 0;color:#405674}.status-new{background:#fff2bf;color:#705500}.status-processing{background:#dcebff;color:#1254a4}.status-answered{background:#dff7e8;color:#176b3b}.status-closed{background:#e8ebef;color:#455161}.ticket-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.ticket-meta-grid>div{padding:13px;background:#f5f8fc;border-radius:10px}.ticket-meta-grid span{display:block;font-size:.78rem;color:#64758d;margin-bottom:4px}.ticket-message,.ticket-reply{padding:18px;border-radius:12px;background:#f7f9fc;margin:14px 0}.ticket-reply{border-left:4px solid #1769d2;background:#eef5ff}.ticket-actions-grid{display:grid;grid-template-columns:1.4fr .7fr;gap:18px;margin-top:20px}.category-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.category-chip{display:flex;align-items:center;gap:8px;background:#edf4fc;border:1px solid #cfe0f2;padding:7px 10px;border-radius:999px}.category-chip button{border:0;background:transparent;font-size:18px;cursor:pointer;color:#9b2c2c}.inline-form{display:flex;gap:10px}.inline-form input{flex:1}.ticket-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
@media(max-width:800px){.ticket-layout{grid-template-columns:1fr}.ticket-help{position:static}.ticket-admin-stats{grid-template-columns:repeat(2,1fr)}.ticket-admin-row{grid-template-columns:42px 1fr}.ticket-admin-row .actions{grid-column:1/-1}.ticket-meta-grid{grid-template-columns:1fr 1fr}.ticket-actions-grid{grid-template-columns:1fr}}
@media(max-width:520px){.ticket-form{padding:19px}.ticket-meta-grid{grid-template-columns:1fr}.ticket-admin-stats{grid-template-columns:1fr}.inline-form{flex-direction:column}}


/* Version 1.7.15: Rollen in der Rufzeichenliste und überarbeitete Lizenzdarstellung */
.callsign-role {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .15rem;
    min-width: 7.5rem;
    padding: .45rem .65rem;
    border-radius: .8rem;
    font-weight: 800;
    line-height: 1.1;
    background: #f1f5f9;
    color: #334155;
}
.callsign-role-moderator { background: #ecfeff; color: #0e7490; }
.callsign-role-administrator { background: #f3e8ff; color: #7e22ce; }
.callsign-role-owner { background: #fff7ed; color: #c2410c; }
.role-stars { font-size: .82rem; letter-spacing: .08em; color: #f59e0b; white-space: nowrap; }
.admin-role { display: inline-block; padding: .35rem .55rem; border-radius: .65rem; background: #f1f5f9; font-weight: 800; white-space: nowrap; }
.admin-role-moderator { background: #ecfeff; color: #0e7490; }
.admin-role-administrator { background: #f3e8ff; color: #7e22ce; }
.admin-role-owner { background: #fff7ed; color: #c2410c; }

.license-showcase {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
    align-items: stretch;
    margin-bottom: 2rem;
}
.license-showcase-card {
    margin: 0;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, .1);
    border-radius: 1.35rem;
    background: #fff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .09);
}
.license-photo-frame {
    height: 285px;
    margin: 1rem 1rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 1rem;
    background: linear-gradient(145deg, #f8fafc, #eef2ff);
}
.license-photo-frame img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.license-photo-card figcaption {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: 1rem 1.15rem 1.2rem;
}
.license-photo-card figcaption strong { font-size: 1.05rem; color: #172033; }
.license-photo-card figcaption span { color: #64748b; line-height: 1.45; }
.license-price-card {
    padding: 1.25rem;
    justify-content: space-between;
    background: linear-gradient(145deg, #fff7ed, #ffffff 58%, #fef3c7);
}
.license-price-content { text-align: center; display: flex; flex-direction: column; align-items: center; }
.license-price-label { text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; font-weight: 900; color: #9a3412; }
.license-price-main { margin-top: .55rem; font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1; color: #16a34a; }
.license-price-alt { font-size: 1.8rem; color: #ea580c; }
.license-price-card p { margin: .35rem 0 .7rem; color: #475569; }
.license-price-card small { display: block; margin-top: .85rem; line-height: 1.5; color: #64748b; }
.license-card-button { width: 100%; margin-top: 1rem; text-align: center; }

@media (max-width: 920px) {
    .license-showcase { grid-template-columns: 1fr 1fr; }
    .license-price-card { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
    .license-showcase { grid-template-columns: 1fr; }
    .license-price-card { grid-column: auto; }
    .license-photo-frame { height: 245px; }
    .call-table { min-width: 760px; }
}

/* 1.7.18 – importierte Bildergalerie */
.article-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}
.article-gallery a{display:flex;align-items:center;justify-content:center;min-height:170px;padding:10px;border:1px solid #dbe7f3;border-radius:16px;background:#f8fbff;overflow:hidden}
.article-gallery img{display:block;max-width:100%;max-height:280px;width:auto;height:auto;object-fit:contain;border-radius:10px}
@media(max-width:800px){.article-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.article-gallery{grid-template-columns:1fr}.article-gallery a{min-height:120px}}

/* Update 1.7.20: auffälliger Beitragsaufruf, Archivkarten und Kanalregeln */
.blog-submit-banner{
  position:relative;overflow:hidden;margin:28px 0 34px;padding:24px 28px;
  border:3px solid #b91c1c;border-radius:22px;
  background:linear-gradient(135deg,#991b1b 0%,#dc2626 48%,#f97316 100%);
  color:#fff;box-shadow:0 16px 34px rgba(185,28,28,.28);
  display:flex;align-items:center;justify-content:space-between;gap:22px;
}
.blog-submit-banner::before{content:'➜';font-size:72px;line-height:1;font-weight:900;transform:rotate(-8deg);filter:drop-shadow(0 4px 4px rgba(0,0,0,.2));animation:zfArrowPulse 1.5s ease-in-out infinite}
.blog-submit-banner>div{flex:1}.blog-submit-banner strong{display:block;font-size:clamp(1.35rem,2.8vw,2rem);margin-bottom:6px}.blog-submit-banner span{display:block;font-size:1.05rem;opacity:.98}
.blog-submit-banner .btn{background:#fff!important;color:#991b1b!important;border:0!important;font-weight:900;font-size:1.05rem;padding:14px 22px;box-shadow:0 8px 18px rgba(0,0,0,.2)}
.blog-submit-banner .btn:hover{transform:translateY(-2px) scale(1.03)}
@keyframes zfArrowPulse{0%,100%{transform:rotate(-8deg) translateX(0) scale(1)}50%{transform:rotate(-8deg) translateX(8px) scale(1.12)}}

.archive-card .archive-meta{display:flex;align-items:center;gap:8px;margin:4px 0 12px;color:#475569;font-weight:700}.archive-card .archive-meta::before{content:'👤';font-size:1rem}.archive-card h3{font-size:1.35rem;line-height:1.2;margin:0 0 4px}.archive-card .category-card-top{display:none!important}.archive-card{border-top:6px solid #22c55e}.archive-card:nth-child(4n+2){border-top-color:#3b82f6}.archive-card:nth-child(4n+3){border-top-color:#f97316}.archive-card:nth-child(4n+4){border-top-color:#a855f7}

.rules-grid.colorful-rules>div{color:#172033!important;border:0!important;box-shadow:0 12px 28px rgba(15,23,42,.1)}
.rules-grid.colorful-rules>div:nth-child(6n+1){background:linear-gradient(145deg,#dbeafe,#bfdbfe)!important}
.rules-grid.colorful-rules>div:nth-child(6n+2){background:linear-gradient(145deg,#dcfce7,#bbf7d0)!important}
.rules-grid.colorful-rules>div:nth-child(6n+3){background:linear-gradient(145deg,#ffedd5,#fed7aa)!important}
.rules-grid.colorful-rules>div:nth-child(6n+4){background:linear-gradient(145deg,#f3e8ff,#e9d5ff)!important}
.rules-grid.colorful-rules>div:nth-child(6n+5){background:linear-gradient(145deg,#fee2e2,#fecaca)!important}
.rules-grid.colorful-rules>div:nth-child(6n+6){background:linear-gradient(145deg,#fef9c3,#fef08a)!important}
.rules-grid.colorful-rules>div span{background:#fff!important;color:#172033!important;box-shadow:0 4px 12px rgba(15,23,42,.12)}
@media(max-width:760px){.blog-submit-banner{align-items:flex-start;flex-wrap:wrap;padding:20px}.blog-submit-banner::before{font-size:48px}.blog-submit-banner .btn{width:100%;text-align:center}}
