.moshar-privacy-wrapper { --c-primary: #2563eb; --c-primary-wash: #eff6ff; --c-secondary: #0f172a; --c-text-body: #334155; --c-accent: #10b981; --c-surface: rgba(255, 255, 255, 0.65); --c-surface-hover: rgba(255, 255, 255, 0.85); --glass-blur: blur(16px); --radius-xl: 28px; --radius-md: 16px; --shadow-soft: 0 10px 40px -10px rgba(37, 99, 235, 0.1); --shadow-hover: 0 20px 50px -12px rgba(37, 99, 235, 0.15); --border-glass: 1px solid rgba(255, 255, 255, 0.6); --container-width: 1200px; --gap: 24px; font-family: inherit; line-height: 1.6; color: var(--c-text-body); background: radial-gradient(circle at 0% 0%, rgb(239, 246, 255) 0%, transparent 40%), radial-gradient(circle at 100% 0%, rgb(224, 242, 254) 10%, transparent 40%), radial-gradient(circle at 50% 100%, rgb(240, 249, 255) 0%, transparent 50%), rgb(248, 250, 252); padding: 60px 20px; position: relative; overflow: hidden; }
.moshar-privacy-wrapper::before { content: ""; position: absolute; top: -10%; left: -10%; width: 60%; height: 60%; background: radial-gradient(circle, rgba(37, 99, 235, 0.05) 0%, transparent 70%); z-index: 0; pointer-events: none; }
.moshar-privacy-wrapper .datenschutz-container { max-width: var(--container-width); margin: 0px auto; position: relative; z-index: 1; }
.moshar-privacy-wrapper h1, .moshar-privacy-wrapper h2, .moshar-privacy-wrapper h3 { color: var(--c-secondary); margin-top: 0px; line-height: 1.2; }
.moshar-privacy-wrapper a { color: var(--c-primary); text-decoration: none; font-weight: 500; transition: 0.2s; border-bottom: 1px solid transparent; }
.moshar-privacy-wrapper a:hover { color: var(--c-secondary); border-bottom-color: var(--c-secondary); }
.moshar-privacy-wrapper ul { padding-left: 20px; margin: 0px 0px 1.25rem; }
.moshar-privacy-wrapper li { margin-bottom: 0.5rem; }
.moshar-privacy-wrapper .datenschutz-hero { text-align: center; margin-bottom: 60px; padding: 40px 20px; }
.moshar-privacy-wrapper .datenschutz-hero-title { font-size: clamp(2.5rem, 5vw, 3.5rem); font-weight: 700; margin-bottom: 10px; letter-spacing: -0.02em; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; -webkit-text-fill-color: transparent; background-clip: text; }
.moshar-privacy-wrapper .datenschutz-hero-subtitle { font-size: 1.08rem; color: var(--c-text-body); opacity: 0.85; max-width: 760px; margin: 0px auto; }
.moshar-privacy-wrapper .datenschutz-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: var(--gap); align-items: start; }
.moshar-privacy-wrapper .datenschutz-card { background: var(--c-surface); backdrop-filter: var(--glass-blur); border: var(--border-glass); border-radius: var(--radius-xl); padding: 32px; box-shadow: var(--shadow-soft); transition: transform 0.3s, box-shadow 0.3s, background 0.3s; display: flex; flex-direction: column; height: 100%; }
.moshar-privacy-wrapper .datenschutz-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); background: var(--c-surface-hover); }
.moshar-privacy-wrapper .datenschutz-card-title { font-size: 1.25rem; font-weight: 600; margin-bottom: 1.25rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(15, 23, 42, 0.06); display: flex; align-items: center; }
.moshar-privacy-wrapper .datenschutz-card-title::before { content: ""; display: block; width: 6px; height: 6px; background: var(--c-primary); border-radius: 50%; margin-right: 12px; box-shadow: 0 0 0 4px var(--c-primary-wash); }
.moshar-privacy-wrapper .datenschutz-card-content p { margin-bottom: 1rem; }
.moshar-privacy-wrapper .datenschutz-card-content p:last-child { margin-bottom: 0px; }
.moshar-privacy-wrapper .datenschutz-card-full { grid-column: 1 / -1; }
.moshar-privacy-wrapper .datenschutz-card-primary { border-left: 4px solid var(--c-primary); background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(239, 246, 255, 0.4)); }
.moshar-privacy-wrapper .datenschutz-card-highlight { background: linear-gradient(145deg, rgba(255, 255, 255, 0.8), rgba(16, 185, 129, 0.05)); border: 1px solid rgba(16, 185, 129, 0.2); }
.moshar-privacy-wrapper .datenschutz-card-highlight .datenschutz-card-title::before { background: var(--c-accent); box-shadow: rgba(16, 185, 129, 0.1) 0px 0px 0px 4px; }
.moshar-privacy-wrapper .datenschutz-name { font-size: 1.08rem; font-weight: 700; color: var(--c-secondary); }
.moshar-privacy-wrapper .datenschutz-contact { margin-top: 1rem; padding-top: 1rem; border-top: 1px dashed rgba(15, 23, 42, 0.1); }
.moshar-privacy-wrapper .datenschutz-list li::marker { color: var(--c-primary); }
.moshar-privacy-wrapper .datenschutz-subtitle { font-size: 1rem; font-weight: 700; margin-top: 1.5rem; margin-bottom: 0.5rem; color: var(--c-secondary); }
.moshar-privacy-wrapper .datenschutz-info, .moshar-privacy-wrapper .datenschutz-warning { padding: 16px; border-radius: var(--radius-md); font-size: 0.92rem; margin-top: 1rem; }
.moshar-privacy-wrapper .datenschutz-info { background: rgba(37, 99, 235, 0.05); border: 1px solid rgba(37, 99, 235, 0.1); color: var(--c-secondary); }
.moshar-privacy-wrapper .datenschutz-warning { background: rgb(255, 251, 240); border: 1px solid rgba(245, 158, 11, 0.2); color: rgb(146, 64, 14); }
.moshar-privacy-wrapper .datenschutz-rights-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; margin: 20px 0px; }
.moshar-privacy-wrapper .datenschutz-right-item { background: rgba(255, 255, 255, 0.5); padding: 12px; border-radius: 12px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.5); }
.moshar-privacy-wrapper .datenschutz-right-item .datenschutz-subtitle { margin: 0px 0px 4px; font-size: 0.9rem; }
.moshar-privacy-wrapper .datenschutz-right-item p { font-size: 0.78rem; color: var(--c-text-body); opacity: 0.75; margin: 0px; }
@media (max-width: 768px) {
  .moshar-privacy-wrapper { padding: 40px 15px; }
  .moshar-privacy-wrapper .datenschutz-grid { grid-template-columns: 1fr; }
  .moshar-privacy-wrapper .datenschutz-card { padding: 24px; }
  .moshar-privacy-wrapper .datenschutz-hero-title { font-size: 2rem; }
  .moshar-privacy-wrapper .datenschutz-rights-grid { grid-template-columns: repeat(2, 1fr); }
}