@font-face { font-family:'SF Comic Script'; src:url('../fonts/SF Comic Script.ttf') format('truetype'); font-display:swap; }
html, body { margin:0; padding:0; background:transparent; color:#fff; }
body { box-sizing:border-box; padding:12px 12px 8px; }
.inserenten-heading { margin:0 0 10px; font:24px/30px 'SF Comic Script',Verdana,Arial,sans-serif; }
.inserenten-heading a { display:flex; width:fit-content; align-items:center; gap:8px; color:#fff; text-decoration:none; }
.inserenten-heading img { flex:none; }
.autoplay { margin:0; height:150px; }
.autoplay .inserenten-slide { box-sizing:border-box; padding:0 10px; min-width:0; }
.autoplay .inserenten-slide a { display:flex; align-items:center; justify-content:center; height:150px; min-width:0; }
.autoplay .inserenten-slide img { display:block; width:auto; height:auto; max-width:100%; max-height:150px; border-radius:16px; object-fit:contain; }
.autoplay .slick-list { overflow:hidden; }
/* Vor der Initialisierung und ohne JavaScript nur ein vollstaendiges Banner. */
.autoplay:not(.slick-initialized) .inserenten-slide { display:none; }
.autoplay:not(.slick-initialized) .inserenten-slide:first-child { display:block; }
.inserenten-heading a:focus-visible, .inserenten-slide a:focus-visible { outline:2px solid #fff; outline-offset:-2px; border-radius:4px; }
@media(max-width:700px) {
    body { padding-left:12px; padding-right:12px; }
    .autoplay .inserenten-slide { padding:0 6px; }
    .inserenten-heading { font-size:22px; }
}