html[data-stil=wertpapier]{--grund:#f5f3ed;--flaeche:#fdfcf8;--tinte:#161c2c;--text:#353c4d;--raps:#f0cd35;--salbei:#b9d0b3;--apricot:#ecb893;--karton-falze:0;--karton-tropfen:0;--haar:#161c2ce6;--schwer:0 1px 0 #161c2c0f, 0 2px 3px #161c2c14, 0 14px 24px -8px #161c2c38, 0 44px 70px -30px #161c2c66;--rahmen-innen:inset 0 0 0 7px var(--flaeche), inset 0 0 0 8px var(--haar)}html[data-stil=wertpapier] body:after{content:"";z-index:50;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23k)'/%3E%3C/svg%3E");position:fixed;inset:0}html[data-stil=wertpapier] .knopf{box-shadow:inset 0 0 0 1px #ffffff24, inset 0 0 0 4px var(--tinte), inset 0 0 0 5px #f0cd3580;letter-spacing:.01em}html[data-stil=wertpapier] .einstieg .register li:last-child .blatt{background-image:url(/test-wertpapier/rosette-gold.svg),linear-gradient(160deg,#ffffff38,#fff0 40%,#161c2c0f);background-position:18% 22%,0 0;background-repeat:no-repeat;background-size:260%,auto}html[data-stil=wertpapier] .einstieg .register li:first-child{--farbe:#9fbb98!important}html[data-stil=wertpapier] .einstieg .flug{will-change:transform}html[data-stil=wertpapier] .einstieg .blatt{border:1px solid var(--haar);background-image:linear-gradient(160deg,#ffffff38,#fff0 40%,#161c2c0f);box-shadow:0 2px 3px #161c2c1a,0 30px 50px -22px #161c2c66}html[data-stil=wertpapier] .einstieg .reiter{border-width:1px;border-color:var(--haar);letter-spacing:.01em}html[data-stil=wertpapier] .einstieg .reiter:after{height:1px;bottom:-1px}html[data-stil=wertpapier] .einstieg .etikett{border:1px solid var(--haar);background:url(/test-wertpapier/feld-tinte.svg) 0 0 / 120px, var(--flaeche);box-shadow:var(--rahmen-innen), 0 2px 6px #161c2c1f;padding:22px 26px}html[data-stil=wertpapier] .einstieg .schwebend,html[data-stil=wertpapier] .einstieg .schwebend:before{border-width:1px}html[data-stil=wertpapier] .einstieg .schwebend{box-shadow:0 14px 24px -14px #161c2c59}html[data-stil=wertpapier] section.versprechen{background-image:radial-gradient(80% 70% at 50% 40%,#161c2c00 40%,#080b148c),url(/test-wertpapier/feld-raps.svg);background-size:auto,240px}html[data-stil=wertpapier] .versprechen .dreiklang{background:url(/test-wertpapier/band-raps.svg) 0 0/600px 56px repeat-x;border-top:0;padding-top:88px}html[data-stil=wertpapier] section.leistungen{background-image:url(/test-wertpapier/feld-hell.svg);background-size:180px}html[data-stil=wertpapier] .leistungen .bild{box-shadow:inset 0 0 0 10px var(--flaeche), inset 0 0 0 11px var(--haar), var(--schwer);background-image:linear-gradient(115deg,#ffffff1f,#fff0 45%,#0000002e);border:0}html[data-stil=wertpapier] .leistungen .punkte{border-top-width:1px}html[data-stil=wertpapier] .leistungen .punkte li:before{border-width:1px;transform:rotate(45deg)scale(.7)}html[data-stil=wertpapier] section.ablauf{background-image:linear-gradient(90deg, transparent calc(var(--rand) + 40px), #161c2c38 0 calc(var(--rand) + 41px), transparent 0 calc(var(--rand) + 45px), #161c2c38 0 calc(var(--rand) + 46px), transparent 0), linear-gradient(270deg, transparent calc(var(--rand) + 180px), #161c2c1f 0 calc(var(--rand) + 181px), transparent 0), repeating-linear-gradient(180deg, transparent 0 35px, #161c2c14 35px 36px)}html[data-stil=wertpapier] .ablauf .nr{box-shadow:0 0 0 4px var(--salbei), 0 0 0 5px #161c2c80;border-width:1px}html[data-stil=wertpapier] section.person{isolation:isolate;border-top-width:1px;position:relative}html[data-stil=wertpapier] section.person:before,html[data-stil=wertpapier] section.person:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}html[data-stil=wertpapier] section.person:before{background:repeating-linear-gradient(-38deg,#8c3c198c 0 1px,#0000 1px 5px);mask-image:radial-gradient(40% 64% at 68% 56%,#000 30%,#0000 78%)}html[data-stil=wertpapier] section.person:after{background:repeating-linear-gradient(52deg,#8c3c1973 0 1px,#0000 1px 5px);mask-image:radial-gradient(26% 46% at 68% 56%,#000 25%,#0000 80%)}html[data-stil=wertpapier] .person .portraet{border:1px solid var(--haar);box-shadow:inset 0 0 0 14px var(--flaeche), inset 0 0 0 15px var(--haar), var(--schwer)}html[data-stil=wertpapier] .person .folgt{border-width:1px}html[data-stil=wertpapier] section.region{background-image:url(/test-wertpapier/hoehen-hell.svg);background-position:top;background-repeat:no-repeat;background-size:max(1600px,110%);border-top-width:1px}html[data-stil=wertpapier] .region .kontur{stroke-width:1.2px}html[data-stil=wertpapier] .region .tafel{box-shadow:inset 0 0 0 6px var(--raps), inset 0 0 0 7px var(--tinte), var(--schwer);border-width:1px}html[data-stil=wertpapier] .region .folgt{border-width:1px}html[data-stil=wertpapier] section.kontakt{background-image:url(/test-wertpapier/relief-gold.svg),radial-gradient(90% 80% at 30% 20%,#fff3,#fff0 60%);background-position:right -160px top -40px,0 0;background-repeat:no-repeat;background-size:1400px 1000px,auto}html[data-stil=wertpapier] .kontakt .licht{border:12px solid var(--flaeche);outline:1px solid var(--haar);outline-offset:-13px;box-shadow:0 0 0 1px var(--haar), var(--schwer)}html[data-stil=wertpapier] .kontakt .wege{border-top-width:1px}html[data-stil=wertpapier] footer.fuss{box-shadow:inset 0 6px 0 var(--tinte), inset 0 7px 0 #f0cd3580, inset 0 10px 0 var(--tinte), inset 0 11px 0 #f0cd3580}
