@font-face{font-family:'Bangers';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bangers-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Bangers';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bangers-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Belanosima';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/belanosima-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Belanosima';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/belanosima-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Belanosima';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/belanosima-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Belanosima';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/belanosima-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* alawin-online-casino.com — вид образцов alawin.cz / alawin.ca, свои классы и кнопки на CSS */
:root{--grund:#36241f;--kasten:#1b110e;--rand:#f19100;--text:#fce6df;--kopf-t:#e2d2bb;--gold:#ffb800;--gold2:#f4c34a;--braun:#6f4b3a;--lila:#61327c;--link:#e8de2a}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--grund);color:var(--text);font:17px/1.65 Belanosima,"Trebuchet MS",sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--link)}
.rahmen{max-width:1320px;margin:0 auto;padding:0 32px}

/* шапка */
.kopf{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,var(--lila) -81%,var(--braun) 64%);padding:10px 0;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.kopf-in{display:flex;align-items:center;gap:24px;min-height:48px}
.logo img{display:block;height:48px;width:auto}
.hauptmenu{flex:1;display:flex;justify-content:center;gap:32px}
.hauptmenu a{font:15px/1 Bangers,Impact,sans-serif;letter-spacing:.06em;color:#fff;text-decoration:none;text-transform:uppercase;padding:6px 2px;border-bottom:2px solid transparent}
.hauptmenu a:hover,.hauptmenu a[aria-current]{color:var(--gold);border-bottom-color:var(--gold)}
.kn-kopf{display:flex;gap:14px}
.burger{display:none;background:none;border:0;padding:0;width:46px;height:46px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger span{display:block;width:26px;height:3px;border-radius:2px;background:var(--gold2)}
.burger span:nth-child(2){width:18px}

/* кнопки: золотая рамка с камнями */
.kn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 38px;border-radius:26px;
  font:20px/1 Bangers,Impact,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:var(--gold);white-space:nowrap;
  text-shadow:1px 1px 0 #2f1d18;transition:transform .2s;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.18),inset 0 -6px 10px rgba(0,0,0,.25),0 0 0 2px #7a4a12,0 0 0 4px var(--gold2),0 0 0 6px #8c5a14,0 5px 12px rgba(0,0,0,.45)}
.kn:hover{transform:scale(1.05)}
.kn:before,.kn:after{content:"";position:absolute;top:50%;width:11px;height:11px;margin-top:-6px;transform:rotate(45deg);
  background:radial-gradient(circle at 35% 35%,#bfe3ff,#3a74d8 60%,#1c3a8a);border:2px solid var(--gold2);box-shadow:0 0 4px rgba(0,0,0,.5)}
.kn:before{left:9px}.kn:after{right:9px}
.kn-br{background:linear-gradient(180deg,#a0614a,#6d3a2b 55%,#55291e)}
.kn-lila{background:linear-gradient(180deg,#e273ff,#a52ee6 45%,#7414c0);color:#fff4c2;font-size:25px;min-height:60px;padding:12px 48px;animation:puls 1.6s ease-in-out infinite}
.kn-kl{font-size:18px;min-height:44px;padding:8px 38px;animation:none}
@keyframes puls{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}

/* выезжающее меню (телефон) */
.schleier{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:60}
.lade{position:fixed;top:0;right:0;width:100%;height:100vh;background:var(--kasten);z-index:70;transform:translateX(100%);visibility:hidden;transition:transform .3s ease,visibility 0s .3s;padding:64px 20px 20px;display:none}
.lade.offen{transform:none;visibility:visible;transition:transform .3s ease}
.lade nav{display:flex;flex-direction:column;gap:10px}
.lade nav a{display:block;padding:14px 20px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(241,145,0,.35);color:#fff;text-decoration:none;font-size:18px}
.lade nav a[aria-current]{border-color:var(--rand);color:var(--gold)}
.lade-zu{position:absolute;top:8px;right:10px;width:48px;height:48px;background:none;border:0;color:var(--gold2);font-size:40px;line-height:1;cursor:pointer}

/* баннер */
.held{position:relative;min-height:450px;display:flex;align-items:center;overflow:hidden;background:#0e0941}
.held picture{position:absolute;inset:0}
.held-bg{width:100%;height:100%;object-fit:cover;object-position:center top}
.held:after{content:"";position:absolute;left:0;right:0;bottom:0;height:28%;background:linear-gradient(180deg,rgba(54,36,31,0),var(--grund));pointer-events:none}
.held-in{position:relative;z-index:2;width:100%;display:flex;justify-content:flex-end}
.angebot{max-width:560px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin-right:3%}
.angebot-l{background:#291915;color:#e06f1a;font:20px/1.2 Bangers,Impact,sans-serif;letter-spacing:.05em;text-transform:uppercase;padding:5px 20px;border-radius:12px}
.angebot-w{margin:0;font:52px/1.1 Bangers,Impact,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:3px 3px 0 #2c1b3c,0 0 18px rgba(0,0,0,.6)}
.angebot-f{font-size:13px;color:#f1dccf;text-shadow:0 1px 2px #000}

/* текст */
.text{padding:32px 0 0}
.kasten{background:var(--kasten);padding:20px 22px 28px;border-radius:10px;border:2px solid var(--rand)}
.kasten h1{font-size:42px;line-height:1.2;overflow-wrap:break-word;color:var(--kopf-t);margin:6px 0 14px;font-weight:600}
.kasten h2{font-size:34px;line-height:1.2;color:var(--kopf-t);margin:30px 0 12px;font-weight:600;scroll-margin-top:90px}
.kasten h3{font-size:24px;color:var(--kopf-t);margin:22px 0 8px;font-weight:600}
.kasten p,.kasten li{color:var(--text)}
.kasten b,.kasten strong{color:#f3e98a}
.kasten ul,.kasten ol{padding-left:24px}
.kasten li{margin:5px 0}
.kasten a:hover{color:#fff}
.stand{font-size:14px;color:#c9b3a6;margin:4px 0 16px}
.unter-h1{display:flex;flex-wrap:wrap;align-items:center;gap:20px 26px;margin:14px 0 18px;padding-left:4px}
.unter-h1 span{font-size:13px;color:#c9b3a6}
.seite-i .text{padding-top:28px}

.kurz{border:1px solid #5d3632;border-radius:10px;background:#28180f;padding:12px 16px;margin:4px 0 18px}
.kurz-t{margin:0 0 8px;font:17px/1.2 Bangers,Impact,sans-serif;letter-spacing:.05em;color:#e06f1a;text-transform:uppercase}
.kurz table{width:100%;border-collapse:collapse;font-size:16px}
.kurz th,.kurz td{text-align:left;padding:7px 8px;border-top:1px solid #4a2d25;vertical-align:top}
.kurz th{width:34%;color:var(--kopf-t);font-weight:600}
.kurz-q{margin:8px 0 0;font-size:13px;color:#c9b3a6}

.inhalt{border:1px dashed #6c4a3b;border-radius:10px;padding:8px 14px;margin:0 0 10px}
.inhalt summary{cursor:pointer;color:var(--gold);font:18px/1.4 Bangers,Impact,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.inhalt ol{margin:8px 0 4px}
.inhalt a{color:var(--text);text-decoration:none}
.inhalt a:hover{color:var(--gold)}

.tb{overflow-x:auto;margin:16px 0}
.tb table{width:100%;border-collapse:collapse;background:var(--kasten);font-size:16px}
.tb th,.tb td{border:1px solid #6b5048;padding:10px;text-align:left;vertical-align:top}
.tb th{background:#2c1b15;color:var(--kopf-t)}

.bild{margin:22px auto;max-width:1100px}
.bild img{display:block;margin:0 auto;border-radius:6px;box-shadow:0 5px 15px rgba(0,0,0,.35)}
.bild figcaption{font-size:14px;color:#c9b3a6;text-align:center;margin-top:8px}

.spiele{margin:20px 0}
.spiele-t{font:18px/1.3 Bangers,Impact,sans-serif;letter-spacing:.05em;color:#e06f1a;text-transform:uppercase;margin:0 0 10px}
.spiele ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.spiele li{margin:0}
.spiele a{display:block;text-decoration:none;transition:transform .2s}
.spiele a:hover{transform:translateY(-3px)}
.spiele img{display:block;border-radius:12px}
.sp-n{display:block;color:#fff;font-size:15px;line-height:1.25;margin-top:6px}
.sp-a{display:block;color:#c9b3a6;font-size:13px}
.spiele-f{font-size:13px;color:#c9b3a6;margin:8px 0 0}

.faq details{border:1px solid #5d3632;border-radius:10px;margin:10px 0;background:#24160f}
.faq summary{cursor:pointer;padding:12px 44px 12px 16px;color:var(--kopf-t);font-weight:600;position:relative;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:16px;top:8px;font-size:26px;color:var(--gold)}
.faq details[open] summary:after{content:"–"}
.faq details>div{padding:0 16px 8px}

.weiter{margin:26px 0 0}
.weiter-t{font:22px/1.2 Bangers,Impact,sans-serif;letter-spacing:.05em;color:var(--kopf-t);text-transform:uppercase;margin:0 0 12px}
.weiter-g{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.weiter-k{display:block;padding:14px 16px;border-radius:10px;background:var(--kasten);border:1px solid #6c4a3b;text-decoration:none;color:var(--text)}
.weiter-k b{display:block;color:var(--gold);font-weight:600;margin-bottom:4px}
.weiter-k span{font-size:14px;color:#d8c2b6}
.weiter-k:hover{border-color:var(--rand)}

/* подвал */
.fuss{background:var(--kasten);padding:24px 0 50px;margin-top:64px;text-align:center}
.fuss-logo img{height:56px;width:auto;margin:0 auto 18px;display:block}
.zahl{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:24px}
.zahl span{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:85px;height:40px;background:var(--grund);border:1px solid #5d3632;border-radius:8px;font:700 15px/1 Arial,sans-serif;color:#fff}
.z-visa{font-style:italic;letter-spacing:.04em;color:#e9eefc!important}
.z-mc i{display:block;width:20px;height:20px;border-radius:50%;background:#eb001b}
.z-mc i+i{background:#f79e1b;margin-left:-10px;opacity:.9}
.z-btc{color:#f7931a!important}
.z-usdt{color:#26a17b!important}
.fuss-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto 22px;text-align:left}
.fuss-t{font:17px/1.2 Bangers,Impact,sans-serif;letter-spacing:.06em;color:#e06f1a;text-transform:uppercase;margin:0 0 8px}
.fuss-sp ul{list-style:none;margin:0;padding:0}
.fuss-sp li{margin:5px 0}
.fuss-sp a{color:#d8c2b6;text-decoration:none;font-size:15px}
.fuss-sp a:hover{color:var(--gold)}
.fuss-hinweis{max-width:900px;margin:0 auto 14px;font-size:14px;color:#a5afc0;line-height:1.6}
.fuss-hinweis a,.fuss-c a{color:#d8c2b6}
.fuss-c{font-size:14px;color:#a5afc0;margin:0}

@media (max-width:1100px){.spiele ul{grid-template-columns:repeat(3,1fr)}.weiter-g{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1024px) and (min-width:769px){.hauptmenu{gap:18px}.kn-kopf .kn{font-size:16px;padding:8px 24px}.angebot-w{font-size:42px}}
@media (max-width:768px){
  .rahmen{padding:0 16px}
  .kopf{padding:8px 0 12px}
  .kopf-in{flex-wrap:wrap;justify-content:center;gap:10px 14px;position:relative}
  .logo img{height:42px}
  .hauptmenu{display:none}
  .burger{display:flex;position:absolute;right:4px;top:0}
  .kn-kopf{width:100%;justify-content:center;gap:16px}
  .kn-kopf .kn{font-size:15px;min-height:38px;padding:6px 32px;flex:1;max-width:175px}
  .lade{display:block}
  .held{min-height:340px;flex-direction:column;justify-content:flex-end;align-items:stretch}
  .held-bg{object-position:center top}
  .held:after{height:70%}
  .held-in{justify-content:center;padding:0 12px 14px}
  .angebot{margin:0;gap:9px}
  .angebot-l{font-size:16px;padding:5px 12px}
  .angebot-w{font-size:34px}
  .kn-lila{font-size:20px;min-height:50px;padding:10px 38px}
  .kn-kl{font-size:15px;padding:8px 34px}
  .unter-h1{gap:14px 18px}
  .text{padding:0}
  .text>.rahmen{padding:0}
  .kasten{border-radius:12px 12px 0 0;padding:18px 16px 24px;border-width:2px 0 0}
  .kasten h1{font-size:32px}
  .kasten h2{font-size:27px}
  .kasten h3{font-size:21px}
  .kasten p,.kasten li{font-size:16px}
  .seite-i .text{padding-top:16px}
  .weiter{padding:0 16px}
  .weiter-g{grid-template-columns:1fr 1fr;gap:10px}
  .fuss{margin-top:40px}
  .fuss-links{grid-template-columns:1fr 1fr;gap:16px}
  .zahl{gap:12px}.zahl span{width:76px;height:34px;font-size:13px}
  /* таблицы от 4 колонок — карточками */
  .tb-k{overflow:visible}
  .tb-k table,.tb-k tbody,.tb-k tr,.tb-k td{display:block;width:100%}
  .tb-k thead{display:none}
  .tb-k tr{border:1px solid #6b5048;border-radius:10px;margin:0 0 12px;padding:6px 10px;background:#24160f}
  .tb-k td{border:0;border-bottom:1px dashed #4a2d25;padding:7px 0 7px 46%;position:relative;min-height:34px}
  .tb-k td:last-child{border-bottom:0}
  .tb-k td:before{content:attr(data-label);position:absolute;left:0;top:7px;width:43%;color:var(--kopf-t);font-weight:600;font-size:14px}
}
@media (max-width:600px){.spiele ul{grid-template-columns:repeat(2,1fr)}.kurz th{width:40%}.kurz table{font-size:15px}}
@media (max-width:380px){.kasten h1{font-size:28px}.kasten h2{font-size:24px}.kn-kopf .kn{padding:6px 28px;font-size:13px}.kn-kl{padding:8px 30px;font-size:14px}.angebot-w{font-size:29px}.weiter-g{grid-template-columns:1fr}.fuss-links{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.kn-lila{animation:none}}