:root{--bg:#e9e9e9;--paper:#fff;--ink:#202020;--muted:#666;--line:#bdbdbd;--nav:#dedede;--nav-hover:#c9c9c9;--accent:#8b1e1e;--soft:#f3f3f3}
*{box-sizing:border-box}html{font-family:Verdana,Arial,sans-serif;background:var(--bg);color:var(--ink);overflow-y:scroll}
body{margin:0;font-size:13px;line-height:1.55}.page{width:min(1080px,calc(100% - 24px));margin:18px auto;background:var(--paper);border:1px solid #aaa;box-shadow:0 1px 5px #bbb}body.page-hosting .page{width:min(1000px,calc(100% - 24px))}.nowrap{white-space:nowrap}
.header{min-height:125px;border-bottom:1px solid #aaa;background:#fafafa;display:flex;align-items:center;padding:22px 32px}
.wordmark span{display:block;font:700 36px/1.05 Georgia,"Times New Roman",serif;letter-spacing:-1px;color:#222}.wordmark small{display:block;margin-top:8px;font:italic 16px Georgia,serif;color:var(--accent)}
.shell{display:grid;grid-template-columns:190px 1fr;min-height:560px}.sidebar{border-right:1px solid #aaa;background:#efefef;padding:18px 0}
.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{border-top:1px solid #fff;border-bottom:1px solid #ccc}.sidebar a{display:block;padding:8px 16px;color:#333;text-decoration:none;font-weight:bold}.sidebar a:hover,.sidebar a.active{background:#d7d7d7;color:var(--accent)}.nav-guides details{margin:0}.nav-guides summary{position:relative;list-style:none}.nav-guides summary::-webkit-details-marker{display:none}.nav-guides summary>a{padding-right:32px}.sidebar .nav-submenu{border-top:1px solid #ccc;background:#f7f7f7}.sidebar .nav-submenu li{border:0;border-top:1px solid #e2e2e2}.sidebar .nav-submenu a{padding:6px 10px 6px 32px;font-size:11px;font-weight:normal;line-height:1.25}.sidebar .nav-submenu a:hover{font-weight:normal}
.sidebar-note{margin:24px 14px 0;padding:10px;border:1px solid #c8c8c8;background:#fff;font-size:11px}.sidebar-note p{margin:5px 0 0}
.content{padding:25px 30px 40px}.content h1{font:700 25px Georgia,serif;margin:0 0 18px;padding-bottom:7px;border-bottom:1px solid #bbb}.content h2{font:700 18px Georgia,serif;margin:26px 0 8px}.content h3{font-size:14px;margin:22px 0 6px;color:#444}.lead{font-size:14px}.content a{color:#7a1616}.intro-links{margin:24px 0;border-top:1px solid #ccc}.intro-links section{padding:12px 0;border-bottom:1px solid #ddd}.intro-links h2{margin:0 0 4px;font-size:17px}.notice{border:1px solid #bbb;background:#f7f7f7;padding:12px;margin:18px 0}
.site-list{width:100%;border-collapse:collapse;margin-top:15px}.site-list th,.site-list td{text-align:left;padding:8px;border-bottom:1px solid #ddd}.site-list th{background:#eee}.badge{display:inline-block;border:1px solid #999;background:#eee;padding:2px 6px;font-size:11px}.badge.verified{border-color:#4e744e;background:#edf5ed;color:#284e28}
.criteria{list-style:none;padding:0}.criteria li{padding:8px 0;border-bottom:1px dotted #bbb}.ok{font-weight:bold;color:#315d31}.no{font-weight:bold;color:#8b1e1e}
.form-row{margin:12px 0}.form-row label{display:block;font-weight:bold;margin-bottom:4px}.form-row input,.form-row textarea,.form-row select{display:block;width:100%;max-width:580px;box-sizing:border-box;padding:8px;border:1px solid #aaa;background:#fff;font:inherit}.form-row small{display:block;width:100%;max-width:580px;margin-top:4px;line-height:1.35}.button{display:inline-block;padding:7px 12px;border:1px solid #777;background:#e7e7e7;color:#222!important;text-decoration:none;font-weight:bold;cursor:pointer}
.footer{border-top:1px solid #aaa;background:#f5f5f5;padding:12px 18px;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-brand{text-align:left}.footer-links{margin-left:auto;text-align:right;white-space:nowrap}.footer a{color:#555}
code,pre{font-family:Consolas,monospace}.code{padding:12px;background:#eee;border:1px solid #bbb;overflow:auto}
@media(max-width:700px){.page{margin:0;width:100%;border:0}.header{min-height:auto;padding:20px}.wordmark span{font-size:29px}.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #aaa}.sidebar-note{display:none}.content{padding:22px 18px}}

/* WSN-Prüfsiegel / Verifikation */
.badge-examples,.badge-downloads{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;margin:16px 0}.example-label{display:block;margin-bottom:5px;font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:bold}.wsn-badge-demo{width:180px;height:40px;border:1px solid #202020;display:flex;line-height:1;overflow:hidden}.wsn-badge-demo>b{width:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-right:1px solid #202020;font:700 19px Arial,sans-serif}.wsn-badge-demo>span{min-width:0;padding:2px 6px 1px;display:block}.wsn-badge-demo strong,.wsn-badge-demo em,.wsn-badge-demo small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wsn-badge-demo strong{font:700 11px/11px Georgia,serif}.wsn-badge-demo em{margin-top:1px;font:700 9.5px/11px Arial,sans-serif;font-style:normal}.wsn-badge-demo small{margin-top:0;font:700 7.5px/10px Arial,sans-serif;color:#666}.wsn-badge-demo.classic{background:#fff;color:#202020}.wsn-badge-demo.classic>b{background:#f0f0f0}.wsn-badge-demo.dark{background:#202020;color:#fff;border-color:#555}.wsn-badge-demo.dark>b{background:#303030;border-color:#555}.wsn-badge-demo.dark small{color:#d0d0d0}.badge-downloads>div{min-width:205px}.badge-downloads img{display:block;margin-bottom:8px}.badge-help,.verification-note{font-size:11px;color:var(--muted)}.verification-state{margin:16px 0;padding:13px 15px;border:1px solid #999;background:#f5f5f5}.verification-state strong,.verification-state span{display:block}.verification-state strong{font:700 18px Georgia,serif}.verification-state span{margin-top:4px;font-weight:bold}.verification-state.valid{border-color:#4e744e;background:#edf5ed;color:#284e28}.verification-state.invalid{border-color:#8b1e1e;background:#f8eeee;color:#6e1717}.verification-data{border-collapse:collapse;width:100%;max-width:620px;margin:14px 0}.verification-data th,.verification-data td{padding:7px 9px;border-bottom:1px solid #ddd;text-align:left;vertical-align:top}.verification-data th{width:145px;background:#eee}.unknown{font-weight:bold;color:#666}.verify-form{max-width:620px}

/* Prüfworkflow */
.evidence-form select,.evidence-form textarea,.verify-form textarea{width:100%;max-width:100%;box-sizing:border-box;font:inherit;padding:8px;border:1px solid #999;background:#fff;color:#222}
.evidence-box{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f3f3;border:1px solid #bbb;padding:10px;font:12px/1.45 Consolas,monospace}
.review-entry{border-top:1px solid #bbb;padding:12px 0 20px}.review-actions{display:flex;gap:8px;flex-wrap:wrap}.button.secondary{background:#eee;color:#222;border-color:#888}

.evidence-form input{width:100%;max-width:100%;box-sizing:border-box;font:inherit;padding:8px;border:1px solid #999;background:#fff;color:#222}

.back-to-top{position:fixed;right:22px;bottom:22px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid #999;background:#f4f4f4;color:#222;text-decoration:none;font-size:26px;line-height:1;z-index:50;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.back-to-top:hover,.back-to-top:focus{background:#fff;border-color:#555;color:#000}
@media (max-width:700px){.back-to-top{right:12px;bottom:12px;width:38px;height:38px;font-size:23px}}

.provider-rating{display:flex;align-items:center;gap:10px;margin-top:10px;padding:9px 12px;border:1px solid #999;background:#f4f4f4}.provider-rating span{font-size:24px;line-height:1}.provider-rating-green{border-left:12px solid #198754;background:#edf8f1}.provider-rating-yellow{border-left:12px solid #d6a700;background:#fff8dc}.provider-rating-red{border-left:12px solid #c62828;background:#fff0f0}

.provider-rating-green #provider-rating-icon{color:#198754}.provider-rating-yellow #provider-rating-icon{color:#b58900}.provider-rating-red #provider-rating-icon{color:#c62828}#provider-rating-icon{font-size:0}.provider-rating-green #provider-rating-icon::before{content:'👍';font-size:24px}.provider-rating-yellow #provider-rating-icon::before{content:'👍';display:inline-block;font-size:24px;transform:rotate(90deg)}.provider-rating-red #provider-rating-icon::before{content:'👎';font-size:24px}
.nav-guides summary{display:block;padding:8px 16px;color:#333;font-weight:bold;cursor:pointer}
.nav-guides summary:hover,.nav-guides summary.active{background:#d7d7d7;color:var(--accent)}

.nav-guides summary{padding:0}
.nav-guides summary>a{display:block;padding:8px 16px;color:inherit;text-decoration:none;font-weight:bold}

.table-wrap{width:100%;overflow-x:auto}.table-wrap .verification-data{max-width:none}

/* Lange Codezeilen duerfen das Seitenraster nicht verbreitern. */
.content{min-width:0}
.code{max-width:100%;overflow-x:auto;overflow-y:hidden;white-space:pre}.copy-code-wrap{position:relative}.copy-code-wrap pre{padding-top:30px}.copy-code-button{position:absolute;top:5px;right:5px;z-index:2;padding:3px 8px;border:1px solid #999;background:#f5f5f5;color:#333;font:11px Arial,sans-serif;cursor:pointer}.copy-code-button:hover{background:#e9e9e9}
/* Hosting: kompakter Mittelweg ohne horizontales Scrollen. */
body.page-hosting .page{width:min(1080px,calc(100% - 24px))}
body.page-hosting .table-wrap{overflow-x:visible}
body.page-hosting .verification-data{table-layout:fixed;width:100%;font-size:12px;line-height:1.4}
body.page-hosting .verification-data th,body.page-hosting .verification-data td{padding:7px 8px;overflow-wrap:break-word}
body.page-hosting #managed-hosting+.table-wrap .verification-data th:nth-child(1){width:19%}
body.page-hosting #managed-hosting+.table-wrap .verification-data th:nth-child(2){width:29%}
body.page-hosting #managed-hosting+.table-wrap .verification-data th:nth-child(3){width:43%}
body.page-hosting #managed-hosting+.table-wrap .verification-data th:nth-child(4){width:9%}
body.page-hosting #server-vps~.table-wrap .verification-data{font-size:11.5px}