:root{--bordeaux:#681b2d;--bordeaux2:#3a0f1b;--gold:#d7ad55;--gold2:#f2d895;--cream:#fff8ea;--ink:#171312;--muted:#665f59;--paper:#fffdf7;--green:#446854;--blue:#465b79;--shadow:0 18px 55px rgba(28,8,13,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);line-height:1.62}img{max-width:100%;height:auto}a{color:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.8rem;z-index:9999}.container{width:min(1160px,calc(100% - 2rem));margin:auto}.topbar{background:var(--bordeaux2);color:#fff;font-size:.92rem;text-align:center;padding:.45rem}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,248,234,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(104,27,45,.15)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:76px}.brand{font-family:Georgia,serif;font-size:1.4rem;font-weight:700;text-decoration:none;color:var(--bordeaux)}.brand span{display:block;color:var(--gold);font:italic .75rem Georgia,serif;letter-spacing:.12em}.nav-links{display:flex;align-items:center;gap:1rem}.nav-links a{text-decoration:none;font-weight:700;font-size:.94rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:999px;padding:.88rem 1.25rem;font-weight:800;text-decoration:none;cursor:pointer;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--bordeaux);color:#fff;box-shadow:0 9px 25px rgba(104,27,45,.25)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#31150f;box-shadow:0 9px 25px rgba(176,128,41,.28)}.btn-ghost{border:2px solid var(--bordeaux);color:var(--bordeaux);background:transparent}.hero{background:radial-gradient(circle at 70% 20%,rgba(215,173,85,.18),transparent 30%),linear-gradient(135deg,#fffaf0 0%,#f4e6d3 52%,#ebd4be 100%);padding:4.5rem 0 3.5rem;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:3rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--bordeaux);font-weight:900;font-size:.78rem}.hero h1,.section-title{font-family:Georgia,serif;color:var(--bordeaux2);line-height:1.08}.hero h1{font-size:clamp(2.8rem,6vw,5.8rem);margin:.55rem 0 1rem}.hero h1 em{color:var(--bordeaux);font-weight:500}.hero p{font-size:1.15rem;max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.5rem 0}.hero-art{position:relative;min-height:540px}.book{position:absolute;width:58%;left:4%;top:3%;filter:drop-shadow(0 26px 26px rgba(43,16,20,.35));transform:rotate(-4deg)}.author{position:absolute;width:56%;right:-2%;bottom:-5%;border-radius:22px;box-shadow:var(--shadow);border:5px solid rgba(255,255,255,.9)}.seal{position:absolute;right:4%;top:4%;width:132px;height:132px;border-radius:50%;background:var(--bordeaux);color:var(--gold2);display:grid;place-items:center;text-align:center;font-weight:900;border:5px double var(--gold);transform:rotate(8deg);box-shadow:var(--shadow)}.animal-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:2rem}.animal-chip{background:#fff;border:1px solid rgba(104,27,45,.12);border-radius:18px;padding:.85rem;text-align:center;box-shadow:0 10px 25px rgba(46,20,25,.07)}.animal-chip b{display:block;color:var(--bordeaux)}section{padding:5rem 0}.section-head{text-align:center;max-width:800px;margin:0 auto 2.5rem}.section-title{font-size:clamp(2.1rem,4vw,3.6rem);margin:.4rem 0}.lead{font-size:1.12rem;color:var(--muted)}.quote{font:italic clamp(1.5rem,3vw,2.5rem) Georgia,serif;text-align:center;color:var(--bordeaux);max-width:900px;margin:0 auto}.dark{background:linear-gradient(135deg,var(--bordeaux2),#1f0d12);color:#fff}.dark .section-title{color:var(--gold2)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.card{background:var(--paper);border-radius:22px;padding:1.45rem;box-shadow:var(--shadow);border-top:5px solid var(--gold)}.card h3{font-family:Georgia,serif;color:var(--bordeaux);font-size:1.55rem;margin:.3rem 0}.animal-icon{font-size:3.2rem}.card ul{padding-left:1.15rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:2.2rem;align-items:center}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.feature{background:#fff;padding:1rem;border-radius:16px;border-left:5px solid var(--gold);box-shadow:0 8px 25px rgba(42,17,22,.08)}.book-panel{background:#fff;border-radius:28px;padding:2rem;box-shadow:var(--shadow)}.book-panel img{max-height:520px;display:block;margin:auto}.test-teaser{background:linear-gradient(135deg,#fff,var(--cream));border-radius:30px;padding:2rem;box-shadow:var(--shadow);border:1px solid rgba(104,27,45,.1)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.step{padding:1.4rem;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}.step strong{font:700 2rem Georgia,serif;color:var(--gold2);display:block}.faq details{background:#fff;border-radius:14px;padding:1rem 1.2rem;margin:.7rem 0;box-shadow:0 5px 18px rgba(42,17,22,.06)}.faq summary{font-weight:800;cursor:pointer;color:var(--bordeaux)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem}.form{background:#fff;padding:1.6rem;border-radius:22px;box-shadow:var(--shadow)}label{display:block;font-weight:800;margin:.8rem 0 .3rem}input,select,textarea{width:100%;padding:.85rem;border-radius:10px;border:1px solid #cbbfb4;font:inherit;background:#fff}textarea{min-height:150px}.checkbox{display:flex;align-items:flex-start;gap:.6rem}.checkbox input{width:auto;margin-top:.35rem}.site-footer{background:#180a0e;color:#f7ead7;padding:2.2rem 0}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem}.site-footer a{color:#fff}.legal{max-width:900px;margin:0 auto;background:#fff;padding:2rem;border-radius:20px;box-shadow:var(--shadow)}.legal h1,.legal h2{font-family:Georgia,serif;color:var(--bordeaux)}
/* Test */.test-shell{max-width:860px;margin:2rem auto 5rem}.progress-wrap{height:13px;background:#e5d8c8;border-radius:999px;overflow:hidden}.progress{height:100%;background:linear-gradient(90deg,var(--bordeaux),var(--gold));width:0}.question-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:var(--shadow);margin-top:1.2rem}.question-card h2{font-family:Georgia,serif;color:var(--bordeaux);font-size:1.65rem}.answers{display:grid;gap:.75rem;margin-top:1rem}.answer{display:block;padding:1rem;border:2px solid #eadfcf;border-radius:14px;cursor:pointer;transition:.15s;background:#fff}.answer:hover,.answer.selected{border-color:var(--bordeaux);background:#fff6f7}.test-nav{display:flex;justify-content:space-between;gap:.8rem;margin-top:1rem}.small-note{font-size:.9rem;color:var(--muted)}
/* Result */.result-hero{background:linear-gradient(135deg,var(--bordeaux2),var(--bordeaux));color:#fff;padding:3rem 0}.result-hero h1{font-family:Georgia,serif;color:var(--gold2);font-size:clamp(2.5rem,5vw,4.7rem);margin:.3rem 0}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.result-card{background:#fff;border-radius:22px;padding:1.4rem;box-shadow:var(--shadow)}.result-card h2,.result-card h3{font-family:Georgia,serif;color:var(--bordeaux)}.bar{display:grid;grid-template-columns:95px 1fr 52px;gap:.7rem;align-items:center;margin:.7rem 0}.bar-track{height:13px;border-radius:999px;background:#eee0d0;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--bordeaux),var(--gold))}.result-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.2rem 0}
/* Certificate */.certificate-wrap{background:#d9d0c7;padding:2rem;margin-top:2rem}.certificate{position:relative;width:210mm;min-height:297mm;margin:auto;background:#fffdf5;padding:13mm 14mm;border:2.5mm double var(--gold);box-shadow:0 20px 50px rgba(0,0,0,.25);overflow:hidden}.certificate:before{content:"TIERISCH MENSCHLICH";position:absolute;inset:42% auto auto 6%;font:700 42px Georgia,serif;color:rgba(104,27,45,.055);transform:rotate(-24deg);letter-spacing:.12em}.cert-head{text-align:center;border-bottom:1px solid var(--gold);padding-bottom:5mm}.cert-kicker{letter-spacing:.28em;font-weight:900;color:var(--bordeaux);font-size:11px}.cert-title{font:700 34px Georgia,serif;color:var(--bordeaux);margin:3mm 0}.cert-name{font:italic 28px Georgia,serif;color:#2c1518;border-bottom:1px solid var(--gold);display:inline-block;min-width:120mm;padding:2mm 5mm}.cert-profile{font:700 25px Georgia,serif;color:var(--bordeaux);margin:5mm 0 2mm}.cert-animal{font-size:55px}.cert-bars{max-width:150mm;margin:5mm auto}.cert-text{font-size:13px;text-align:center;max-width:165mm;margin:4mm auto}.cert-columns{display:grid;grid-template-columns:1fr 1fr;gap:7mm;margin-top:5mm;font-size:12px}.cert-box{border:1px solid #d8c59a;padding:4mm;border-radius:3mm;background:rgba(255,255,255,.75)}.cert-box h3{font:700 16px Georgia,serif;color:var(--bordeaux);margin:0 0 2mm}.cert-footer{display:grid;grid-template-columns:1fr 1.35fr 1fr;align-items:end;gap:5mm;margin-top:7mm;border-top:1px solid var(--gold);padding-top:5mm}.cert-footer img{max-height:30mm;margin:auto}.signature{text-align:center;font:italic 20px Georgia,serif;border-bottom:1px solid #333;padding-bottom:1mm}.cert-meta{text-align:center;font-size:10px}.seal-cert{width:30mm;height:30mm;border-radius:50%;background:var(--bordeaux);color:var(--gold2);display:grid;place-items:center;text-align:center;border:1.2mm double var(--gold);font-weight:900;font-size:10px;margin:auto}.certificate-tools{text-align:center;margin-bottom:1rem}.only-print{display:none}
@media(max-width:900px){.nav-links{display:none}.hero-grid,.two-col,.contact-grid,.result-grid{grid-template-columns:1fr}.hero-art{min-height:500px}.cards{grid-template-columns:1fr 1fr}.feature-list,.steps,.footer-grid{grid-template-columns:1fr}.certificate-wrap{overflow:auto}.certificate{transform-origin:top left}.animal-row{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.cards{grid-template-columns:1fr}.hero{padding-top:2.5rem}.hero-art{min-height:400px}.seal{width:100px;height:100px;font-size:.8rem}.question-card{padding:1.2rem}.certificate-wrap{padding:.4rem}}
@media print{body{background:#fff}.site-header,.topbar,.site-footer,.certificate-tools,.no-print,.result-hero,main>section:not(.certificate-section){display:none!important}.certificate-section{display:block!important;padding:0!important}.certificate-wrap{padding:0;background:#fff;margin:0}.certificate{box-shadow:none;margin:0;width:210mm;height:297mm;min-height:297mm;page-break-after:avoid}.only-print{display:block}@page{size:A4 portrait;margin:0}}


/* Live-Statistik und Bewertung */
.live-stats{background:linear-gradient(135deg,#14090b,#2b0c13);color:#fff;border-top:1px solid rgba(213,168,71,.45);border-bottom:1px solid rgba(213,168,71,.45)}
.live-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.live-stat{padding:24px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.14)}
.live-stat:last-child{border-right:0}
.live-stat strong{display:block;color:var(--gold2);font-family:Georgia,serif;font-size:clamp(1.35rem,2.4vw,2rem);margin-bottom:6px}
.live-stat span{display:block;color:rgba(255,255,255,.78)}
.live-note{text-align:center;margin-top:18px;color:rgba(255,255,255,.66);font-size:.92rem}
.rating-section{background:var(--cream);padding-top:18px}
.rating-card{max-width:940px;margin:0 auto;background:#fff;border:1px solid rgba(128,28,48,.18);border-radius:24px;padding:32px;text-align:center;box-shadow:var(--shadow)}
.rating-card .section-title{margin-bottom:8px}
.star-rating{display:flex;justify-content:center;gap:8px;margin:20px 0 10px}
.star-rating button{appearance:none;border:0;background:transparent;color:#c9c3b8;font-size:clamp(2.4rem,7vw,4rem);line-height:1;cursor:pointer;padding:3px;transition:transform .15s ease,color .15s ease;text-shadow:0 2px 4px rgba(0,0,0,.12)}
.star-rating button:hover,.star-rating button:focus-visible,.star-rating button.active,.star-rating button.selected{color:var(--gold);transform:translateY(-2px) scale(1.06)}
.star-rating button:disabled{cursor:default;opacity:.8}
.rating-status{min-height:1.5em;font-weight:700;color:var(--bordeaux)}
.live-rating-summary{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:center;margin-top:20px;padding-top:18px;border-top:1px solid #e7dfd2}
.live-rating-summary strong{color:var(--bordeaux)}
@media(max-width:800px){.live-stats-grid{grid-template-columns:1fr 1fr}.live-stat:nth-child(2){border-right:0}.rating-card{padding:24px 16px}}
@media(max-width:500px){.live-stats-grid{grid-template-columns:1fr}.live-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.live-stat:last-child{border-bottom:0}}

/* Premium certificate v2 */
.certificate-section{background:linear-gradient(135deg,#16090d,#3a0f1b);padding:4rem 0}
.certificate-wrap{background:transparent;padding:1rem;margin-top:0}
.certificate{position:relative;width:210mm;min-height:297mm;margin:auto;background:
 radial-gradient(circle at 15% 12%,rgba(215,173,85,.13),transparent 20%),
 radial-gradient(circle at 87% 75%,rgba(104,27,45,.08),transparent 24%),
 repeating-linear-gradient(0deg,rgba(120,91,45,.025) 0 1px,transparent 1px 4px),#fff9e9;
 padding:10mm 12mm 8mm;border:1.8mm solid #6a1b2e;outline:1.2mm double #d7ad55;outline-offset:-4mm;box-shadow:0 28px 75px rgba(0,0,0,.48);overflow:hidden;color:#2d1717}
.certificate:before{content:"";position:absolute;inset:5mm;border:.35mm solid rgba(215,173,85,.8);pointer-events:none}
.cert-corner{position:absolute;width:24mm;height:24mm;border-color:#b9892e;z-index:2}.cert-corner:before,.cert-corner:after{content:"";position:absolute;background:#b9892e}.cert-corner:before{width:18mm;height:.5mm}.cert-corner:after{width:.5mm;height:18mm}.cert-corner-tl{top:7mm;left:7mm}.cert-corner-tr{top:7mm;right:7mm;transform:rotate(90deg)}.cert-corner-br{bottom:7mm;right:7mm;transform:rotate(180deg)}.cert-corner-bl{bottom:7mm;left:7mm;transform:rotate(270deg)}
.cert-watermark{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-13deg);font:900 42px/1 Georgia,serif;letter-spacing:.18em;color:rgba(104,27,45,.035);text-align:center;pointer-events:none}
.cert-head{text-align:center;border-bottom:.35mm solid #c69c49;padding:0 22mm 4mm;position:relative}.cert-brand-mark{width:22mm;height:22mm;border-radius:50%;margin:-2mm auto 2mm;display:grid;place-items:center;background:linear-gradient(145deg,#f3d98f,#b47b1e);border:1.2mm double #6a1b2e;color:#531526;font:italic 700 18px Georgia,serif;box-shadow:0 2mm 5mm rgba(68,28,16,.2)}.cert-kicker{letter-spacing:.24em;font-weight:900;color:#8b5b19;font-size:9px}.cert-title{font:700 25px Georgia,serif;color:#681b2d;margin:1.6mm 0 .8mm;letter-spacing:.04em}.cert-subtitle{font:italic 11px Georgia,serif;color:#5c4335}
.cert-honor{text-align:center;margin:3mm auto 2mm;position:relative}.cert-animal-medallion{width:20mm;height:20mm;border-radius:50%;display:grid;place-items:center;margin:auto;background:linear-gradient(145deg,#fff4c9,#d4a140);border:1mm double #681b2d;font-size:22px;box-shadow:0 2mm 4mm rgba(74,35,22,.18)}.cert-confirm{font-size:10px;margin-top:1mm}.cert-name{font:italic 31px Georgia,serif;color:#5c1726;border-bottom:.35mm solid #c69c49;display:inline-block;min-width:120mm;padding:0 5mm 1mm;margin:1mm 0}.cert-profile{font:700 22px Georgia,serif;text-transform:uppercase;color:#681b2d;margin:2mm 0 0}.cert-mode{font-size:10px;letter-spacing:.08em;color:#795f48}
.cert-main-grid{display:grid;grid-template-columns:1.7fr .75fr;gap:5mm;align-items:stretch;margin:3mm auto 2mm;max-width:174mm}.cert-panel{border:.35mm solid #caa75e;background:rgba(255,255,255,.55);padding:3mm}.cert-panel h3,.cert-box h3{margin:0 0 2mm;font:700 13px Georgia,serif;text-transform:uppercase;color:#681b2d;letter-spacing:.04em}.cert-type-panel{display:grid;place-items:center;background:transparent;border:0}.cert-gold-seal{width:38mm;height:38mm;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 35% 30%,#ffe8a0,#cf962d 55%,#9c651b);border:1.3mm double #fff0b0;outline:.6mm solid #8b5b19;box-shadow:0 2mm 5mm rgba(63,31,15,.25);color:#4b1b16}.cert-gold-seal span{font-size:7px;letter-spacing:.14em}.cert-gold-seal strong{font:700 12px/1.05 Georgia,serif;max-width:32mm;margin:1mm 0}.cert-gold-seal small{font-size:6px}.cert-bars{margin:0}.cert-bars .bar{grid-template-columns:28mm 1fr 11mm;gap:2mm;margin:1mm 0;font-size:9px}.cert-bars .bar-track{height:3.3mm}.cert-bars .bar-fill{background:linear-gradient(90deg,#681b2d,#d2a54e)}
.cert-text{font-size:10px;text-align:center;max-width:172mm;margin:2mm auto 3mm;line-height:1.45}.cert-columns{display:grid;grid-template-columns:1fr 1fr;gap:5mm;margin:0 auto 3mm;max-width:174mm;font-size:9px}.cert-box{border:.35mm solid #d2b574;padding:3mm;background:rgba(255,255,255,.55);min-height:30mm}.cert-box ul{margin:0;padding-left:4mm;columns:1}.cert-box li{margin:.5mm 0}
.cert-bottom-grid{display:grid;grid-template-columns:1fr 32mm 1fr;align-items:center;gap:5mm;margin:2mm auto 3mm;max-width:174mm;border-top:.35mm solid #c69c49;padding-top:3mm}.signature{text-align:center;font:italic 20px Georgia,serif;border-bottom:.3mm solid #6e4d3c;padding-bottom:.5mm}.cert-meta{text-align:center;font-size:8px}.cert-official-seal{width:29mm;height:29mm;border-radius:50%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#f3d783,#bd8127);border:1.2mm double #681b2d;color:#571725;text-align:center;box-shadow:0 1.5mm 4mm rgba(63,31,15,.25)}.cert-official-seal span{font-size:6px}.cert-official-seal strong{font:700 9px Georgia,serif}.cert-official-seal small{font-size:6px}.cert-id-block{display:grid;grid-template-columns:1fr 1fr;gap:2mm;text-align:center;font-size:8px}.cert-id-block>div{border-left:.3mm solid #c69c49;padding-left:2mm}
.cert-promo{display:grid;grid-template-columns:19mm 1fr 49mm;gap:4mm;align-items:center;max-width:180mm;margin:auto;background:linear-gradient(90deg,#5a1425,#781c32);color:#fff8e6;padding:2.5mm 4mm;border:.35mm solid #d8b35c}.cert-book{height:27mm;width:auto;filter:drop-shadow(0 1mm 1.5mm rgba(0,0,0,.35))}.cert-promo-copy span{font-size:6.5px;letter-spacing:.14em;color:#f1cf77}.cert-promo-copy strong{display:block;font:700 13px Georgia,serif;text-transform:uppercase;color:#f5d98d}.cert-promo-copy p{margin:.3mm 0;font-size:8px}.cert-promo-copy b{font-size:7px}.cert-qr-pair{display:flex;gap:3mm;justify-content:flex-end}.cert-qr-pair div{text-align:center}.cert-qr-pair img{width:18mm;height:18mm;background:#fff;padding:1mm}.cert-qr-pair small{display:block;font-size:5.5px;color:#f5d98d}.cert-slogan{text-align:center;font:700 8px Georgia,serif;letter-spacing:.1em;color:#9a6b23;margin:2mm 0 1mm}.cert-disclaimer{text-align:center;font-size:6.5px;color:#725f54;margin:0 auto;max-width:175mm}
@media(max-width:900px){.certificate{transform:scale(.75);transform-origin:top left;margin-bottom:-74mm}.certificate-wrap{overflow:hidden;width:100%}}
@media(max-width:650px){.certificate{transform:scale(.46);margin-bottom:-160mm}.certificate-wrap{padding:.2rem}}
@media print{.certificate{padding:10mm 12mm 8mm!important;transform:none!important;margin:0!important;box-shadow:none!important;width:210mm!important;height:297mm!important;min-height:297mm!important}.certificate-section{background:#fff!important}.certificate-wrap{overflow:visible!important}.cert-title{font-size:25px!important}}