/**
 * Patrick Krisch Website
 * Datei: assets/css/datenschutz.css
 * Bereich: Datenschutzseite
 * Zweck: Hero-Motiv, Informationskarten, Datenschutzprozess, CTA, Section-System und native Accordions.
 *
 * Projekt: patrick-krisch.de
 * Entwicklung: Patrick Krisch
 * Technische Umsetzung: Patrick Krisch
 * Version: 1.4
 * Stand: 2026-08-17
 *
 * Unterseiten-Hero-Geometrie, H1-Metriken und Hero-Höhen liegen zentral in
 * design-system.css und dürfen hier nicht erneut definiert werden.
 */

.privacy-page{background:#fff;color:#071f4d}.privacy-page main{overflow:hidden}.privacy-hero{position:relative}.privacy-breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;color:#52657f}.privacy-breadcrumb a{color:#071f4d;text-decoration:none}.privacy-breadcrumb a:hover{text-decoration:underline}.privacy-hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(430px,1.14fr);gap:54px}.privacy-hero-copy{max-width:600px}.privacy-accent{display:block;width:46px;height:2px;margin:24px 0;background:linear-gradient(90deg,#059d9a,#0b68bd)}.privacy-hero-copy p{max-width:560px;margin:0 0 15px;font-size:15px;line-height:1.75;color:#203756}.privacy-hero-copy strong,.privacy-contact-value{color:#058f9d}.privacy-updated{font-weight:700;color:#071f4d!important}

.privacy-visual{position:relative;min-height:330px}.privacy-shield{position:absolute;left:50%;top:5px;width:210px;height:250px;transform:translateX(-24%);background:linear-gradient(145deg,#0b5a91 0%,#063465 50%,#061f49 100%);clip-path:polygon(50% 0,92% 17%,88% 65%,72% 86%,50% 100%,28% 86%,12% 65%,8% 17%);filter:drop-shadow(0 22px 22px rgba(6,42,86,.24));border:1px solid rgba(255,255,255,.25)}.privacy-shield:before{content:"";position:absolute;inset:12px 15px 18px;background:linear-gradient(145deg,rgba(33,150,196,.7),rgba(3,36,83,.55));clip-path:inherit;opacity:.7}.privacy-lock{position:absolute;z-index:2;left:50%;top:84px;width:78px;height:72px;border-radius:10px;background:#fff;transform:translateX(-50%);box-shadow:0 8px 16px rgba(0,24,61,.25)}.privacy-lock:before{content:"";position:absolute;left:17px;top:-49px;width:44px;height:55px;border:10px solid #fff;border-bottom:0;border-radius:26px 26px 0 0;box-sizing:border-box}.privacy-lock:after{content:"";position:absolute;left:50%;top:27px;width:13px;height:25px;border-radius:9px 9px 4px 4px;background:#082d61;transform:translateX(-50%)}.privacy-id-card{position:absolute;left:14%;bottom:18px;width:174px;height:110px;border-radius:13px;background:#fff;box-shadow:0 15px 34px rgba(17,70,121,.16);padding:20px}.privacy-id-icon{width:27px;height:27px;fill:none;stroke:#071f4d;stroke-width:1.8}.privacy-id-card i{display:block;width:82px;height:8px;margin:7px 0 0 42px;border-radius:20px;background:#e2e8f1}.privacy-id-card i:nth-of-type(2){width:68px}.privacy-id-card i:nth-of-type(3){width:88px}.privacy-id-card b{position:absolute;right:-12px;bottom:-10px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#099a9d,#0a67b7);color:#fff;font-size:22px;border:4px solid #fff}.privacy-wave{position:absolute;left:-8%;right:-8%;height:80px;top:120px;border-radius:50%;border-top:1px solid rgba(43,120,214,.18);transform:rotate(-4deg)}.privacy-wave-two{top:160px;transform:rotate(5deg);opacity:.65}.privacy-dots{position:absolute;right:10%;bottom:28px;width:78px;height:62px;background-image:radial-gradient(circle,#cbdcf1 2px,transparent 2.5px);background-size:16px 16px}

.privacy-overview{padding:0 0 34px}.privacy-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.privacy-info-card{min-height:246px;padding:28px;border:1px solid #e5ebf4;border-radius:12px;background:#fff;box-shadow:0 12px 35px rgba(21,55,99,.07)}.privacy-card-title{display:flex;align-items:center;gap:15px}.privacy-card-title h2{margin:0;font-size:18px;line-height:1.2}.privacy-card-icon{width:24px;height:24px;fill:none;stroke:#071f4d;stroke-width:1.8}.privacy-card-title .privacy-card-icon{box-sizing:content-box;padding:10px;border-radius:9px;background:#f4f7fb}.privacy-card-accent{display:block;width:36px;height:2px;margin:14px 0 20px;background:linear-gradient(90deg,#029d9c,#0873ba)}.privacy-info-card p{margin:0 0 14px;font-size:14px;line-height:1.65;color:#233b5b}.privacy-info-card a{color:#087fba;text-decoration:none}.privacy-info-card a:hover{text-decoration:underline}.privacy-status-card{border-style:dashed;background:linear-gradient(145deg,#fff,#f8fbff)}

.privacy-process{padding:32px 0 36px;background:linear-gradient(180deg,#f8fbff,#fff)}.privacy-process h2{text-align:center;margin:0;font-size:23px}.privacy-process-accent{display:block;width:38px;height:2px;margin:9px auto 24px;background:linear-gradient(90deg,#029d9c,#0873ba)}.privacy-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.privacy-process-grid article{position:relative;text-align:center;padding:0 12px}.privacy-step-num{position:absolute;left:20px;top:-6px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#096f91;color:#fff;font-size:12px;font-weight:800}.privacy-step-icon{width:62px;height:62px;margin:0 auto 14px;border:1px solid #dbe6f3;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 7px 18px rgba(18,65,109,.08)}.privacy-step-icon .ui-icon{width:27px;height:27px;fill:none;stroke:#071f4d;stroke-width:1.7}.privacy-process-grid h3{font-size:15px;margin:0 0 8px}.privacy-process-grid p{margin:0;color:#4a5f7d;font-size:12.5px;line-height:1.6}

.privacy-cta{padding:0 0 24px}.privacy-cta-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:25px 30px;border-radius:12px;background:linear-gradient(110deg,#071f4d,#075784 72%,#087f99);color:#fff;box-shadow:0 14px 34px rgba(7,31,77,.18)}.privacy-cta-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#071f4d}.privacy-cta-icon .ui-icon{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9}.privacy-cta h2{margin:0 0 5px;font-size:20px;color:#fff}.privacy-cta p{margin:0;max-width:700px;font-size:13px;line-height:1.55;color:rgba(255,255,255,.88)}.privacy-cta .btn{white-space:nowrap}

.privacy-details{padding:0 0 58px}.privacy-accordion{border:1px solid #e5ebf4;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(15,53,94,.06)}.privacy-accordion details{background:#fff;border-bottom:1px solid #e8edf4}.privacy-accordion details:last-child{border-bottom:0}.privacy-accordion summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px 20px;transition:background-color .18s ease}.privacy-accordion summary::-webkit-details-marker{display:none}.privacy-accordion summary:hover{background:#f8fbff}.privacy-summary-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:#f0f4fa;color:#087fba;font-weight:800}.privacy-accordion summary strong{display:block;font-size:15px;color:#071f4d}.privacy-accordion summary small{display:block;margin-top:3px;font-size:12px;color:#64748b}.privacy-chevron{line-height:1;color:#071f4d;transition:transform .2s ease}.privacy-chevron .ui-icon{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}.privacy-accordion details[open] .privacy-chevron{transform:rotate(180deg)}.privacy-detail-body{padding:3px 74px 22px}.privacy-detail-body h3{margin:18px 0 5px;font-size:15px}.privacy-detail-body p{margin:0 0 12px;font-size:13.5px;line-height:1.72;color:#334a68}.privacy-detail-body strong{color:#071f4d}

@media(max-width:1040px){.privacy-hero-grid{grid-template-columns:1fr .9fr;gap:30px}.privacy-visual{min-height:300px}.privacy-shield{width:180px;height:220px}.privacy-id-card{left:0}.privacy-card-grid{grid-template-columns:1fr 1fr}.privacy-status-card{grid-column:1/-1;min-height:0}.privacy-process-grid{gap:12px}.privacy-cta-inner{grid-template-columns:auto 1fr}.privacy-cta .btn{grid-column:2;justify-self:start}}
@media(max-width:720px){.privacy-hero-grid{display:block}.privacy-hero-copy p{font-size:14px}.privacy-visual{min-height:255px;margin-top:24px}.privacy-shield{left:54%;width:150px;height:188px}.privacy-lock{top:67px;width:58px;height:53px}.privacy-lock:before{left:12px;top:-38px;width:34px;height:43px;border-width:8px}.privacy-lock:after{top:19px;width:10px;height:20px}.privacy-id-card{width:142px;height:92px;padding:15px;bottom:4px}.privacy-card-grid{grid-template-columns:1fr}.privacy-info-card{min-height:0;padding:23px}.privacy-status-card{grid-column:auto}.privacy-process{padding-top:26px}.privacy-process-grid{grid-template-columns:1fr 1fr;gap:28px 10px}.privacy-cta-inner{display:flex;align-items:flex-start;flex-direction:column;padding:24px}.privacy-cta .btn{width:100%;justify-content:center}.privacy-accordion summary{grid-template-columns:34px 1fr auto;padding:15px 13px;gap:10px}.privacy-summary-icon{width:32px;height:32px}.privacy-accordion summary small{font-size:11px;line-height:1.4}.privacy-detail-body{padding:2px 16px 18px 56px}.privacy-detail-body p{font-size:13px}}
@media(max-width:430px){.privacy-process-grid{grid-template-columns:1fr}.privacy-info-card p{font-size:13.5px}.privacy-accordion summary small{display:none}.privacy-detail-body{padding-left:16px}.privacy-dots{display:none}}
@media(prefers-reduced-motion:reduce){.privacy-accordion summary,.privacy-chevron{transition:none}}

.privacy-cta-inner{position:relative;overflow:hidden}.privacy-cta-icon,.privacy-cta-copy,.privacy-cta .btn{position:relative;z-index:3}.privacy-cta .btn,.privacy-cta .btn:visited{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 22px;background:#fff!important;color:#075784!important;border:1px solid #fff!important;box-shadow:0 8px 22px rgba(0,22,66,.16);font-weight:800;text-decoration:none}.privacy-cta .btn:hover{background:#f5fbff!important;color:#063e68!important;transform:translateY(-1px)}.privacy-cta .btn .ui-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}.privacy-eu-stars{position:absolute;z-index:1;right:30px;top:50%;width:152px;height:152px;transform:translateY(-50%);opacity:.23;pointer-events:none}.privacy-eu-stars span{--a:0deg;position:absolute;left:50%;top:50%;font-size:18px;line-height:1;color:#fff;transform:rotate(var(--a)) translateY(-61px)}.privacy-eu-stars span:nth-child(1){--a:0deg}.privacy-eu-stars span:nth-child(2){--a:30deg}.privacy-eu-stars span:nth-child(3){--a:60deg}.privacy-eu-stars span:nth-child(4){--a:90deg}.privacy-eu-stars span:nth-child(5){--a:120deg}.privacy-eu-stars span:nth-child(6){--a:150deg}.privacy-eu-stars span:nth-child(7){--a:180deg}.privacy-eu-stars span:nth-child(8){--a:210deg}.privacy-eu-stars span:nth-child(9){--a:240deg}.privacy-eu-stars span:nth-child(10){--a:270deg}.privacy-eu-stars span:nth-child(11){--a:300deg}.privacy-eu-stars span:nth-child(12){--a:330deg}
@media(max-width:1040px){.privacy-eu-stars{right:8%;opacity:.18}}
@media(max-width:720px){.privacy-eu-stars{right:-5px;top:auto;bottom:-36px;transform:none;width:135px;height:135px;opacity:.16}.privacy-cta .btn{align-self:stretch;justify-content:center}}

.privacy-step-head{position:relative;width:62px;height:62px;margin:0 auto 14px}.privacy-step-head .privacy-step-icon{margin:0}.privacy-step-head .privacy-step-num{z-index:3;left:-34px;top:-8px}.privacy-step-connector{position:absolute;z-index:1;top:29px;left:calc(50% + 43px);width:calc(100% - 56px);display:flex;align-items:center;color:#91a4bf;pointer-events:none}.privacy-step-connector span{flex:1;min-width:0;border-top:2px dashed #b7c5d8}.privacy-step-connector .ui-icon{flex:0 0 17px;width:17px;height:17px;margin-left:-1px;fill:none;stroke:currentColor;stroke-width:2}.privacy-process-grid article::before,.privacy-process-grid article::after{content:none!important}.privacy-step-icon,.privacy-step-head,.privacy-process-grid h3,.privacy-process-grid p{position:relative;z-index:2}
@media(max-width:1040px){.privacy-step-head .privacy-step-num{left:-29px}.privacy-step-connector{left:calc(50% + 39px);width:calc(100% - 45px)}}
@media(max-width:720px){.privacy-step-connector{display:none}.privacy-step-head .privacy-step-num{left:-30px;top:-8px}}
@media(max-width:430px){.privacy-step-head .privacy-step-num{left:-34px}}

/* Section-System vormals privacy-sections.css */
.privacy-page{--pk-radius:12px;--privacy-section-gap:56px;background:#fff}.privacy-hero::after{display:none!important}.privacy-hero>.container{position:relative;z-index:1}.privacy-visual::before{content:"";position:absolute;z-index:0;left:50%;top:250px;width:230px;height:26px;transform:translateX(-22%);border-radius:50%;background:rgba(12,49,93,.18);filter:blur(13px);opacity:.72;pointer-events:none}.privacy-shield,.privacy-id-card,.privacy-wave,.privacy-dots{z-index:1}.privacy-overview,.privacy-process,.privacy-cta,.privacy-consent,.privacy-details{padding:0;margin-top:var(--privacy-section-gap);background:transparent}.privacy-overview::before,.privacy-details::before{display:none!important}.privacy-card-accent{margin-left:59px!important}.privacy-process>.container{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.privacy-consent .pk-consent-receipt{margin:0}.privacy-accordion{background:#fff}.privacy-info-card,.privacy-status-card,.privacy-cta-inner,.privacy-accordion,.privacy-summary-icon,.privacy-id-card,.privacy-card-title .privacy-card-icon,.privacy-page .pk-consent-receipt,.privacy-page .pk-consent-receipt-grid>div,.privacy-page .pk-consent-banner,.privacy-page .pk-consent-settings,.privacy-page .pk-consent-btn,.privacy-page .pk-consent-choice{border-radius:var(--pk-radius)!important}
@media(max-width:720px){.privacy-page{--privacy-section-gap:38px}.privacy-visual::before{top:198px;width:170px;height:22px;filter:blur(11px)}}