@font-face{font-family:Special Elite;src:url(//lloyd-caffee.de/cdn/shop/t/10/assets/kapitaen-fonts-special-elite-latin1.woff2?v=75882734298917397641792756127) format("woff2");font-display:swap}@font-face{font-family:"Source Serif 4";src:url(//lloyd-caffee.de/cdn/shop/t/10/assets/kapitaen-fonts-source-serif-4-latin1.woff2?v=162586229259957402021792756127) format("woff2");font-weight:200 900;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(//lloyd-caffee.de/cdn/shop/t/10/assets/kapitaen-fonts-source-sans-3-latin1.woff2?v=165721745043866600371792756127) format("woff2");font-weight:200 900;font-display:swap}@font-face{font-family:Krinkes Decor;src:url(//lloyd-caffee.de/cdn/shop/t/10/assets/kapitaen-fonts-krinkes-decor.woff2?v=82117236357300150241792756127) format("woff2");font-display:swap}@font-face{font-family:IM Fell English;src:url(//lloyd-caffee.de/cdn/shop/t/10/assets/kapitaen-fonts-im-fell-english-italic-latin1.woff2?v=30818634805972838751792756127) format("woff2");font-style:italic;font-display:swap}:root{--kp-rem: calc(1rem / (.625 * var(--font-body-scale, 1.6)));--navy: #001C43;--navy-tief: #00122E;--navy-theme: #1D274C;--cream: #F4EFE6;--papier: #E8E1D0;--gold: #D4C39D;--orange: #E87800;--orange-dunkel: #B35C00;--nacht: #050505;--grund: #0A0A0A;--flaeche: #0E0E0E;--kohle: #141414;--linie-dunkel: #2A2A2A;--rot: #A23020;--rost-hell: #E07A4D;--tinte: #1B1612;--sepia: #5A4A3A;--hell: #E6E1D6;--grau-hell: #B9B4AB;--otto: #3B2A6B;--t-sm: calc(.875 * var(--kp-rem));--t-base: clamp(calc(1 * var(--kp-rem)), calc(.95 * var(--kp-rem)) + .25vw, calc(1.125 * var(--kp-rem)));--t-md: clamp(calc(1.1875 * var(--kp-rem)), calc(1 * var(--kp-rem)) + .55vw, calc(1.375 * var(--kp-rem)));--t-lg: clamp(calc(1.75 * var(--kp-rem)), calc(1.2 * var(--kp-rem)) + 2.2vw, calc(2.75 * var(--kp-rem)));--t-xl: clamp(calc(2.125 * var(--kp-rem)), calc(1.1 * var(--kp-rem)) + 4vw, calc(4.25 * var(--kp-rem)));--t-deko: clamp(calc(3.5 * var(--kp-rem)), calc(2 * var(--kp-rem)) + 6vw, calc(7.5 * var(--kp-rem)));--rot-text: #8C2516;--f-head: "john-doe", "Special Elite", "Source Serif 4", Georgia, serif;--f-serif: "Source Serif 4", Georgia, serif;--f-sans: "Source Sans 3", "Helvetica Neue", Arial, sans-serif;--f-type: "Special Elite", "Courier New", monospace;--f-otto: Georgia, "Times New Roman", serif;--f-deko: "Krinkes Decor", "Source Serif 4", serif;--raum-1: calc(.5 * var(--kp-rem));--raum-2: calc(1 * var(--kp-rem));--raum-3: calc(1.5 * var(--kp-rem));--raum-4: calc(2.5 * var(--kp-rem));--raum-5: calc(4 * var(--kp-rem));--raum-6: clamp(calc(4.5 * var(--kp-rem)), calc(3 * var(--kp-rem)) + 6vw, calc(9 * var(--kp-rem)));--breite: calc(72 * var(--kp-rem));--lese: calc(40 * var(--kp-rem));--kopf-h: 64px;--schatten-papier: 0 1px 1px rgba(40, 24, 8, .08), 0 8px 18px -6px rgba(40, 24, 8, .28), 0 30px 50px -30px rgba(40, 24, 8, .45);--ease: cubic-bezier(.2, .7, .2, 1);--bg: var(--cream);--bg-2: var(--papier);--text: #2A2620;--text-2: #4F483F;--linie: rgba(27, 22, 18, .16);--loch: var(--cream);--kopf-bg: var(--navy);--kopf-text: var(--cream);--akzent-text: var(--rot-text)}body.look-kopf{--kopf-bg: var(--nacht)}body.look-dunkel{--bg: var(--grund);--bg-2: var(--flaeche);--text: var(--hell);--text-2: var(--grau-hell);--linie: rgba(230, 225, 214, .14);--loch: var(--grund);--kopf-bg: var(--nacht);--akzent-text: var(--rost-hell)}body.look-dunkel.licht-an{--bg: #1d1a16;--bg-2: #26211b;--kopf-bg: #3b342b;--loch: #1d1a16}body.look-finale{--bg: #F7F1E4;--kopf-bg: var(--navy)}.kapitaen-lp,.kapitaen-lp *,.kapitaen-lp *:before,.kapitaen-lp *:after{box-sizing:border-box}:root:has(body>.kapitaen-lp){font-size:100%;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:no-preference){:root:has(body>.kapitaen-lp){scroll-behavior:smooth}}body:has(>.kapitaen-lp){margin:0;background:var(--bg);overflow-x:hidden;transition:background-color .6s var(--ease)}.kapitaen-lp{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:6 3 4;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-lines:2;hyphenate-limit-lines:2;overflow-wrap:break-word;word-break:normal;background:var(--bg);color:var(--text);font:400 var(--t-base)/1.6 var(--f-sans);transition:background-color .6s var(--ease),color .6s var(--ease);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;letter-spacing:normal;overflow-x:clip}:where(.kapitaen-lp) p,:where(.kapitaen-lp) li,:where(.kapitaen-lp) dd,:where(.kapitaen-lp) blockquote,:where(.kapitaen-lp) figcaption,:where(.kapitaen-lp) summary{text-wrap:pretty}.break-safe,:where(.kapitaen-lp) code,:where(.kapitaen-lp) a[href^=http],:where(.kapitaen-lp) a[href^=mailto]{overflow-wrap:anywhere;-webkit-hyphens:manual;hyphens:manual}.nh{-webkit-hyphens:manual;hyphens:manual}:where(.kapitaen-lp) img,:where(.kapitaen-lp) svg{display:block;max-width:100%}:where(.kapitaen-lp) img{height:auto}:where(.kapitaen-lp) button,:where(.kapitaen-lp) input{font:inherit;color:inherit}:where(.kapitaen-lp) button{cursor:pointer}:where(.kapitaen-lp) a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}:where(.kapitaen-lp) h1,:where(.kapitaen-lp) h2,:where(.kapitaen-lp) h3,:where(.kapitaen-lp) h4{font-family:var(--f-head);font-weight:700;line-height:1.08;margin:0;text-wrap:balance;-webkit-hyphens:manual;hyphens:manual;letter-spacing:-.005em;color:inherit;font-style:normal;word-break:normal}:where(.kapitaen-lp) h2{font-size:var(--t-lg)}:where(.kapitaen-lp) h3{font-size:var(--t-md);line-height:1.2}:where(.kapitaen-lp) p{margin:0 0 1em}:where(.kapitaen-lp) p:last-child{margin-bottom:0}:where(.kapitaen-lp) blockquote,:where(.kapitaen-lp) q{color:var(--zitat, inherit);font-style:normal;border:0;padding:0}:where(.kapitaen-lp) :is(.hero:not(.hero--hell,.hero--finale),.ort--dunkel,.ort--nacht,.ort--messe,.ort--kartentisch,.ort--laderaum,.ort--kajuete){--zitat: var(--orange)}.kapitaen-lp.ohne-kopf{--kopf-h: 0px}.kapitaen-lp [id]{scroll-margin-top:var(--kp-anker, calc(var(--kopf-h) + 16px))}.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.hinweis{position:sticky;top:calc(var(--kp-kopf-unten, var(--kopf-h)) + .5em);z-index:55;display:flex;align-items:flex-start;gap:.75em;width:min(40em,calc(100% - 2em));margin:.5em auto;padding:.75em .5em .75em 1em;background:var(--papier);color:var(--tinte);border-left:4px solid var(--rot);border-radius:2px;box-shadow:var(--schatten-papier);font:600 var(--t-sm)/1.45 var(--f-sans)}.hinweis>p{margin:0;flex:1;padding-top:.55em}.hinweis.hinweis--zeile{position:static;display:block;width:auto;max-width:calc(44 * var(--kp-rem));margin:0 0 var(--raum-3);padding:.7em 1em;border-left-color:var(--orange)}.hinweis--zeile+.kopfzeile{margin-top:0}.hinweis__zu{flex:none;min-width:44px;min-height:44px;background:none;border:0;font-size:1.5em;line-height:1;color:inherit}:where(.kapitaen-lp) :focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:2px}body.look-dunkel .kapitaen-lp :focus-visible{outline-color:var(--gold)}.skip{position:fixed;left:12px;top:-60px;z-index:200;background:var(--orange);color:var(--grund);padding:.6em 1em;font-weight:700}.skip:focus{top:12px}.rahmen{width:min(100% - 32px,var(--breite));margin-inline:auto}.lese{max-width:var(--lese)}.sektion{padding-block:var(--raum-6);position:relative}.kicker{font-family:var(--f-type);font-size:var(--t-sm);letter-spacing:.02em;color:var(--akzent-text);margin:0 0 calc(.9 * var(--kp-rem))}.unterzeile{color:var(--text-2);max-width:calc(38 * var(--kp-rem));margin-top:calc(1 * var(--kp-rem))}.kopfzeile{margin-bottom:var(--raum-4)}.klein{font-size:var(--t-sm);color:var(--text-2);line-height:1.5}.mittig{text-align:center;margin-inline:auto}.mittig .unterzeile{margin-inline:auto}.marke,.rat__karte,.signal__karte{--zahn-r: 4px;--zahn-s: 14px;position:relative;isolation:isolate}.marke:before,.rat__karte:before,.signal__karte:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--m-bg);-webkit-mask:radial-gradient(circle at 50% 0,#0000 var(--zahn-r),#000 calc(var(--zahn-r) + .5px)) 0 0 / var(--zahn-s) 100% round no-repeat,radial-gradient(circle at 50% 100%,#0000 var(--zahn-r),#000 calc(var(--zahn-r) + .5px)) 0 0 / var(--zahn-s) 100% round no-repeat,radial-gradient(circle at 0 50%,#0000 var(--zahn-r),#000 calc(var(--zahn-r) + .5px)) 0 0 / 100% var(--zahn-s) no-repeat round,radial-gradient(circle at 100% 50%,#0000 var(--zahn-r),#000 calc(var(--zahn-r) + .5px)) 0 0 / 100% var(--zahn-s) no-repeat round;-webkit-mask-composite:source-in,source-in,source-in;mask:radial-gradient(circle at 50% 0,#0000 var(--zahn-r),#000 calc(var(--zahn-r) + .5px)) 0 0 / var(--zahn-s) 100% round no-repeat,radial-gradient(circle at 50% 100%,#0000 var(--zahn-r),#000 calc(var(--zahn-r) + .5px)) 0 0 / var(--zahn-s) 100% round no-repeat,radial-gradient(circle at 0 50%,#0000 var(--zahn-r),#000 calc(var(--zahn-r) + .5px)) 0 0 / 100% var(--zahn-s) no-repeat round,radial-gradient(circle at 100% 50%,#0000 var(--zahn-r),#000 calc(var(--zahn-r) + .5px)) 0 0 / 100% var(--zahn-s) no-repeat round;mask-composite:intersect}.marke{--m-bg: var(--orange);display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:52px;padding:14px 32px;border:0;border-radius:0;font:700 var(--t-base)/1.15 var(--f-head);letter-spacing:.01em;color:var(--grund);text-decoration:none;background:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.28));transition:transform .18s var(--ease),filter .18s;touch-action:manipulation}.marke:hover{transform:translateY(-1px) rotate(-.6deg);filter:drop-shadow(0 4px 6px rgba(0,0,0,.32)) brightness(1.06)}.marke:active{transform:translateY(1px)}.marke:focus-visible{outline-offset:4px}.marke[disabled]{opacity:.5;cursor:not-allowed;transform:none}.marke--breit{width:100%}.marke--klein{min-height:48px;padding:11px 22px;font-size:var(--t-base)}.textlink{font-weight:600;color:inherit;display:inline-flex;align-items:center;min-height:44px}.kopf{position:fixed;inset:0 0 auto 0;z-index:60;height:var(--kopf-h);background:var(--kopf-bg);color:var(--kopf-text);box-shadow:0 1px #00000040;transition:background-color .5s var(--ease),transform .35s var(--ease)}.kopf__innen{height:100%;display:flex;align-items:center;gap:calc(1.5 * var(--kp-rem))}.kopf__logo{display:flex;align-items:center;height:100%}.kopf__logo img{height:40px;width:auto}.kopf__nav{margin-left:auto;display:flex;gap:calc(.25 * var(--kp-rem));align-items:center}.kopf__nav a{color:inherit;text-decoration:none;font-size:var(--t-sm);font-weight:600;padding:calc(.6 * var(--kp-rem)) calc(.75 * var(--kp-rem));min-height:44px;display:inline-flex;align-items:center;opacity:.86}.kopf__nav a:hover{opacity:1;text-decoration:underline}.kopf__nav .marke{min-height:48px;padding:10px 20px;font-size:var(--t-sm);color:var(--grund);margin-left:calc(.5 * var(--kp-rem));opacity:1}.kopf__nav .marke:hover{text-decoration:none}.umschalter{display:inline-flex;border:1px solid rgba(230,225,214,.35);border-radius:999px;padding:3px;margin-left:calc(.5 * var(--kp-rem))}.umschalter button{background:transparent;border:0;border-radius:999px;padding:calc(.35 * var(--kp-rem)) calc(.9 * var(--kp-rem));font-size:var(--t-sm);min-height:44px;min-width:44px;color:var(--hell)}.umschalter button[aria-pressed=true]{background:var(--hell);color:var(--grund)}@media(max-width:860px){.kopf__nav a:not(.marke){display:none}.kopf__logo img{height:30px}.umschalter{margin-left:calc(.25 * var(--kp-rem))}.umschalter button{padding:calc(.3 * var(--kp-rem)) calc(.5 * var(--kp-rem));min-width:44px}}@media(max-width:760px){.kopf__nav .marke{display:none}.kopf{background:var(--kopf-bg);-webkit-backdrop-filter:none;backdrop-filter:none}}.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:55;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 94%,transparent);border-top:1px solid var(--linie);transform:translateY(110%);transition:transform .3s var(--ease);display:none}.sticky-cta .marke{width:100%;min-height:48px}.sticky-cta{background:var(--bg)}.sticky-cta.an{transform:none}@media(max-width:760px){.sticky-cta{display:block}}.js .auftauchen{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .auftauchen.sichtbar{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.kapitaen-lp *,.kapitaen-lp *:before,.kapitaen-lp *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.js .auftauchen{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/kapitaen-lp-basis.css.map */