/* Kiro2 24.10.: Homepage-Design "Blutmond" (Startseite + Unterseiten). Liegt ueber bootstrap.css. */
:root{--k2-rot:#e0202e;--k2-rot2:#ff4a55;--k2-gold:#f2c46d;--k2-glas:rgba(20,6,10,.62);--k2-rand:rgba(255,80,90,.22);--k2-text:#efe6e7;--k2-leise:#b9a5a8;--k2-tief:#0a0204}
html,body.k2b{background:var(--k2-tief)!important;color:var(--k2-text);font:15px/1.6 Inter,Arial,sans-serif;margin:0}
body.k2b a{color:var(--k2-gold);text-decoration:none}
body.k2b a:hover{color:#fff}
body.k2b h1,body.k2b h2,body.k2b h3,body.k2b h4{font-family:Cinzel,Georgia,serif;color:#fff}

/* Kopf / Titelbild */
.k2b-hero{position:relative;min-height:820px;background:url(../images/k2b_bg.jpg) center 30%/cover no-repeat;overflow:hidden}
.k2b-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,2,4,.35) 0%,rgba(10,2,4,.15) 45%,var(--k2-tief) 100%);pointer-events:none}
.k2b-hero.klein{min-height:260px;background-position:center 40%}
.k2b-hero.klein:after{background:linear-gradient(180deg,rgba(10,2,4,.55) 0%,rgba(10,2,4,.45) 60%,var(--k2-tief) 100%)}
.k2b-nav{position:relative;z-index:5;display:flex;align-items:center;gap:28px;padding:22px max(24px,calc((100% - 1240px)/2));background:linear-gradient(180deg,rgba(0,0,0,.75),transparent)}
.k2b-marke{font:900 26px Cinzel,serif!important;letter-spacing:3px;color:#fff!important;text-shadow:0 0 18px var(--k2-rot)}
.k2b-links,.k2b-rechts{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:24px}
.k2b-links a{color:#f1dfe1!important;font-weight:600;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;opacity:.88;white-space:nowrap}
.k2b-links a:hover{opacity:1;color:#fff!important;text-shadow:0 0 12px var(--k2-rot)}
.k2b-rechts{margin-left:auto;gap:14px}
.k2b-menue-an,.k2b-burger{display:none}
.k2b-titel{position:relative;z-index:3;text-align:center;padding:30px 20px 140px}
.k2b-titel img{width:400px;max-width:80%;filter:drop-shadow(0 0 40px rgba(255,40,40,.55))}
.k2b-titel h1{font:900 54px Cinzel,serif;letter-spacing:4px;margin:10px 0 0;text-shadow:0 4px 30px #000;text-transform:uppercase}
.k2b-titel p{color:#e8cfd2;font-size:19px;margin:10px 0 30px}
.k2b-knoepfe{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* Knoepfe */
.k2b-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 30px;border-radius:12px;font:800 14px Inter,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#fff!important;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s}
.k2b-btn:hover{transform:translateY(-2px);color:#fff!important}
.k2b-btn.rot{background:linear-gradient(180deg,var(--k2-rot2),#a3101b);box-shadow:0 10px 30px rgba(224,32,46,.45),inset 0 1px 0 rgba(255,255,255,.3)}
.k2b-btn.glas{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25)}
.k2b-btn.klein{padding:9px 18px;font-size:12px;border-radius:10px}
.k2b-btn.voll{width:100%;margin-top:6px}

/* Info-Kacheln */
.k2b-zahlen{position:relative;z-index:4;margin:-110px auto 0;max-width:1240px;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.k2b-zahl{background:var(--k2-glas);border:1px solid var(--k2-rand);border-radius:18px;padding:22px 26px;backdrop-filter:blur(10px)}
.k2b-zahl b{display:block;font:900 28px Cinzel,serif;color:#fff}
.k2b-zahl span{color:var(--k2-leise);font-size:13px;letter-spacing:1px;text-transform:uppercase}

/* Raster Inhalt + Seitenleiste */
.k2b-raster{max-width:1240px;margin:46px auto 70px;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.k2b-unterseite .k2b-raster{margin-top:-60px;position:relative;z-index:4}
.k2b-inhalt{min-width:0}
.k2b-seite{display:grid;gap:20px}
.k2b-karte,.k2b-inhalt>.container,.k2b-seite .k2-status-karte{background:linear-gradient(180deg,rgba(40,10,16,.78),rgba(18,5,8,.85));border:1px solid var(--k2-rand)!important;border-radius:18px!important;padding:22px 24px;box-shadow:0 18px 40px rgba(0,0,0,.35);margin:0!important}
.k2b-karte h3{font:900 18px Cinzel,serif;letter-spacing:1.5px;margin:0 0 14px;display:flex;align-items:center;gap:10px}
.k2b-karte h3 a{margin-left:auto;font:700 12px Inter,sans-serif;letter-spacing:0;text-transform:none}
.k2b-download{display:flex;align-items:center;gap:16px;color:#fff!important}
.k2b-download i{font-size:30px;color:var(--k2-rot2)}
.k2b-download b{display:block;font:900 18px Cinzel,serif;letter-spacing:1px}
.k2b-download small{color:var(--k2-leise);font-size:12px}
.k2b-download:hover{border-color:rgba(255,80,90,.55)!important}
.k2b-login .form-control,body.k2b .form-control{background:rgba(0,0,0,.35)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;color:#fff!important;padding:11px 14px;margin-bottom:12px;height:auto;font-size:14px}
body.k2b .form-control:focus{border-color:rgba(255,80,90,.6)!important;box-shadow:0 0 0 3px rgba(224,32,46,.2)!important}
.k2b-login .g-recaptcha{transform:scale(.92);transform-origin:0 0;margin-bottom:4px;height:72px}
.k2b-login-links{display:flex;justify-content:space-between;margin-top:12px;font-size:13px}
body.k2b .list-group-item{background:rgba(0,0,0,.25)!important;border-color:rgba(255,255,255,.07)!important;color:var(--k2-text)!important}
body.k2b .list-group-item:hover{background:rgba(224,32,46,.15)!important}
body.k2b .list-group-item-danger{color:#ff8f96!important}
.k2b-seite .k2-status-kopf{font-family:Cinzel,serif;font-size:18px}
.k2b-statistik ul{list-style:none;margin:0;padding:0}
.k2b-statistik li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}
.k2b-statistik li:last-child{border:0}
.k2b-statistik b{color:var(--k2-gold)}

/* Rangliste in der Seitenleiste */
.k2b-rang .bd{width:auto!important}
.k2b-rang .widget,.k2b-rang .bd{background:none!important;padding:0!important;margin:0!important}
.k2b-rang table{width:100%;margin:0;color:var(--k2-text);background:none!important}
.k2b-rang td,.k2b-rang th{border-top:1px solid rgba(255,255,255,.06)!important;padding:7px 4px!important;font-size:14px;background:none!important;color:var(--k2-text)!important}
.k2b-rang tr:first-child td,.k2b-rang tr:first-child th{border-top:0!important}
.k2b-rang th{color:var(--k2-gold)!important;font-weight:800;width:30px}
.k2b-rang td:first-child{display:none}
.k2b-rang td:last-child{text-align:right;color:#8d7579!important}
.k2b-rang .nav-tabs2{display:flex;gap:10px;justify-content:center;list-style:none;padding:0;margin:12px 0 0;border:0}
.k2b-rang .nav-tabs2 .nav-link{background:rgba(255,255,255,.06)!important;border:1px solid var(--k2-rand)!important;border-radius:99px!important;width:auto!important;height:auto!important;margin:0!important;padding:5px 16px!important;color:var(--k2-text)!important;font-size:12px}
.k2b-rang .nav-tabs2 .nav-link.active{background:linear-gradient(180deg,var(--k2-rot2),#a3101b)!important;border-color:transparent!important}
.k2b-rang .login-block-title{background:none!important;border:0!important;padding:0!important;height:auto!important}

/* Discord */
.k2b-discord{background:linear-gradient(160deg,#5865f2,#3b2bb5)!important;border:0!important;text-align:center}
.k2b-discord h3{justify-content:center}
.k2b-dc-server{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:10px;font-weight:800}
.k2b-dc-server img{width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.4)}
.k2b-dc-zahlen{display:flex;justify-content:center;gap:16px;font-size:13px;margin-bottom:12px;color:#e4e6ff}
.k2b-dc-zahlen i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.k2b-dc-gruen{background:#3ddc84}.k2b-dc-grau{background:#b9bbbe}

/* Inhalte der Unterseiten */
.k2b-inhalt>.container{max-width:none!important;width:auto!important;padding:26px 28px!important}
.k2b-inhalt .page-hd{background:none!important;height:auto!important;min-height:0!important;padding:0 0 14px!important;margin:0 0 18px!important;border-bottom:1px solid var(--k2-rand)}
.k2b-inhalt .page-hd h2,.k2b-inhalt .pre-social{font:900 26px Cinzel,serif!important;letter-spacing:2px;margin:0!important;color:#fff!important;text-align:left!important;background:none!important}
.k2b-inhalt .bd-c{padding:0!important;background:none!important}
body.k2b .table{color:var(--k2-text);background:none}
body.k2b .table td,body.k2b .table th{border-color:rgba(255,255,255,.07)!important}
body.k2b .table thead th{color:var(--k2-gold);border-bottom:1px solid var(--k2-rand)!important;font-family:Cinzel,serif}
body.k2b .table-hover tbody tr:hover{background:rgba(224,32,46,.08)}
body.k2b .btn,body.k2b .green-button,body.k2b button[type=submit]:not(.k2b-btn){background:linear-gradient(180deg,var(--k2-rot2),#a3101b)!important;border:0!important;border-radius:10px!important;color:#fff!important;font-weight:800;padding:10px 22px;box-shadow:0 8px 22px rgba(224,32,46,.35)}
body.k2b .alert{border-radius:12px}
body.k2b label{color:var(--k2-leise);font-size:13px}

/* News als Karten: .first-new (Titel) + .bd (Text) + .news (Datum) */
.k2b-inhalt .first-new{background:none!important;border:0!important;margin:0!important;padding:0!important;height:auto!important}
.k2b-inhalt .first-news-info{background:none!important;border:0!important;padding:0!important;margin:0 0 6px!important;height:auto!important;width:auto!important}
.k2b-inhalt .first-news-info h2{font:700 20px Cinzel,serif!important;margin:0!important;text-align:left!important;line-height:1.35}
.k2b-inhalt .first-news-info h2 a{color:#fff!important}
.k2b-inhalt .first-news-info h2 a:hover{color:var(--k2-rot2)!important}
.k2b-inhalt .first-new:before{content:"News";display:inline-block;margin:22px 0 10px;font:800 11px Inter,sans-serif;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border-radius:99px;background:rgba(224,32,46,.2);color:var(--k2-rot2);border:1px solid rgba(224,32,46,.4)}
.k2b-inhalt .bd{background:none!important;border:0!important;padding:0!important;color:var(--k2-leise)}
.k2b-inhalt .bd .text,.k2b-inhalt .bd p{color:var(--k2-leise)!important;font-size:14px;background:none!important}
.k2b-inhalt .bd ul{padding-left:18px;margin:6px 0}
.k2b-inhalt .news{display:block!important;background:none!important;border:0!important;border-bottom:1px solid var(--k2-rand)!important;padding:0 0 18px!important;margin:12px 0 0!important;height:auto!important}
.k2b-inhalt .date-more{display:flex!important;justify-content:space-between;align-items:center;width:100%;background:none!important;padding:0!important}
.k2b-inhalt .date{color:#8d7579!important;font-size:12px;background:none!important}
.k2b-inhalt .date1 a,.k2b-inhalt .more a{color:var(--k2-gold)!important;font-weight:700;font-size:13px}
.k2b-inhalt .date1 a:after{content:" \2192"}
.k2b-inhalt .more{margin:8px 0 0}
body.k2b .pagination{justify-content:center;margin-top:22px;flex-wrap:wrap}
body.k2b .pagination li a,body.k2b .pagination .page-link{background:rgba(0,0,0,.3)!important;border:1px solid var(--k2-rand)!important;color:var(--k2-text)!important;border-radius:8px!important;margin:0 3px}
body.k2b .pagination .active a,body.k2b .pagination .active .page-link{background:linear-gradient(180deg,var(--k2-rot2),#a3101b)!important;border-color:transparent!important}

/* Sprachauswahl + Fuss */
body.k2b #mini-icons{z-index:20}
.k2b-fuss{border-top:1px solid var(--k2-rand);background:linear-gradient(180deg,rgba(30,6,10,.6),#050102);padding:44px 24px 20px;color:var(--k2-leise);font-size:14px}
.k2b-fuss-raster{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:30px}
.k2b-fuss h4{font:900 15px Cinzel,serif;letter-spacing:1.5px;margin:0 0 12px}
.k2b-fuss a,.k2b-fuss span{display:block;margin:4px 0;color:var(--k2-leise)!important}
.k2b-fuss a:hover{color:#fff!important}
.k2b-fuss .k2b-marke{display:block;margin-bottom:10px}
.k2b-copy{max-width:1240px;margin:30px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);text-align:center;color:#6f5a5d;font-size:12px}

/* Handy / Tablet */
@media (max-width:1100px){
	.k2b-raster{grid-template-columns:1fr}
	.k2b-zahlen{grid-template-columns:repeat(2,1fr)}
	.k2b-fuss-raster{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
	.k2b-nav{flex-wrap:wrap;gap:14px}
	.k2b-burger{display:block;margin-left:auto;font-size:22px;color:#fff;cursor:pointer;order:2}
	.k2b-rechts{order:3;margin-left:0;width:100%;justify-content:space-between}
	.k2b-links{display:none;order:4;width:100%;flex-direction:column;align-items:flex-start;gap:12px;background:rgba(10,2,4,.92);border:1px solid var(--k2-rand);border-radius:14px;padding:16px 18px}
	.k2b-menue-an:checked~.k2b-links{display:flex}
	.k2b-hero{min-height:640px}
	.k2b-titel h1{font-size:34px}
	.k2b-titel p{font-size:16px}
	.k2b-zahlen{margin-top:-90px}
}
@media (max-width:560px){
	.k2b-zahlen{grid-template-columns:1fr 1fr;gap:12px;padding:0 16px}
	.k2b-zahl{padding:16px}
	.k2b-zahl b{font-size:20px}
	.k2b-raster{padding:0 16px}
	.k2b-fuss-raster{grid-template-columns:1fr}
	.k2b-inhalt>.container{padding:18px 16px!important}
}

/* Sprachauswahl im Menue */
.k2b-sprache{position:relative;display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.35);color:#ddd;font-size:11px}
.k2b-sprache .flag-icon{width:22px;height:16px;border-radius:3px;background-size:cover}
.k2b-sprachen{display:none;position:absolute;top:100%;right:0;margin-top:8px;padding:10px;gap:8px;flex-wrap:wrap;width:150px;background:rgba(12,3,6,.96);border:1px solid var(--k2-rand);border-radius:12px;z-index:30}
.k2b-sprache:hover .k2b-sprachen,.k2b-sprache:focus-within .k2b-sprachen{display:flex}
.k2b-sprachen:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.k2b-sprachen a{width:28px;height:20px;border-radius:3px;background-size:cover;opacity:.85}
.k2b-sprachen a:hover{opacity:1;transform:scale(1.1)}

/* Rangliste & sonstige Bootstrap-Reste */
body.k2b .jumbotron{background:rgba(0,0,0,.25)!important;border:1px solid var(--k2-rand);border-radius:14px!important;padding:16px 18px!important;margin-bottom:18px}
body.k2b .jumbotron .form-control{margin:0}
body.k2b .jumbotron .btn{width:100%}
body.k2b .nav-tabs{border-bottom:1px solid var(--k2-rand)!important;gap:6px;margin-bottom:0}
body.k2b .nav-tabs .nav-link{background:none!important;border:0!important;border-bottom:2px solid transparent!important;color:var(--k2-leise)!important;border-radius:0!important;padding:10px 16px;font-weight:700}
body.k2b .nav-tabs .nav-link.active{color:#fff!important;border-bottom-color:var(--k2-rot2)!important}
body.k2b .nav-tabs .nav-link img{height:16px;margin-right:4px}
body.k2b .thead-inverse th,body.k2b thead th{background:rgba(224,32,46,.12)!important;color:var(--k2-gold)!important;border:0!important}
body.k2b .table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.02)!important}
body.k2b .table td,body.k2b .table th{color:var(--k2-text)!important;vertical-align:middle}
body.k2b .table td img{border-radius:3px}

/* Handy: nichts darf breiter als der Bildschirm werden */
html,body.k2b{min-width:0!important;max-width:100%;overflow-x:hidden}
body.k2b .container,body.k2b .row{min-width:0!important;max-width:100%}
.k2b-raster>*,.k2b-seite>*{min-width:0;max-width:100%}
body.k2b img{max-width:100%;height:auto}
.k2b-inhalt table{display:block;overflow-x:auto;width:100%}
@media (max-width:900px){
	.k2b-nav{padding:14px 16px}
	.k2b-rechts{flex-wrap:wrap;gap:10px}
	.k2b-titel h1{font-size:30px;letter-spacing:2px;word-break:break-word}
	.k2b-knoepfe .k2b-btn{width:100%;max-width:340px}
}
@media (max-width:560px){
	.k2b-zahlen{margin-top:-70px}
	.k2b-zahl span{font-size:11px;letter-spacing:.5px}
	.k2b-login .g-recaptcha{transform:scale(.8)}
	.k2b-karte{padding:18px 16px}
}

/* Sprachauswahl auf dem Handy: nach rechts aufklappen, groessere Flaggen zum Antippen */
@media (max-width:900px){
	.k2b-sprachen{left:0;right:auto;width:220px;gap:12px;padding:14px}
	.k2b-sprachen a{width:40px;height:28px}
	.k2b-sprache{padding:8px 12px}
	.k2b-sprache .flag-icon{width:28px;height:20px}
}