/* CigarKings – gemeinsames Stylesheet */
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Roboto',sans-serif;background:#F3EFE8;color:#101010}
img{max-width:100%}
a:focus-visible{outline:3px solid #9D745D;outline-offset:3px}
input::placeholder{color:#6b655d}
input:focus,button:focus-visible{outline:2px solid #9D745D;outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:#101010;color:#F3EFE8;padding:12px 20px;font-weight:700;text-decoration:none}
.skip:focus{left:16px;top:16px}
.a11y-btn{cursor:pointer}
.a11y-btn:focus-visible{outline:3px solid #101010;outline-offset:3px}

/* Barrierefreie Ansicht (Klasse a11y auf <html>, nur Session Storage) */
html.a11y [style*="font-size: 14px"]:not(.a11y-btn){font-size:18px!important}
html.a11y [style*="font-size: 16px"]:not(.a11y-btn){font-size:19px!important}
html.a11y [style*="font-size: 18px"]:not(.a11y-btn){font-size:21px!important}
html.a11y [style*="font-weight: 300"]{font-weight:500!important}
html.a11y [style*="color: #9D745D"]{color:#6E4B38!important}
html.a11y [style*="letter-spacing"]{letter-spacing:0.06em!important}
html.a11y p,html.a11y li{line-height:1.7!important}
html.a11y a{text-decoration:underline!important;text-underline-offset:4px;text-decoration-thickness:2px}
html.a11y *:focus-visible{outline:3px solid #101010!important;outline-offset:3px}
html.a11y *{animation:none!important;transition:none!important}

/* Timeline (Markenseite): neueste Einträge zuerst */
.tl>li{position:relative;padding:0 0 48px 36px}
.tl .m{position:absolute;left:-14px;top:4px;width:24px;height:24px;box-sizing:border-box;background:#9D745D;border:4px solid #F3EFE8;outline:2px solid #101010}
.tl .mo{font-size:14px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}
.tl .y{font-size:44px;font-weight:900;line-height:1;color:#9D745D}
.tl h3{margin:12px 0 8px;font-size:20px;font-weight:900;text-transform:uppercase;line-height:1.15}
.tl p{margin:0;font-size:16px;line-height:1.5;max-width:560px}
html.a11y .tl .mo{font-size:18px;letter-spacing:.06em}
html.a11y .tl .y{color:#6E4B38}
html.a11y .tl p{font-size:19px}
html:not(.tl-open) .tl>li:nth-child(n+5){display:none}
.tl-btn{cursor:pointer;height:56px;padding:0 32px;border:4px solid #101010;background:transparent;color:#101010;font:700 14px 'Roboto',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.tl-btn:hover{background:#101010;color:#F3EFE8}
.tl-btn:focus-visible{outline:3px solid #9D745D;outline-offset:3px}
html.a11y .tl-btn{font-size:18px;letter-spacing:.06em}
.tl .cb{display:block;box-sizing:border-box;padding:24px 28px}
.tl .cb .y,html.a11y .tl .cb .y{color:inherit}
.tl .c23>.cb{background:#B73C58;color:#F3EFE8}
.tl .c24>.cb{background:#FEBE98;color:#101010}
.tl .c25>.cb{background:#A47864;color:#101010}
.tl .c26>.cb{background:#F0EEE9;color:#101010;border:4px solid #101010}
.tl .c23>.m{background:#B73C58}
.tl .c24>.m{background:#FEBE98}
.tl .c25>.m{background:#A47864}
.tl .c26>.m{background:#F0EEE9;border-color:#101010}
@media (min-width:760px){
.tl{flex:1 1 100%!important;max-width:none!important;margin:0!important;border-left:0!important;display:grid;grid-template-columns:1fr 1fr;position:relative}
.tl::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:#101010}
.tl>li:nth-child(odd){grid-column:1;text-align:right;padding:0 48px 40px 0!important}
.tl>li:nth-child(even){grid-column:2;padding:56px 0 40px 48px!important}
.tl>li:nth-child(odd)>.m{left:auto;right:-12px}
.tl>li:nth-child(even)>.m{left:-12px;top:60px}
.tl>li:nth-child(odd) p{margin-left:auto}
}