/* some usual fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
/**/
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
a {background-color: transparent;}
a:active,a:hover {outline: 0;}
b,strong {font-weight: bold;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
/* some starter good ideas */
body{font:normal 13px/15px Arial,sans-serif;color:#6a6a6a;}
header,article,footer{min-width:310px;max-width:1270px;padding: 0 5px 10px;margin: 0 auto;}
article>p, article>div>p{margin:0;padding: 0 0 2%;line-height:18px;text-align:justify;}
ul.styled{margin:0;padding:0;list-style:none;}
/**/

/* media queries */

@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 640px) {

}

@media only screen and (min-width: 768px) {

}

@media only screen and (min-width: 950px) {

}

@media only screen and (min-width: 1024px) {

}

@media only screen and (min-width: 1280px) {

}
/**/
.clear-left{clear:left;}
.clear-right{clear:right;}
.clear-both{clear:both}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
/**/
/* Lightbox * /
body:after {content: url(visual/close.png) url(visual/loading.gif) url(visual/prev.png) url(visual/next.png);display: none;}
.lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8;display: none;}
.lightbox {position: absolute;left: 0;width: 100%;z-index: 10000;text-align: center;line-height: 0;font-weight: normal;}
.lightbox .lb-image {display: block;height: auto;max-width: inherit;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.lightbox a img {border: none;}
.lb-outerContainer {position: relative;background-color: white;*zoom: 1;width: 250px;height: 250px;margin: 0 auto;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.lb-outerContainer:after {content: "";display: table;clear: both;}
.lb-container {padding: 4px;}
.lb-loader {position: absolute;top: 43%;left: 0;height: 25%;width: 100%;text-align: center;line-height: 0;}
.lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto;background: url(visual/loading.gif) no-repeat;}
.lb-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
.lb-container > .nav {left: 0;}
.lb-nav a {outline: none;background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
.lb-prev, .lb-next {height: 100%;cursor: pointer;display: block;}
.lb-nav a.lb-prev {width: 34%;left: 0;float: left;background: url(visual/prev.png) left 48% no-repeat;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;}
.lb-nav a.lb-prev:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.lb-nav a.lb-next {width: 64%;right: 0;float: right;background: url(visual/next.png) right 48% no-repeat;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;}
.lb-nav a.lb-next:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.lb-dataContainer {margin: 0 auto;padding-top: 5px;*zoom: 1;width: 100%;-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}
.lb-dataContainer:after {content: "";display: table;clear: both;}
.lb-data {padding: 0 4px;color: #ccc;}
.lb-data .lb-details {width: 85%;float: left;text-align: left;line-height: 1.1em;}
.lb-data .lb-caption {font-size: 13px;font-weight: bold;line-height: 1em;}
.lb-data .lb-number {display: block;clear: left;padding-bottom: 1em;font-size: 12px;color: #999999;}
.lb-data .lb-close {display: block;float: right;width: 30px;height: 30px;background: url(visual/close.png) top right no-repeat;text-align: right;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}
.lb-data .lb-close:hover {cursor: pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
/**/

/* =================================================================
   SWBV design system — Palette B (Modern high-contrast)
   base #0F1419 · CTA #FF6B35 · positive #2ECC71 · surface #ECF0F1 · text #34495E
   Added 2026 — all custom site styling lives below this banner.
   ================================================================= */
:root{
  --c-base:#0F1419;
  --c-base-2:#1b2733;
  --c-cta:#FF6B35;
  --c-cta-hover:#e8551f;
  --c-pos:#2ECC71;
  --c-pos-dark:#1f9d57;
  --c-surface:#ECF0F1;
  --c-text:#34495E;
  --c-muted:#7a8a99;
  --c-border:#d8dee2;
  --c-white:#ffffff;
  --radius:10px;
  --radius-sm:6px;
  --shadow:0 2px 10px rgba(15,20,25,.08);
  --shadow-lg:0 8px 28px rgba(15,20,25,.14);
  --maxw:1270px;
  --font:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
body{font-family:var(--font);font-size:16px;line-height:1.6;color:var(--c-text);background:var(--c-surface);}
.swbv-wrap{max-width:var(--maxw);margin:0 auto;padding:0 16px;}
a{color:var(--c-cta);text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4{font-family:var(--font);color:var(--c-base);line-height:1.25;font-weight:800;margin:0 0 .5em;}
h1{font-size:clamp(26px,4vw,40px);}
h2{font-size:clamp(22px,3vw,30px);margin-top:1.2em;}
h3{font-size:20px;}
img{max-width:100%;height:auto;}

/* ---- header / primary nav ---- */
header{max-width:none;width:100%;min-width:0;margin:0;padding:0;background:var(--c-base);position:sticky;top:0;z-index:200;box-shadow:0 1px 0 rgba(255,255,255,.06),var(--shadow);}
.swbv-header-inner{max-width:var(--maxw);margin:0 auto;padding:0 16px;display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;min-height:62px;}
.swbv-brand{display:inline-flex;align-items:center;margin-right:auto;padding:6px 0;text-decoration:none;}
.swbv-brand:hover{opacity:.9;}
.swbv-brand img{height:34px;width:auto;display:block;}
header nav{display:flex;align-items:center;}
/* brand is now rendered as a clickable logo.svg link in header.php */

header nav ul,header nav .menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px;align-items:center;}
header nav li{margin:0;}
header nav a{display:block;color:#cdd6df;font-weight:600;font-size:14px;padding:10px 14px;border-radius:var(--radius-sm);text-decoration:none;transition:background .15s,color .15s;}
header nav a:hover{background:var(--c-base-2);color:var(--c-white);text-decoration:none;}
header nav .current-menu-item>a{color:var(--c-white);background:var(--c-base-2);}

/* ---- article container ---- */
article{max-width:var(--maxw);padding:0 16px 40px;margin:0 auto;}
article>p,article>div>p,.swbv-section p{text-align:left;line-height:1.6;padding:0 0 1em;margin:0;font-size:16px;}
.swbv-section{margin:34px 0;}
.swbv-lead{font-size:18px;color:var(--c-text);}

/* ---- hero ---- */
.swbv-hero{background:linear-gradient(135deg,#0F1419 0%,#1b2733 60%,#24333f 100%);color:var(--c-white);border-radius:0 0 var(--radius) var(--radius);padding:46px 20px 40px;text-align:center;}
.swbv-hero h1{color:var(--c-white);margin-bottom:.35em;}
.swbv-hero p{color:#c9d3db;font-size:18px;max-width:760px;margin:0 auto 1.2em;text-align:center;}
.swbv-hero .swbv-cta{display:inline-block;}
.swbv-hero-meta{margin-top:14px;font-size:13px;color:#9fb0bd;}

/* ---- buttons / CTA ---- */
.swbv-cta,a.swbv-cta{display:inline-block;background:var(--c-cta);color:#fff !important;font-weight:800;font-size:15px;padding:13px 22px;border-radius:var(--radius-sm);text-decoration:none !important;box-shadow:0 3px 0 var(--c-cta-hover);transition:transform .1s,background .15s;border:0;cursor:pointer;}
.swbv-cta:hover{background:var(--c-cta-hover);transform:translateY(1px);box-shadow:0 2px 0 var(--c-cta-hover);}
.swbv-cta--ghost{background:transparent;color:var(--c-cta) !important;box-shadow:inset 0 0 0 2px var(--c-cta);}
.swbv-cta--ghost:hover{background:var(--c-cta);color:#fff !important;}
.swbv-cta--sm{padding:9px 14px;font-size:13px;}

/* ---- badges ---- */
.swbv-badge{display:inline-block;font-weight:800;font-size:12px;line-height:1;padding:5px 9px;border-radius:999px;}
.swbv-badge--score{background:var(--c-pos);color:#fff;font-size:15px;padding:7px 11px;border-radius:var(--radius-sm);}
.swbv-badge--18{background:#c0392b;color:#fff;border:2px solid #fff;border-radius:50%;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;}
.swbv-badge--top{background:var(--c-cta);color:#fff;}
.swbv-badge--lic{background:#e7f7ee;color:var(--c-pos-dark);border:1px solid var(--c-pos);}

/* ---- ranked operator cards ---- */
.swbv-cards{display:grid;grid-template-columns:1fr;gap:16px;margin:18px 0;}
.swbv-card{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;display:grid;grid-template-columns:46px 1.4fr 1.2fr auto;gap:16px;align-items:center;position:relative;}
.swbv-card__rank{font-size:24px;font-weight:800;color:var(--c-muted);text-align:center;}
.swbv-card--1{border-color:var(--c-cta);box-shadow:0 0 0 2px var(--c-cta),var(--shadow-lg);}
.swbv-card__brand{display:flex;flex-direction:column;gap:6px;}
.swbv-card__logo{width:120px;height:46px;background:var(--c-surface);border:1px dashed var(--c-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--c-muted);font-weight:700;font-size:13px;}
.swbv-card__name{font-weight:800;color:var(--c-base);font-size:16px;}
.swbv-card__offer{font-size:14px;}
.swbv-card__offer strong{color:var(--c-base);font-size:17px;display:block;}
.swbv-card__meta{font-size:12px;color:var(--c-muted);margin-top:4px;}
.swbv-card__actions{display:flex;flex-direction:column;gap:8px;text-align:center;min-width:150px;}
.swbv-card__actions .swbv-rate{font-size:12px;color:var(--c-muted);}
.swbv-card__terms{font-size:11px;color:var(--c-muted);}

/* ---- comparison table ---- */
.swbv-table-wrap{overflow-x:auto;margin:18px 0;border-radius:var(--radius);box-shadow:var(--shadow);}
.swbv-table{width:100%;border-collapse:collapse;background:var(--c-white);min-width:640px;}
.swbv-table th,.swbv-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--c-border);font-size:14px;}
.swbv-table thead th{background:var(--c-base);color:#fff;font-weight:700;}
.swbv-table tbody tr:nth-child(even){background:#f6f8f9;}
.swbv-table tbody tr:hover{background:#eef6ff;}
.swbv-table td:first-child{font-weight:700;color:var(--c-base);}

/* ---- two-column explainer ---- */
.swbv-cols{display:grid;grid-template-columns:1fr;gap:18px;}
.swbv-col{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);}
.swbv-col h3{margin-top:0;}

/* ---- "so testen wir" trust strip ---- */
.swbv-trust{background:var(--c-base-2);color:#dfe7ec;border-radius:var(--radius);padding:24px;}
.swbv-trust h2{color:#fff;}
.swbv-trust ul{margin:0;padding-left:20px;}
.swbv-trust li{margin:6px 0;}

/* ---- FAQ accordion ---- */
.swbv-faq details{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius-sm);margin:10px 0;padding:0 16px;box-shadow:var(--shadow);}
.swbv-faq summary{cursor:pointer;font-weight:700;color:var(--c-base);padding:14px 0;list-style:none;position:relative;padding-right:28px;}
.swbv-faq summary::-webkit-details-marker{display:none;}
.swbv-faq summary::after{content:"+";position:absolute;right:4px;top:12px;font-size:22px;color:var(--c-cta);font-weight:800;}
.swbv-faq details[open] summary::after{content:"\2212";}
.swbv-faq details>p{padding:0 0 14px;margin:0;}

/* ---- inline responsible-gambling notice ---- */
.swbv-rg-note{display:flex;gap:12px;align-items:flex-start;background:#fff6f3;border:1px solid #ffd2c2;border-left:4px solid var(--c-cta);border-radius:var(--radius-sm);padding:14px 16px;font-size:13px;color:var(--c-text);margin:24px 0;}
.swbv-rg-note .swbv-badge--18{flex:0 0 auto;}

/* ---- affiliate disclosure ---- */
.swbv-disclosure{font-size:13px;color:var(--c-muted);background:#fff;border:1px dashed var(--c-border);border-radius:var(--radius-sm);padding:10px 14px;margin:14px 0;}

/* =================== global footer =================== */
footer{max-width:none;width:100%;min-width:0;margin:40px 0 0;padding:0;background:var(--c-base);color:#aebcc6;font-size:14px;}
.swbv-footer-inner{max-width:var(--maxw);margin:0 auto;padding:36px 16px 8px;display:grid;grid-template-columns:1fr;gap:28px;}
.swbv-footer h4{color:#fff;font-size:15px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px;}
.swbv-footer a{color:#c5d0d8;}
.swbv-footer a:hover{color:#fff;}
.swbv-footer ul{list-style:none;margin:0;padding:0;}
.swbv-footer li{margin:7px 0;}
.swbv-footer p{line-height:1.55;}
.swbv-rg-block{display:flex;flex-direction:column;gap:10px;}
.swbv-rg-orgs{display:flex;flex-wrap:wrap;gap:8px 16px;}
.swbv-rg-orgs a{font-weight:600;}
.swbv-footer-bottom{max-width:var(--maxw);margin:0 auto;padding:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between;font-size:12px;color:#8497a3;}
.swbv-footer-warn{font-weight:700;color:#e4ecf1;}

/* =================== responsive =================== */
@media only screen and (min-width: 640px){
  .swbv-cards{gap:14px;}
  .swbv-cols{grid-template-columns:1fr 1fr;}
}
@media only screen and (min-width: 768px){
  body{font-size:16px;}
  .swbv-footer-inner{grid-template-columns:1.4fr 1fr 1.6fr;}
}
@media only screen and (max-width: 720px){
  .swbv-brand{margin-right:auto;}
  header nav,header nav ul,header nav .menu{width:100%;}
  .swbv-card{grid-template-columns:34px 1fr;grid-template-areas:"rank brand" "offer offer" "actions actions";row-gap:10px;}
  .swbv-card__rank{grid-area:rank;text-align:left;}
  .swbv-card__brand{grid-area:brand;}
  .swbv-card__offer{grid-area:offer;}
  .swbv-card__actions{grid-area:actions;min-width:0;}
}
/**/