*{box-sizing:border-box}body{margin:0;color:#243b42;font:15px/1.5 Arial,sans-serif;background-color:#c7e8e4;background-image:radial-gradient(circle at 15% 25%,#ffffdaab 0,transparent 19%),radial-gradient(circle at 85% 50%,#f3ffd9bb 0,transparent 21%),radial-gradient(circle at 50% 85%,#e9f6ceaa 0,transparent 18%);background-attachment:fixed}a{color:#287560}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}.site-header{min-height:86px;background:#fffffff2;display:flex;align-items:center;justify-content:space-between;padding:14px max(24px,calc((100% - 1380px)/2));box-shadow:0 1px 6px #29493b12;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:#294b4a;text-decoration:none;font-size:25px;font-weight:bold;line-height:1.15}.brand small{display:block;font-size:11px;font-weight:normal;letter-spacing:1px;margin-top:5px;color:#79928d}.brand-icon{border-radius:18px;background:#e6cf70;color:#41523d;font-size:30px;padding:9px 16px;box-shadow:inset 0 -3px #00000010}.account{display:flex;align-items:center;gap:20px;font-size:13px}.account form{margin:0}.wrap{max-width:1436px;margin:0 auto;padding:38px 28px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 25px}.eyebrow{font-size:10px;letter-spacing:2px;color:#5a8178;font-weight:bold}h1{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:9px 0 10px}h2{font-size:22px;font-weight:normal;margin:0}p{margin:8px 0 14px}.intro p{color:#5b7a77;font-size:14px}.live-pill{background:#ffffff9c;padding:8px 14px;border-radius:20px;font-size:12px;white-space:nowrap}.live-pill i{display:inline-block;width:6px;height:6px;border-radius:100%;background:#51a579;margin-right:6px}.java-help{background:#ffffffd9;border:1px solid #ffffff;border-radius:8px;margin-bottom:30px;box-shadow:0 3px 12px #365e4a08}.java-help summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px;list-style:none}.java-help summary::-webkit-details-marker{display:none}.java-help strong{font-size:14px}.java-help small{display:block;font-size:12px;color:#758983}.details-toggle{font-size:12px;color:#3d826c}.details-toggle:after{content:' ＋';font-size:18px}details[open] .details-toggle:after{content:' −'}.help-content{padding:0 22px 20px;border-top:1px solid #e7efeb;font-size:13px}.help-content ol{padding-left:20px}.help-content li{padding:5px 0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px}.filters{display:flex;gap:8px}.filters input{width:210px}.filters input,.filters select{border:1px solid #aacac0;background:#ffffffe0;padding:9px 12px;border-radius:5px;font-size:12px;color:#35594c}#channel-total{font-size:12px;margin-left:9px;color:#6d8c81;background:#ffffff99;border-radius:15px;padding:4px 9px}.quiet{background:#ffffff90;border:1px solid #9dbeb0;border-radius:5px;padding:8px 12px;color:#396b57;font-size:12px}.small{font-size:12px;color:#637f77}.room-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:17px}.room-list li{min-width:0}.room-card{border:0;padding:0;background:white;display:block;width:100%;text-align:left;box-shadow:0 2px 6px #18382a27;transition:transform .15s,box-shadow .15s;border-radius:3px;overflow:hidden;color:#304b43}.room-card:hover{transform:translateY(-4px);box-shadow:0 7px 18px #18382a36}.room-card:focus-visible{outline:3px solid #4b9877;outline-offset:4px}.room-picture{height:136px;position:relative;overflow:hidden;background:linear-gradient(145deg,#a7cfbd,#4b827e);display:flex;align-items:center;justify-content:center}.room-picture img{display:block;width:100%;height:100%;object-fit:cover}.room-initial{font-size:42px;font-weight:bold;color:#ffffff9e;letter-spacing:-3px}.room-picture .preview-label{position:absolute;bottom:7px;left:8px;font-size:9px;color:#fff;background:#183d3480;border-radius:3px;padding:2px 5px}.room-meta{padding:10px 11px 9px;min-height:74px}.room-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;margin-bottom:6px}.room-bottom{display:flex;justify-content:space-between;gap:5px;color:#82948a;font-size:10px}.count{white-space:nowrap;font-size:12px}.room-kind{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{grid-column:1/-1;background:#ffffffab;padding:30px;border-radius:6px}.primary{display:inline-block;background:#448c64;border:0;color:white;border-radius:5px;padding:12px 18px;font-weight:bold;font-size:13px;text-decoration:none}.primary:hover{background:#34794f}.download{padding:8px 12px;margin-right:8px}.signin{max-width:440px;margin:35px auto 60px;background:#fffffff0;padding:36px;border-radius:12px;box-shadow:0 12px 45px #38695c16}.signin h1{font-size:30px}.signin label{display:block;font-size:12px;font-weight:bold;margin:18px 0 5px}.signin input{display:block;width:100%;border:1px solid #b9cfc7;border-radius:5px;padding:11px}.signin .primary{width:100%;margin-top:23px}.signin .small{text-align:center;margin-top:19px}.error{background:#fff0ef;padding:14px;border-left:3px solid #a84f4f;color:#803a3a;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}footer{text-align:center;font-size:11px;color:#6e8e81;padding-top:35px}input:focus,select:focus,summary:focus-visible{outline:2px solid #448c64;outline-offset:3px}@media(max-width:800px){.toolbar{align-items:flex-start;flex-direction:column}.filters{width:100%;flex-wrap:wrap}.filters input{flex:1;min-width:140px}.intro h1{font-size:25px}.live-pill{display:none}.wrap{padding:25px 18px}.room-list{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.site-header{padding:14px 18px}.brand{font-size:21px}.account{gap:9px;flex-direction:column;align-items:flex-end}.java-help summary{padding:14px}.details-toggle{font-size:0}.details-toggle:after{font-size:20px}.signin{padding:26px}.room-picture{height:130px}}
@media(max-width:540px){.site-header{flex-wrap:wrap}.account{margin-left:auto;flex-direction:row;flex-wrap:wrap}.brand{gap:8px}.brand-icon{font-size:26px;padding:8px 13px}}

.chat-host{margin:24px 0;padding:18px;background:#ffffffe8;border:1px solid #afcdbf;border-radius:8px}.chat-host[hidden]{display:none}.host-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-host iframe{display:block;width:100%;border:0;min-height:200px}
/* V312: dunkle KnuFFelsChat-Oberfläche, nur Login und eigene Registrierung. */
body{color:#f0eaf7;background-color:#15101f;background-image:radial-gradient(ellipse at 12% 0,#51305f70 0,transparent 48%),radial-gradient(ellipse at 100% 40%,#34214e65 0,transparent 48%);color-scheme:dark}a{color:#f1d66d}.site-header{background:#191321ed;border-bottom:1px solid #ffffff0b;box-shadow:0 3px 20px #0003}.brand{color:#fff2bb}.brand small{color:#b5a6c0}.brand-mascot{width:57px;height:57px;object-fit:contain;filter:drop-shadow(0 4px 9px #0005)}.account{color:#d4c9df}.eyebrow{color:#d8bce9}.intro p,.small{color:#b5a7c3}.live-pill{background:#302539;color:#dbc6ed}.live-pill i{background:#e8c75f}.java-help{background:#21192ce8;border-color:#453250;box-shadow:0 4px 18px #0002}.java-help small{color:#b6a8c3}.details-toggle{color:#efd58c}.help-content{border-color:#493650}.toolbar .small{color:#ac9cb9}.filters input,.filters select,.signin input,.signin select{background:#1c1528;border:1px solid #57425f;color:#f1e9f8}.filters input::placeholder,.signin input::placeholder{color:#a08dad}#channel-total{background:#392943;color:#e7cbef}.quiet{background:#30233c;border-color:#654c74;color:#e4ceef;text-decoration:none}.quiet:hover{background:#443050}.room-card{background:#251a31;color:#f8f0ff;box-shadow:0 4px 12px #0004;border:1px solid #4a3357}.room-card:hover{box-shadow:0 8px 22px #0006;border-color:#a279b5}.room-bottom{color:#c3b0cf}.room-name{color:#fff3ff}.room-picture{background:#392542}.empty{background:#271c33;color:#cfbedb}.primary{background:#e6c15d;color:#211728}.primary:hover{background:#f5d576}.signin{background:#241a30eb;border:1px solid #483152;box-shadow:0 18px 55px #0003}.signin>p{color:#c5b5d2}.signin label{color:#dfcfe9}.signin input:focus,.signin select:focus,.filters input:focus,.filters select:focus,summary:focus-visible{outline-color:#e6c15d}.error{background:#3c202d;color:#ffc6cf;border-color:#e18494}.success{background:#21372d;border:1px solid #426c52;color:#d4f3ce;padding:14px 18px;border-radius:6px}.chat-host{background:#261b32;border-color:#624171}.chat-host .small{color:#c7b2d4}footer{color:#a38bb2}.register-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:70px;max-width:1120px;align-items:start;padding-top:50px}.register-story{position:sticky;top:36px;padding:25px 0}.register-story h1{font-size:46px;line-height:1.15;letter-spacing:-1.5px}.register-story>p{max-width:350px;color:#c6b3d2;font-size:16px}.register-story>img{display:block;width:180px;height:180px;object-fit:contain;margin:30px 0;filter:drop-shadow(0 16px 24px #0005)}.register-story ul{list-style:none;padding:0;color:#ddcce9;font-size:13px}.register-story li{margin:12px 0}.register-story li:before{content:'✦';color:#e6c15d;margin-right:10px}.register-card{width:100%;max-width:none;margin:0;padding:32px}.register-card h2{font-size:24px;line-height:1.25;margin:8px 0 14px}.register-card p{font-size:13px}.register-card select{display:block;width:100%;border-radius:5px;padding:11px}.registration-grid{display:grid;grid-template-columns:1fr 110px;gap:14px}.field-note{font-size:11px!important;color:#b5a1c3;margin:5px 0 0}.register-card label.check{display:flex;align-items:flex-start;gap:10px;font-weight:normal;font-size:12px;line-height:1.6}.register-card .check input{width:17px;height:17px;flex:none;margin:3px 0 0;accent-color:#e6c15d}.register-card label a{color:#f1d66d}@media(max-width:800px){.register-layout{grid-template-columns:1fr;gap:20px;max-width:600px;padding-top:24px}.register-story{position:static;padding:0}.register-story h1{font-size:32px}.register-story>img{width:90px;height:90px;margin:15px 0}.register-story ul{display:none}.register-card{padding:24px}.registration-grid{grid-template-columns:1fr 90px}}