/* fm2018.org 1-Page, eigenes Design, Anthrazit mit Orange */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#f4f6f9;color:#2a3744;font:16px/26px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;border:0}
a{color:#a06c05;text-decoration:none}
a:hover{text-decoration:underline}
.sarma{max-width:1000px;margin:0 auto;padding:0 16px}
/* Kopf */
.fm-kopf{position:sticky;top:0;z-index:50;background:#fff;color:#2a3744;border-bottom:3px solid #f7b500;box-shadow:0 1px 4px rgba(42,55,68,.12)}
.fm-kopf .sarma{display:flex;align-items:center;gap:18px;height:50px}
.fm-marka{font-size:19px;font-weight:600;color:#2a3744;letter-spacing:.2px;white-space:nowrap;line-height:1.1;display:flex;flex-direction:column}
.fm-marka b{font-weight:800;color:#2a3744}
.fm-marka small{font-size:11px;color:#8b98a5;font-weight:400;letter-spacing:.6px;text-transform:lowercase}
.fm-marka b{color:#d99b00}
.fm-menu{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}
.fm-menu a{color:#4d6073;font-size:14px;padding:4px 0;border-bottom:2px solid transparent}
.fm-menu a:hover{color:#2a3744;border-bottom-color:#f7b500;text-decoration:none}
.fm-menu-ac{display:none;margin-left:auto;background:#fff;border:1px solid #cdd7e0;color:#2a3744;border-radius:4px;padding:5px 10px;font-size:15px}
/* Kopfbereich */
.fm-hero{background:linear-gradient(180deg,#ffffff 0%,#eaeff4 100%);color:#2a3744;padding:20px 0 16px;border-bottom:1px solid #dfe6ec}
.fm-hero h1{margin:0 0 8px;font-size:28px;line-height:36px;color:#1f2b38}
.fm-hero p{margin:0;color:#4d6073;font-size:16px;line-height:26px}
.yazar-serit{display:flex;align-items:center;gap:14px;background:#fff;border-radius:10px;padding:10px 20px;margin-bottom:18px;flex-wrap:wrap;box-shadow:0 1px 3px rgba(42,55,68,.08)}
.yazar-kisa{display:flex;align-items:center;gap:8px;color:#2a3744;font-size:14px}
.yazar-kisa img{border-radius:50%;border:2px solid #f7b500}
.serit-tarih{margin-left:auto;color:#77889a;font-size:13px}
/* Inhalt */
.fm-govde{padding:18px 0 40px}
.bolum{background:#fff;border-radius:10px;padding:24px 26px;margin-bottom:22px;box-shadow:0 1px 3px rgba(23,32,42,.08)}
.bolum h2{margin:0 0 14px;font-size:24px;line-height:32px;color:#1f2b38;padding-bottom:10px;border-bottom:3px solid #f7b500;display:inline-block}
.bolum h3{margin:22px 0 8px;font-size:19px;line-height:27px;color:#1f2b38}
.bolum p{margin:0 0 14px}
.fm-liste{margin:0 0 16px;padding-left:20px}
.fm-liste li{margin-bottom:6px}
/* Inhaltsverzeichnis */
.icindekiler{background:#fff;border-radius:10px;padding:20px 26px;margin-bottom:22px;border-left:5px solid #f7b500;box-shadow:0 1px 3px rgba(23,32,42,.08)}
.ic-baslik{margin:0 0 10px;font-size:19px;color:#1f2b38}
.icindekiler ol{margin:0;padding-left:22px;columns:2;column-gap:30px}
.icindekiler li{margin-bottom:6px;break-inside:avoid}
/* Tabellen */
.tablo-kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:16px}
.fm-tablo{width:100%;min-width:100%;border-collapse:collapse;font-size:15px}
.fm-tablo th,.fm-tablo td{padding:10px 12px;border-bottom:1px solid #e3e8ee;text-align:center;white-space:nowrap}
.fm-tablo .tablo-bar th{background:#46586b;color:#fff;font-weight:600;font-size:14px}
.fm-tablo tbody tr:nth-child(even){background:#f7f9fb}
.tablo-logo{position:sticky;left:0;background:#fff;z-index:2;box-shadow:2px 0 4px -2px rgba(0,0,0,.2)}
.fm-tablo tbody tr:nth-child(even) .tablo-logo{background:#f7f9fb}
.tablo-bonus{font-weight:600;color:#1f2b38}
.ic-link{font-size:14px}
.yildizlar{white-space:nowrap}
.yildiz{color:#d7dde4;font-size:15px}
.yildiz.dolu{color:#f7b500}
/* Knopf */
.fm-btn{display:inline-block;background:#f7b500;color:#2a3744;border-radius:4px;padding:7px 16px;font-size:14px;font-weight:700;letter-spacing:.3px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.fm-btn:hover{background:#e0a400;color:#2a3744;text-decoration:none}
.fm-btn-buyuk{padding:10px 20px;font-size:15px}
/* Filter über der Liste */
.fl-kutu{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;background:#f7f9fb;border:1px solid #e3e8ee;border-radius:8px;padding:14px 16px;margin-bottom:16px}
.fl-alan{flex:1 1 200px}
.fl-alan span{display:block;font-size:13px;color:#5c6f7c;margin-bottom:4px}
.fl-sonuc{margin:0;font-size:14px;color:#5c6f7c}
.fl-sonuc b{font-size:19px;color:#1f2b38}
.ic-oge[hidden]{display:none}
.fl-bos{margin:0 0 16px;padding:14px 16px;background:#fff8e1;border:1px solid #f0d98a;border-radius:6px;font-size:15px;color:#6b5600}
.fl-bos[hidden]{display:none}
/* Ausklappbare Kurzreviews als Liste */
.ic-liste{border:1px solid #e3e8ee;border-radius:8px;overflow:hidden}
.ic-oge+.ic-oge{border-top:1px solid #e9eef3}
.ic-bas{display:grid;grid-template-columns:150px 120px 1fr auto;align-items:center;gap:14px;padding:12px 16px;background:#fff}
.ic-oge:nth-child(even) .ic-bas{background:#fafbfc}
.ic-logo{line-height:0}
.ic-ad{display:none;font-weight:700;color:#1f2b38}
.ic-puan{white-space:nowrap}
.ic-bonus{font-weight:600;color:#1f2b38;font-size:15px}
.ic-dugmeler{display:flex;gap:10px;align-items:center}
.ac-btn{background:#fff;border:1px solid #d7c37a;color:#8a6a00;border-radius:4px;padding:7px 14px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.ac-btn:hover{background:#fff8e1}
.ac-btn[aria-expanded="true"]{background:#fff3cd;border-color:#f7b500}
.ac-btn::after{content:" ▾";color:#d99b00}
.ac-btn[aria-expanded="true"]::after{content:" ▴"}
.ic-panel{padding:4px 16px 18px;background:#fbfcfd;border-top:1px dashed #e3e8ee}
.ic-panel[hidden]{display:none}
.ic-panel p{margin:12px 0 0;font-size:15px;line-height:25px;max-width:820px}
.ic-veri{list-style:none;margin:16px 0 14px;padding:14px 0 0;border-top:1px dashed #dde3ea;display:grid;grid-template-columns:1fr 1.4fr 1.2fr;gap:14px 22px;font-size:14px}
.ic-veri li{min-width:0}
.ic-veri span{display:flex;align-items:center;gap:6px;color:#7b8a99;font-size:12px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}
.ic-veri .vi{color:#d99b00;flex:0 0 auto}
.bolum-resim{margin:0 0 16px;float:right;width:270px;max-width:45%;margin-left:22px}
.bolum-resim img{border-radius:6px;display:block;width:100%;height:auto}
.bolum h2{clear:both}
/* Kurzreviews */
.kart{border:1px solid #e3e8ee;border-radius:8px;margin-bottom:18px;overflow:hidden}
.kart-bas{display:flex;align-items:center;gap:16px;background:#f7f9fb;padding:14px 18px;border-bottom:1px solid #e3e8ee;flex-wrap:wrap}
.kart-logo{flex:0 0 auto;line-height:0}
.kart-bilgi{flex:1 1 auto}
.kart-ad{margin:0;font-size:19px;color:#1f2b38}
.kart-bas .fm-btn{margin-left:auto}
.kart-govde{padding:16px 18px}
.kart-govde p{margin:0 0 12px;font-size:15px;line-height:25px}
.kart-veri{list-style:none;margin:0;padding:12px 0 0;border-top:1px dashed #dde3ea;display:grid;grid-template-columns:1fr 1.4fr 1.2fr;gap:14px 22px;font-size:14px}
.kart-veri li{min-width:0}
.kart-veri span{display:block;color:#7b8a99;font-size:12px;text-transform:uppercase;letter-spacing:.4px}
/* Kampagnen */
.kampanya-kutu{display:flex;gap:16px;flex-wrap:wrap}
.kampanya{flex:1 1 280px;border:1px solid #e3e8ee;border-top:4px solid #f7b500;border-radius:8px;padding:16px}
.kampanya h3{margin:0 0 8px;font-size:17px}
.kampanya p{font-size:14px;line-height:23px}
.kampanya-adim{margin:0 0 14px;padding-left:20px;font-size:14px;line-height:22px;color:#41505e}
.kampanya-adim li{margin-bottom:5px}
/* Autoren */
.yazar-kart{display:flex;gap:20px;border:1px solid #e3e8ee;border-radius:8px;padding:18px;margin-bottom:16px}
.yazar-kart:nth-child(even){flex-direction:row-reverse;background:#f7f9fb}
.yazar-foto{flex:0 0 auto;line-height:0}
.yazar-foto img{border-radius:8px}
.yazar-metin h3{margin:0;font-size:19px}
.yazar-onay{color:#2e7d32}
.yazar-rol{margin:2px 0 10px;color:#7b8a99;font-size:14px}
.yazar-metin p{font-size:15px;line-height:25px}
.yazar-bilgi{list-style:none;margin:10px 0 0;padding:0;display:flex;gap:26px;flex-wrap:wrap;font-size:14px}
.yazar-bilgi span{display:block;color:#7b8a99;font-size:12px;text-transform:uppercase;letter-spacing:.4px}
/* Fragen */
.sss details{border:1px solid #e3e8ee;border-radius:6px;margin-bottom:10px;background:#fff}
.sss summary{cursor:pointer;padding:12px 16px;font-weight:600;color:#1f2b38;list-style:none}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";float:right;color:#d99b00;font-size:20px;line-height:20px}
.sss details[open] summary::after{content:"\2013"}
.sss p{margin:0;padding:0 16px 14px;font-size:15px;line-height:25px}
/* Fuss */
.fm-fus{background:#3a4b5d;color:#d3dce4;padding:22px 0;font-size:14px;text-align:center}
.fm-fus b{color:#fff}
.yukari{position:fixed;right:18px;bottom:18px;width:42px;height:42px;border-radius:50%;background:#f7b500;color:#2a3744;border:0;font-size:20px;line-height:42px;cursor:pointer;display:none;z-index:60}
.yukari.gorunur{display:block}
@media only screen and (max-width:860px){
  .fm-menu{position:absolute;top:50px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:0 16px;display:none;border-top:1px solid #e4eaf0;box-shadow:0 6px 10px rgba(42,55,68,.12)}
  .fm-menu.acik{display:flex}
  .fm-menu a{padding:12px 0;border-bottom:1px solid #eef2f6}
  .fm-menu-ac{display:block}
  .fm-hero{padding:14px 0 12px}
  .fm-hero h1{font-size:21px;line-height:28px;margin-bottom:6px}
  .fm-hero p{font-size:14px;line-height:21px}
  .fm-govde{padding:12px 0 36px}
  .bolum{padding:14px 16px;margin-bottom:16px}
  .bolum h2{margin-bottom:8px;padding-bottom:6px}
  .kisa-giris{font-size:14px;line-height:21px;margin-bottom:10px}
  .yazar-serit{padding:9px 14px;margin-bottom:14px}
  .bolum h2{font-size:21px;line-height:29px}
  .icindekiler ol{columns:1}
  .icindekiler{padding:16px}
  .kart-bas{gap:12px}
  .kart-veri{grid-template-columns:1fr}
  .gizli-mobil{display:none}
  .ic-bas{grid-template-columns:1fr;justify-items:center;text-align:center;gap:8px;padding:14px 12px}
  .ic-logo{grid-row:1}
  .ic-ad{display:block;grid-row:2;font-size:17px}
  .ic-puan{grid-row:3}
  .ic-bonus{grid-row:4;font-size:14px}
  .ic-dugmeler{grid-row:5;gap:8px;width:100%;justify-content:center}
  .ic-dugmeler .ac-btn,.ic-dugmeler .fm-btn{flex:1 1 0;text-align:center;max-width:180px}
  .ic-veri li{text-align:center}
  .ic-veri span{justify-content:center}
  .ic-panel .fm-btn-buyuk{display:block;text-align:center}
  .fm-hero .sarma{text-align:center}
  .yazar-serit{justify-content:center;text-align:center}
  .serit-tarih{width:100%;text-align:center}
  .yazar-kart,.yazar-kart:nth-child(even){align-items:center;text-align:center}
  .yazar-bilgi{justify-content:center}
  .bolum h2{display:block;text-align:center}
  .icindekiler{text-align:center}
  .icindekiler ol{display:inline-block;text-align:left}
  .ic-panel{padding:2px 12px 16px}
  .ic-veri{grid-template-columns:1fr;gap:10px}
  .fl-kutu{flex-direction:column;align-items:stretch;text-align:center;gap:10px;padding:12px}
  .fl-alan{flex:1 1 auto}
  .bolum-resim{float:none;width:100%;max-width:100%;margin:0 0 14px}
  .kart-bas .fm-btn{margin-left:0;width:100%;text-align:center}
  .yazar-kart,.yazar-kart:nth-child(even){flex-direction:column;gap:12px}
  .yazar-foto img{width:84px;height:84px}
  .serit-tarih{margin-left:0;width:100%}
}

section[id],h2[id],h3[id],h4[id],div[id]{scroll-margin-top:66px}/* Regel 19, 05.10.2026: 1xBet ist nur am Telefon sichtbar. Basisregel vor der Media Query, sonst gewinnt sie nicht. */.fm-sadece-mobil{display:none}@media (max-width:767px){.fm-sadece-mobil{display:block}tr.fm-sadece-mobil{display:table-row}}/* 05.10.2026: Top-5-Block in der Mitte der Seite. Zwischen der Anbieterliste oben und der Fusstabelle unten lagen 6.928px ohne ein einziges Klickziel. Dunkler Riegel, damit er sich vom hellen Seitenkoerper abhebt. Basisregeln vor der Media Query. */.fm-top5{background:#2a3744;border-top:3px solid #f7b500;border-radius:6px;padding:18px 18px 20px;margin:0 0 26px}.fm-top5-bas{margin:0 0 4px;font-size:19px;line-height:26px;font-weight:700;color:#fff}.fm-top5-alt{margin:0 0 18px;font-size:13px;line-height:19px;color:#b6c2ce}.fm-top5-liste{display:flex;gap:10px;align-items:stretch}.fm-top5-oge{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border-radius:5px;padding:16px 10px 12px;text-align:center}.fm-top5-rang{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;background:#f7b500;color:#1f2b38;font-size:13px;font-weight:700;line-height:22px}.fm-top5-logo{display:block;line-height:0}.fm-top5-logo img,.fm-top5-logo amp-img{width:118px;height:30px}.fm-top5-ad{display:block;font-size:15px;font-weight:700;color:#1f2b38}.fm-top5-ad:hover{color:#2a3744;text-decoration:underline}.fm-top5-neden{display:block;flex:1 1 auto;font-size:12px;line-height:17px;color:#5c6f7c}.fm-top5 .fm-top5-btn{flex:0 0 auto;width:100%;max-width:none;margin:0}@media (max-width:767px){.fm-top5{padding:14px 12px 16px}.fm-top5-liste{flex-direction:column;gap:8px}.fm-top5-oge{flex-direction:row;align-items:center;gap:10px;text-align:left;padding:10px 12px 10px 32px}.fm-top5-rang{top:50%;left:8px;transform:translateY(-50%)}.fm-top5-logo img,.fm-top5-logo amp-img{width:96px;height:24px}.fm-top5-ad{display:none}.fm-top5-neden{font-size:12px;line-height:16px}.fm-top5 .fm-top5-btn{width:auto;padding:7px 14px}}