.qf{--qf-gold:#edbb76;--qf-paper:#f6f1e6}.qf a:focus-visible{outline:3px solid var(--qf-gold);outline-offset:5px}.qf .eyebrow{color:var(--qf-gold)}
.qf-hero{padding:150px 0 80px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 35%,#8b5d2426,transparent 55%)}
.qf-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:center}.qf-brand{display:flex;gap:16px;align-items:center;margin-bottom:35px}.qf-brand img{width:70px;height:70px;border-radius:50%}.qf-brand strong{display:block;font-family:var(--f-display);font-size:21px;color:var(--c-weiss)}.qf-brand span{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--qf-gold)}
.qf h1{font:600 clamp(3rem,6.8vw,6.2rem)/1.02 var(--f-display);letter-spacing:-.055em;color:var(--c-weiss);margin:0 0 28px}.qf h1 em{font-style:normal;color:var(--qf-gold)}.qf-intro{max-width:46ch;font-size:clamp(1.1rem,2vw,1.3rem)}.qf .btn-zeile{margin-top:30px}.qf .btn--primaer{background:var(--qf-gold);border-color:var(--qf-gold);color:#17241c;box-shadow:none}.qf .btn--primaer:hover{box-shadow:0 0 25px #edbb7633}
.qf-stage{height:580px;position:relative;isolation:isolate}.qf-stage::before{content:'';position:absolute;inset:5%;border:1px solid #edbb7633;border-radius:50%;transform:rotate(-20deg)}.qf-stage img{position:absolute;width:51%;height:470px;object-fit:cover;border:7px solid #20382b;border-radius:30px;box-shadow:0 35px 60px #0005;transition:transform .5s}.qf-stage img:first-child{left:0;top:50px;transform:rotate(-9deg);z-index:1}.qf-stage img:nth-child(2){right:0;top:0;transform:rotate(9deg)}.qf-stage:hover img:first-child{transform:rotate(-5deg) translateY(-8px)}.qf-stage:hover img:nth-child(2){transform:rotate(5deg) translateY(-8px)}.qf-stage small{position:absolute;bottom:0;left:15%;font-size:12px;color:var(--c-muted)}
.qf-ribbon{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-block:1px solid var(--c-linie);font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--c-muted)}
.qf-gallery{background:var(--qf-paper);color:#33463b;padding:90px 0}.qf-gallery h2{color:#17241c;font:600 clamp(2rem,4vw,3.6rem)/1.08 var(--f-display);letter-spacing:-.04em;max-width:18ch;margin:12px 0 22px}.qf-gallery .eyebrow{color:#775323}.qf-gallery-intro{max-width:62ch}.qf-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:45px}.qf-game{background:#fffaf1;border:1px solid #d8d7c7;border-radius:20px;overflow:hidden}.qf-image{height:390px;background:#d5e6d7;display:flex;justify-content:center;overflow:hidden;position:relative}.qf-image img{height:100%;width:100%;object-fit:contain}.qf-game:nth-child(2) .qf-image{background:#88ccd0}.qf-game:nth-child(3) .qf-image{background:#b8c7a2}.qf-game:nth-child(4) .qf-image{background:#203c37}.qf-game-body{padding:28px}.qf-game h3{color:#17241c;font:600 1.8rem/1.15 var(--f-display);margin:10px 0 16px}.qf-tag{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#53674e}.qf-game p{margin-bottom:20px}.qf-game a{color:#315e35;text-decoration:underline;text-underline-offset:5px}.qf-caption{padding:12px 25px;background:#e9e8da;font-size:11px;color:#586452;letter-spacing:.04em}.qf-about{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center;padding:100px 0}.qf-about img{width:min(100%,280px);border-radius:50%;display:block;margin:auto}.qf-about h2{font:600 clamp(2rem,4vw,3rem)/1.12 var(--f-display);color:var(--c-weiss);margin:12px 0 25px}.qf-help{padding:45px;border:1px solid var(--c-linie);border-radius:20px;background:var(--c-panel);margin-bottom:90px}.qf-help h2{color:var(--c-weiss);font-size:1.7rem;margin-bottom:12px}.qf-help p{max-width:64ch}
@media(max-width:800px){.qf-hero{padding-top:120px}.qf-hero-grid{grid-template-columns:1fr;gap:35px}.qf-stage{height:440px;max-width:400px;width:100%;margin:auto}.qf-stage img{height:350px}.qf-grid{grid-template-columns:1fr}.qf-ribbon{flex-wrap:wrap;font-size:10px}.qf-image{height:370px}.qf-about{grid-template-columns:1fr;gap:30px;padding:65px 0}.qf-about img{width:150px}.qf-help{padding:25px}.qf-gallery{padding:60px 0}}
@media(prefers-reduced-motion:reduce){.qf-stage img{transition:none}.qf-stage:hover img:first-child{transform:rotate(-9deg)}.qf-stage:hover img:nth-child(2){transform:rotate(9deg)}}
.qf [id]{scroll-margin-top:95px}.qf h1 em{ text-shadow:0 0 25px #edbb7622 }.qf-about p+p{margin-top:18px}


.qf-game:nth-child(4) .qf-image{background:#ded4c1}

/* Spielkarten: eigene kleine Bühnen statt Bilder auf Farbflächen. */
.qf-grid{gap:32px;align-items:stretch}
.qf-game{--game-accent:#d1a264;--game-deep:#344a39;position:relative;display:flex;flex-direction:column;border:1px solid #ddd7c7;border-radius:26px;background:#fffcf5;box-shadow:0 5px 12px #20312705,0 18px 45px #20312709;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.qf-game#tubalot{--game-accent:#ecd0a1;--game-deep:#635538;--game-shot:url('img/quest-foundry/tubalot.webp')}
.qf-game#axolotl{--game-accent:#bceee5;--game-deep:#22686c;--game-shot:url('img/quest-foundry/axolotl.webp')}
.qf-game#dumpling{--game-accent:#ede3bc;--game-deep:#58664b;--game-shot:url('img/quest-foundry/dumpling.webp')}
.qf-game#depotaro{--game-accent:#e8c78e;--game-deep:#49554a;--game-shot:url('img/quest-foundry/depotaro.webp')}
.qf-game .qf-image{height:425px;isolation:isolate;align-items:center;background:var(--game-deep);padding:55px 35px 25px;overflow:hidden}
.qf-image::before{content:'';position:absolute;inset:-25px;z-index:-2;background-image:var(--game-shot);background-size:cover;background-position:center;filter:blur(23px) saturate(.7);opacity:.38;transform:scale(1.12)}
.qf-image::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 20%,#fff2,transparent 65%),linear-gradient(0deg,#12241e88,transparent 85%)}
.qf-game .qf-image img{width:auto;height:100%;max-width:80%;object-fit:contain;border:5px solid #ffffffbd;border-radius:22px;box-shadow:0 22px 35px #081c1e66,0 0 0 1px #ffffff30;transform:rotate(-5deg) translateY(8px);transition:transform .45s cubic-bezier(.22,1,.36,1)}
.qf-game:nth-child(even) .qf-image img{transform:rotate(5deg) translateY(8px)}
.qf-scene-tag{position:absolute;top:22px;left:24px;color:#fff9ec;background:#11251c45;border:1px solid #ffffff40;border-radius:30px;padding:7px 12px;font-size:11px;letter-spacing:.07em;backdrop-filter:blur(10px)}
.qf-edition{position:absolute;right:25px;top:65px;font:500 6.5rem/1 var(--f-display);letter-spacing:-.08em;color:#ffffff14;z-index:-1}
.qf-caption{position:relative;margin:-14px 24px 0;align-self:flex-start;padding:7px 12px;border:1px solid #e3dfd2;border-radius:30px;background:#fffcf5;box-shadow:0 3px 10px #00000006;color:#66705f;font-size:10px;z-index:2}
.qf-game-body{padding:25px 30px 30px;display:flex;flex:1;flex-direction:column}
.qf-game h3{font-size:clamp(1.55rem,2.6vw,2.1rem);letter-spacing:-.035em;line-height:1.1;margin:12px 0 18px;max-width:18ch}
.qf-tag{font-size:10px;letter-spacing:.11em;color:#65715f}
.qf-game p{font-size:.98rem;line-height:1.75;color:#52604e;margin-bottom:28px}
.qf-game a{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;border-top:1px solid #e4e4d7;padding-top:18px;color:#263e2a;font-size:.85rem;font-weight:600;text-decoration:none}
.qf-link-arrow{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid #d8ddcd;background:#f0f2e7;border-radius:50%;font-size:19px;transition:background .25s,transform .25s}
.qf-game a:hover .qf-link-arrow,.qf-game a:focus-visible .qf-link-arrow{background:#dce8d4;transform:translate(2px,-2px)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.qf-game:hover{transform:translateY(-5px);box-shadow:0 12px 24px #20312708,0 28px 55px #20312712;border-color:#b9c5ac}.qf-game:hover .qf-image img{transform:rotate(0) translateY(0)}}
@media(max-width:800px){.qf-grid{gap:28px}.qf-game .qf-image{height:365px;padding:54px 25px 22px}.qf-game-body{padding:24px}.qf-caption{margin-left:20px;font-size:9px}.qf-scene-tag{left:20px}.qf-game h3{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){.qf-game,.qf-game .qf-image img,.qf-link-arrow{transition:none}.qf-game a:hover .qf-link-arrow{transform:none}}
/* Sprachwechsel: auf jeder Seite direkt zum inhaltlichen Gegenstück. */
.qf-language{padding-top:95px;display:flex;justify-content:flex-end;align-items:center;gap:16px;font-size:12px;letter-spacing:.04em;line-height:1.6}.qf-language span{color:var(--c-muted)}.qf-language a{color:var(--qf-gold);padding:6px 12px;border:1px solid #edbb7640;border-radius:20px}.qf-language a:hover{background:#edbb7610}.qf-language+section{padding-top:35px}
@media(max-width:800px){.qf-language{padding-top:90px}.qf-language+section{padding-top:25px}}

/* Localised screenshots also supply the decorative backgrounds. */
html[lang="en"] .qf-game#tubalot{--game-shot:url("img/quest-foundry/tubalot-en-1.webp")}
html[lang="en"] .gd-tubalot{--game-shot:url("img/quest-foundry/tubalot-en-1.webp")}
html[lang="en"] .qf-game#axolotl{--game-shot:url("img/quest-foundry/axolotl-en-1.webp")}
html[lang="en"] .gd-axolotl{--game-shot:url("img/quest-foundry/axolotl-en-1.webp")}
html[lang="en"] .qf-game#depotaro{--game-shot:url("img/quest-foundry/depotaro-en-1.webp")}
html[lang="en"] .gd-depotaro{--game-shot:url("img/quest-foundry/depotaro-en-1.webp")}
html[lang="en"] .qf-game#dumpling{--game-shot:url("img/quest-foundry/dumpling-en-2.webp")}
html[lang="en"] .gd-dumpling{--game-shot:url("img/quest-foundry/dumpling-en-1.webp")}

/* Profile links without external embeds or tracking scripts. */
.qf-social{margin:0 0 70px;padding:35px;border:1px solid #edbb7633;border-radius:22px;background:linear-gradient(120deg,#edbb760b,transparent);display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center}.qf-social h2{font:600 clamp(1.6rem,3vw,2.3rem)/1.15 var(--f-display);color:var(--c-weiss);margin:12px 0 15px}.qf-social p{font-size:.95rem;max-width:48ch}.qf-social-links{display:grid;gap:12px}.qf-social-links a{display:flex;align-items:center;gap:15px;border:1px solid #edbb7633;background:#ffffff04;border-radius:14px;padding:16px 19px;color:var(--c-weiss);transition:background .2s,border-color .2s}.qf-social-links a:hover{background:#edbb7610;border-color:#edbb7670}.qf-social-links strong{font-size:16px;display:block}.qf-social-links small{color:var(--c-muted);font-size:12px}.qf-social-icon{width:24px;height:24px;color:var(--qf-gold);flex-shrink:0}.qf-social-arrow{margin-left:auto;color:var(--qf-gold)}
.qf-game .qf-card-store{justify-content:center;margin:16px 0 0;padding:13px 18px;border:1px solid #213c29;border-radius:11px;background:#213c29;color:#fff9ee;font-weight:600;gap:18px}.qf-game .qf-card-store:hover{background:#31563a}.qf-available{display:inline-flex;gap:7px;align-items:center;font-size:10px;letter-spacing:.04em;color:#315c35;margin-top:12px}.qf-available::before{content:'';width:6px;height:6px;border-radius:50%;background:#4a9150}
@media(max-width:800px){.qf-social{grid-template-columns:1fr;padding:25px;gap:25px}}
@media(prefers-reduced-motion:reduce){.qf-social-links a{transition:none}}