/* ========================= 3D HOLOGRAMM – DATENSCHUTZ ========================= */
.datenschutz-card { position: relative; overflow: hidden; background: rgba(10,10,10,.45); backdrop-filter: blur(22px) saturate(160%); -webkit-backdrop-filter: blur(22px) saturate(160%); padding: 2rem; border-radius: 18px; margin: 2rem auto; max-width: 1100px; box-shadow: 0 0 35px rgba(0,180,255,.35), inset 0 0 35px rgba(150,0,255,.35); color: #fff; }

.datenschutz-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: repeating-linear-gradient(to bottom, rgba(255,255,255,.04) 0px, rgba(255,255,255,.04) 2px, transparent 3px, transparent 6px); animation: dsScan 6s linear infinite; z-index: -1; }
@keyframes dsScan { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } }

.datenschutz-card::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: radial-gradient(circle at 30% 40%, rgba(255,0,255,.35), transparent 70%); filter: blur(55px); animation: dsGlow 8s ease-in-out infinite; z-index: -1; }
@keyframes dsGlow { 0%,100% { opacity: .35; transform: translateX(0); } 50% { opacity: .75; transform: translateX(35px); } }

/* ========================= CONTENT ========================= */
.datenschutz-card h1, .datenschutz-card h2, .datenschutz-card h3, .datenschutz-card p, .datenschutz-card ul, .datenschutz-card li, .datenschutz-card a, .seal { position: relative; z-index: 5; }

.datenschutz-card h1 { font-size: 2rem; margin-bottom: 1rem; text-align: center; color: #00d1ff; text-shadow: 0 0 12px rgba(0,200,255,.8), 0 0 25px rgba(150,0,255,.6); }

.datenschutz-card h2, .datenschutz-card h3 { margin-top: 1.8rem; font-size: 1.4rem; color: #b56bff; text-shadow: 0 0 10px rgba(150,0,255,.8), 0 0 20px rgba(0,200,255,.6); }

.datenschutz-card p, .datenschutz-card li { color: #e6e6e6; line-height: 1.7; }

.datenschutz-card a { color: #00d1ff; text-decoration: none; transition: .25s ease; }
.datenschutz-card a:hover { color: #b56bff; text-shadow: 0 0 10px rgba(0,200,255,.8), 0 0 20px rgba(150,0,255,.6); }

.seal { margin-top: 25px; font-size: .9rem; opacity: .8; text-align: center; }

/* ========================= MOBILE ========================= */
@media (max-width: 768px) { .datenschutz-card { border-radius: 12px; padding: 1.5rem; } }