/* ============================================================
WEBSITE SCANNER PRO
Premium Layout
============================================================ */

html.sap-scope{
    --sap-bg:#eef3f8;
    --sap-card:#ffffff;
    --sap-primary:#1d4ed8;
    --sap-primary2:#2563eb;
    --sap-accent:#00b7ff;
    --sap-text:#172033;
    --sap-text2:#64748b;
    --sap-success:#16a34a;
    --sap-danger:#dc2626;
    --sap-warning:#f59e0b;
    --sap-border:#dce4ef;
    --sap-radius:18px;
    --sap-shadow:
    0 10px 30px rgba(15,23,42,.08);
}

/* ============================================================
BODY
============================================================ */

html.sap-scope{
    --sap-bg:#eef3f8;
    --sap-card:#ffffff;
    --sap-primary:#1d4ed8;
    --sap-primary2:#2563eb;
    --sap-accent:#00b7ff;
    --sap-text:#172033;
    --sap-text2:#64748b;
    --sap-success:#16a34a;
    --sap-danger:#dc2626;
    --sap-warning:#f59e0b;
    --sap-border:#dce4ef;
    --sap-radius:18px;
    --sap-shadow:0 10px 30px rgba(15,23,42,.08);
    min-height:100%;
    margin:0;
    padding:0;
    scroll-behavior:smooth;
    background:
    radial-gradient(
    circle at 50% 0%,
    #16345d 0%,
    rgba(22,52,93,.75) 22%,
    transparent 55%
    ),
    radial-gradient(
    circle at 100% 100%,
    #0b7fd6 0%,
    rgba(11,127,214,.5) 25%,
    transparent 55%
    ),
    linear-gradient(
    180deg,
    #edf4fb 0%,
    #e7f0f9 50%,
    #dfeaf5 100%
    );
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
}

html.sap-scope *,
html.sap-scope *::before,
html.sap-scope *::after{
    box-sizing:border-box;
}

html.sap-scope body{
    min-height:100vh;
    margin:0;
    padding:0;
    font-size:18px;
    background:transparent;
    overflow-x:hidden;
}

html.sap-scope .sap-container{
    width:100%;
    max-width:1150px;
    min-height:100vh;
    margin:0 auto;
    padding:45px 25px 25px;
    background:transparent;
}

/* ============================================================
CONTAINER
============================================================ */

html.sap-scope .sap-container{
    width:100%;
    max-width:1150px;
    margin:45px auto;
    padding:25px;
}

/* ============================================================
TITLE
============================================================ */

html.sap-scope h1{
    margin:0 0 30px;
    text-align:center;
    font-size:38px;
    font-weight:800;
    color:#ffffff;
    letter-spacing:.4px;
}

html.sap-scope h2{
    margin-bottom:18px;
}

html.sap-scope h3{
    margin-top:0;
    margin-bottom:18px;
    font-size:24px;
    color:#1d3557;
}

html.sap-scope h4{
    margin:0 0 15px;
    font-size:26px;
    color:#8B0000;
    font-weight:700;
}

/* ============================================================
CARD
============================================================ */

html.sap-scope .sap-card{
    position:relative;
    overflow:hidden;
    background:var(--sap-card);
    border:1px solid var(--sap-border);
    border-radius:var(--sap-radius);
    padding:24px;
    margin-bottom:22px;
    box-shadow:var(--sap-shadow);
    transition:
    transform .30s,
    box-shadow .30s,
    border-color .30s;
}

html.sap-scope .sap-card:hover{
    transform:translateY(-3px);
    border-color:#b7d9ff;
    box-shadow:
    0 18px 40px rgba(30,64,175,.12);
}

html.sap-scope .sap-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:
    linear-gradient(90deg,
    #2563eb,
    #00b7ff,
    #38bdf8);
}

/* ============================================================
TEXT
============================================================ */

html.sap-scope p{
    margin:10px 0;
    line-height:1.75;
}

html.sap-scope b{
    color:#1e293b;
}

html.sap-scope .sap-small{
    color:var(--sap-text2);
    font-size:14px;
}

/* ============================================================
FORMULAR
============================================================ */

html.sap-scope #sap-scanForm{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:15px;
}

html.sap-scope #sap-scanForm input{
    flex:1 1 auto;
    min-width:0;
}

html.sap-scope #sap-scanForm button{
    flex:0 0 auto;
    width:auto;
    white-space:nowrap;
}

html.sap-scope input{
    flex:1;
    width:100%;
    padding:15px 18px;
    font-size:16px;
    color:#1e293b;
    background:#ffffff;
    border:2px solid #dbe4ef;
    border-radius:14px;
    outline:none;
    transition:.30s;
}

html.sap-scope input::placeholder{
    color:#94a3b8;
}

html.sap-scope input:hover{
    border-color:#93c5fd;
}

html.sap-scope input:focus{
    border-color:#2563eb;
    box-shadow:
    0 0 0 5px rgba(37,99,235,.12);
}

/* ============================================================
BUTTON
============================================================ */

html.sap-scope button{
    position:relative;
    overflow:hidden;
    padding:15px 26px;
    font-size:15px;
    font-weight:700;
    letter-spacing:.3px;
    color:#fff;
    background:
    linear-gradient(
    135deg,
    #2563eb,
    #1d4ed8
    );
    border:none;
    border-radius:14px;
    cursor:pointer;
    transition:.30s;
    box-shadow:
    0 10px 22px rgba(37,99,235,.28);
}

html.sap-scope button:hover{
    transform:translateY(-2px);
    box-shadow:
    0 18px 34px rgba(37,99,235,.38);
}

html.sap-scope button:active{
    transform:scale(.97);
}

html.sap-scope button::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:70%;
    height:100%;
    background:
    linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.55),
    transparent
    );
    transition:.6s;
}

html.sap-scope button:hover::before{
    left:130%;
}

/* ============================================================
PREMIUM BADGES
============================================================ */

html.sap-scope .sap-badge{
    display:inline-block;
    width:1000px;
    padding:12px 18px;
    font-size:18px;
    font-weight:800;
    text-align:left;
    border-radius:14px;
    position:relative;
    overflow:hidden;
    transition:.3s;
    box-shadow:
    0 0 12px rgba(59,130,246,.15);
}

html.sap-scope .sap-badge::after{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:45%;
    height:100%;
    background:rgba(255,255,255,.45);
    transform:skewX(-25deg);
    animation: sap-badgeLight 4s linear infinite;
}

@keyframes sap-badgeLight{
    0%{
    left:-120%;
}
    100%{
    left:160%;
}
}

html.sap-scope .sap-badge:hover{
    transform:scale(1.05);
}

html.sap-scope .sap-ok{
    color:#166534;
    background:#dcfce7;
    border:1px solid #86efac;
}

html.sap-scope .sap-fail{
    color:#991b1b;
    background:#fee2e2;
    border:1px solid #fca5a5;
    animation: sap-failPulse 2s infinite;
}

@keyframes sap-failPulse{
    0%,100%{
    box-shadow:0 0 8px rgba(220,38,38,.25);
}
    50%{
    box-shadow:0 0 22px rgba(220,38,38,.6);
}
}

/* ============================================================
LINKS
============================================================ */

html.sap-scope a{
    color:#2563eb;
    font-weight:600;
    text-decoration:none;
    transition:.25s;
}

html.sap-scope a:hover{
    color:#1d4ed8;
    text-decoration:underline;
}

/* ============================================================
HR
============================================================ */

html.sap-scope hr{
    border:none;
    height:1px;
    margin:18px 0;
    background:#e5e7eb;
}

/* ============================================================
SCAN BLOECKE
============================================================ */

html.sap-scope .sap-scan-block{
    position:relative;
    margin:20px 0;
    padding:18px 22px;
    background:#f8fbff;
    border:1px solid #dce9f7;
    border-left:5px solid #2563eb;
    border-radius:14px;
    transition:.30s;
}

html.sap-scope .sap-scan-block:hover{
    background:#ffffff;
    border-left-color:#00b7ff;
    transform:translateX(4px);
    box-shadow:
    0 10px 28px rgba(37,99,235,.08);
}

/* ============================================================
TITEL
============================================================ */

html.sap-scope .sap-scan-title{
    display:block;
    margin-bottom:14px;
    font-size:17px;
    font-weight:700;
    color:#16335b;
}

/* ============================================================
POSITIV
============================================================ */

html.sap-scope .sap-scan-ok{
    display:inline-block;
    margin-top:6px;
    padding:7px 14px;
    border-radius:10px;
    color:#166534;
    background:#dcfce7;
    border:1px solid #86efac;
    font-weight:700;
}

/* ============================================================
FEHLER
============================================================ */

html.sap-scope .sap-scan-item{
    display:inline-block;
    margin-top:6px;
    padding:7px 14px;
    border-radius:10px;
    color:#991b1b;
    background:#fee2e2;
    border:1px solid #fca5a5;
    font-weight:700;
}

/* ============================================================
WARNUNG
============================================================ */

html.sap-scope .sap-scan-warning{
    display:block;
    margin-top:12px;
    padding:12px 16px;
    background:#fff7ed;
    border-left:5px solid #f59e0b;
    border-radius:10px;
    color:#92400e;
    font-weight:700;
}

/* ============================================================
INFO
============================================================ */

html.sap-scope .sap-scan-info{
    display:block;
    margin-top:10px;
    padding:12px 16px;
    background:#eff6ff;
    border-left:5px solid #2563eb;
    border-radius:10px;
    color:#1d4ed8;
    font-weight:700;
}

/* ============================================================
HINWEISE
============================================================ */

html.sap-scope .sap-scan-note{
    margin-top:15px;
    padding:16px 20px;
    background:#fafcff;
    border:1px solid #d9e7f7;
    border-radius:12px;
    color:#475569;
    line-height:1.8;
}

/* ============================================================
RISIKO
============================================================ */

html.sap-scope .sap-scan-risk{
    margin-top:14px;
    padding:12px 16px;
    border-radius:12px;
    background:#fef2f2;
    border:1px solid #fecaca;
    color:#b91c1c;
    font-weight:700;
}

/* ============================================================
LISTEN
============================================================ */

html.sap-scope .sap-scan-list{
    margin-top:12px;
    margin-left:22px;
    line-height:1.9;
}

html.sap-scope .sap-scan-list li{
    margin:6px 0;
}

/* ============================================================
TITLE STATUS
============================================================ */

html.sap-scope .sap-title-status{
    padding:18px;
    border-radius:14px;
    background:#f8fbff;
    border:1px solid #d9e8f7;
    line-height:1.9;
    font-size:20px;
    color:#16335b;
    box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.6);
}

html.sap-scope .sap-title-status2{
    padding:37px;
    border-radius:14px;
    background:#f8fbff;
    border:1px solid #d9e8f7;
    line-height:1.9;
    font-size:20px;
    color:#16335b;
    box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.6);
}

/* ============================================================
SCAN LOADER
============================================================ */

html.sap-scope .sap-scan-loader{
    position:fixed;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
    radial-gradient(circle at top,#214b91 0%,#102445 40%,#07111f 100%);
    backdrop-filter:blur(10px);
    z-index:99999;
    transition:.4s;
}

html.sap-scope .sap-scan-loader.sap-hidden{
    display:none;
}

/* ============================================================
LOADER BOX
============================================================ */

html.sap-scope .sap-scan-box{
    width:760px;
    max-width:90%;
    padding:45px;
    text-align:center;
    border-radius:22px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:
    0 25px 70px rgba(0,0,0,.45);
}

/* ============================================================
PULSE
============================================================ */

html.sap-scope .sap-pulse-circle{
    width:110px;
    height:110px;
    margin:0 auto 30px;
    border-radius:50%;
    background:
    linear-gradient(135deg,#2563eb,#00d4ff);
    box-shadow:
    0 0 20px rgba(0,212,255,.45),
    0 0 60px rgba(37,99,235,.55);
    animation: sap-pulseGlow 1.8s infinite;
}

@keyframes sap-pulseGlow{
    0%{
    transform:scale(.90);
    box-shadow:
    0 0 20px rgba(37,99,235,.45);
}
    50%{
    transform:scale(1);
    box-shadow:
    0 0 55px rgba(0,212,255,.8);
}
    100%{
    transform:scale(.90);
    box-shadow:
    0 0 20px rgba(37,99,235,.45);
}
}

/* ============================================================
TEXT
============================================================ */

html.sap-scope #sap-scanText{
    font-size:28px;
    font-weight:700;
    color:#ffffff;
    margin-bottom:18px;
    letter-spacing:.3px;
}

html.sap-scope .sap-scan-progress-text{
    color:#bcd3ff;
    font-size:15px;
    margin-bottom:10px;
}

html.sap-scope #sap-scanPercent{
    font-size:54px;
    font-weight:800;
    color:#00d4ff;
    margin-bottom:25px;
    text-shadow:
    0 0 18px rgba(0,212,255,.45);
}

/* ============================================================
PROGRESSBAR
============================================================ */

html.sap-scope .sap-progress-bar{
    width:100%;
    height:16px;
    overflow:hidden;
    border-radius:50px;
    background:
    rgba(255,255,255,.12);
    box-shadow:
    inset 0 0 8px rgba(0,0,0,.35);
}

html.sap-scope #sap-progressFill{
    width:0%;
    height:100%;
    border-radius:50px;
    background:
    linear-gradient(
    90deg,
    #2563eb,
    #00d4ff,
    #4ade80
    );
    box-shadow:
    0 0 20px rgba(0,212,255,.6);
    transition:width .45s ease;
}

/* ============================================================
SHIMMER
============================================================ */

html.sap-scope #sap-progressFill::after{
    content:"";
    display:block;
    width:140px;
    height:100%;
    float:right;
    background:
    linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.65),
    transparent
    );
    animation: sap-moveLight 1.3s linear infinite;
}

@keyframes sap-moveLight{
    from{
    transform:translateX(-120px);
}
    to{
    transform:translateX(120px);
}
}

/* ============================================================
FEINSCHLIFF
============================================================ */

html.sap-scope .sap-card{
    animation: sap-fadeCard .5s ease;
}

@keyframes sap-fadeCard{
    from{
    opacity:0;
    transform:translateY(15px);
}
    to{
    opacity:1;
    transform:translateY(0);
}
}

/* ============================================================
ABSÄTZE
============================================================ */

html.sap-scope .sap-card p{
    margin:12px 0;
    padding-bottom:8px;
    border-bottom:1px dashed #edf2f7;
}

html.sap-scope .sap-card p:last-child{
    border-bottom:none;
}

/* ============================================================
LISTEN
============================================================ */

html.sap-scope ul{
    margin:12px 0;
    padding-left:25px;
}

html.sap-scope ul li{
    margin:8px 0;
    line-height:1.7;
}

/* ============================================================
DETAILS
============================================================ */

html.sap-scope .sap-details{
    margin-top:12px;
    padding:16px;
    background:#f8fbff;
    border-radius:12px;
    border:1px solid #dbe8f5;
    line-height:1.8;
}

/* ============================================================
HOVER FÜR LINKS IN KARTEN
============================================================ */

html.sap-scope .sap-card a{
    font-weight:600;
    transition:.25s;
}

html.sap-scope .sap-card a:hover{
    color:#0f4dd8;
}

/* ============================================================
ICONS
============================================================ */

html.sap-scope h3{
    display:flex;
    align-items:center;
    gap:10px;
}

html.sap-scope h4{
    display:flex;
    align-items:center;
    gap:8px;
}

/* ============================================================
SCROLLBAR
============================================================ */

html.sap-scope ::-webkit-scrollbar{
    width:10px;
}

html.sap-scope ::-webkit-scrollbar-track{
    background:#edf2f7;
}

html.sap-scope ::-webkit-scrollbar-thumb{
    background:#9fb7d6;
    border-radius:20px;
}

html.sap-scope ::-webkit-scrollbar-thumb:hover{
    background:#2563eb;
}

/* ============================================================
SELECTION
============================================================ */

html.sap-scope ::selection{
    background:#2563eb;
    color:#fff;
}

/* ============================================================
RESPONSIVE
============================================================ */

html.sap-scope @media(max-width:900px){
    .sap-container{
    padding:15px;
    margin:20px auto;
}
    form.card{
    flex-direction:column;
    align-items:stretch;
}
    input{
    width:100%;
}
    button{
    width:100%;
}
    h1{
    font-size:30px;
}
    h3{
    font-size:20px;
}
}

@media(max-width:600px){
    html.sap-scope .sap-card{
    padding:18px;
}
    html.sap-scope .sap-scan-box{
    padding:25px;
}
    html.sap-scope #sap-scanText{
    font-size:22px;
}
    html.sap-scope #sap-scanPercent{
    font-size:42px;
}
    html.sap-scope .sap-pulse-circle{
    width:85px;
    height:85px;
}
}

html.sap-scope .sap-export-buttons{
    display:flex;
    justify-content:center;
    align-items:stretch;
    gap:20px;
    margin:25px 0;
}

html.sap-scope .sap-export-form{
    margin:0;
    display:flex;
}

html.sap-scope .sap-export-btn,
html.sap-scope #sap-excelMessage{
    width:380px;
    height:64px;              /* gleiche Höhe */
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 20px;
    border-radius:8px;
    font-size:16px;
    font-weight:bold;
    box-sizing:border-box;
}

html.sap-scope .sap-export-btn{
    border:none;
    cursor:pointer;
}

/* ==========================================================
PDF-/DRUCKBERICHT – VOLLSTÄNDIG – 11 PT
========================================================== */

@media print {
    @page {
    size: A4 portrait;
    margin: 8mm;
}
    html.sap-scope,
    html.sap-scope body {
    width: 100% !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    color: #000000 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11pt !important;
    line-height: 1.3 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}
    html.sap-scope *,
    html.sap-scope *::before,
    html.sap-scope *::after {
    box-sizing: border-box !important;
    animation: none !important;
    transition: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
    html.sap-scope body::before,
    html.sap-scope body::after {
    display: none !important;
    content: none !important;
}
    html.sap-scope #sap-scanForm,
    html.sap-scope #sap-scanLoader,
    html.sap-scope .sap-scan-loader,
    html.sap-scope .sap-export-buttons,
    html.sap-scope .sap-export-form,
    html.sap-scope .sap-print-form,
    html.sap-scope #sap-excelMessage,
    html.sap-scope button,
    html.sap-scope input,
    html.sap-scope nav,
    html.sap-scope footer {
    display: none !important;
}
    html.sap-scope .sap-container {
    width: 100% !important;
    max-width: none !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    column-count: 1 !important;
    column-gap: 0 !important;
    column-fill: auto !important;
}
    html.sap-scope .sap-container > h1 {
    column-span: all !important;
    margin: 0 0 6mm !important;
    padding: 0 0 3mm !important;
    color: #000000 !important;
    font-size: 18pt !important;
    line-height: 1.15 !important;
    text-align: center !important;
    border-bottom: 0.3mm solid #777 !important;
}
    html.sap-scope h2 {
    margin: 0 0 3mm !important;
    font-size: 15pt !important;
    line-height: 1.2 !important;
}
    html.sap-scope h3 {
    display: block !important;
    margin: 0 0 2mm !important;
    padding: 0 !important;
    color: #16345d !important;
    font-size: 13pt !important;
    line-height: 1.2 !important;
}
    html.sap-scope h4 {
    display: block !important;
    margin: 0 0 2mm !important;
    padding: 0 !important;
    color: #8b0000 !important;
    font-size: 11pt !important;
    line-height: 1.2 !important;
}
    html.sap-scope p,
    html.sap-scope li,
    html.sap-scope td,
    html.sap-scope th,
    html.sap-scope a,
    html.sap-scope span,
    html.sap-scope div {
    font-size: 11pt !important;
    line-height: 1.3 !important;
}
    html.sap-scope .sap-card {
    display: inline-block !important;
    width: 100% !important;
    margin: 0 0 4mm !important;
    padding: 3mm !important;
    background: #ffffff !important;
    border: 0.25mm solid #cbd5e1 !important;
    border-radius: 1.5mm !important;
    break-inside: avoid-column !important;
    page-break-inside: auto !important;
    vertical-align: top !important;
}
    html.sap-scope .sap-card::before {
    height: 0.7mm !important;
}
    html.sap-scope .sap-card:hover {
    transform: none !important;
    box-shadow: none !important;
}
    html.sap-scope p,
    html.sap-scope .sap-card p {
    margin: 1.2mm 0 !important;
    padding: 0 0 1mm !important;
    font-size: 11pt !important;
    line-height: 1.3 !important;
    border-bottom: 0.15mm dotted #d7dce2 !important;
}
    html.sap-scope .sap-card p:last-child {
    border-bottom: none !important;
}
    html.sap-scope hr {
    height: 0 !important;
    margin: 1mm 0 !important;
    border: 0 !important;
    border-top: 0.15mm solid #d7dce2 !important;
    background: none !important;
}
    html.sap-scope .sap-title-status,
    html.sap-scope .sap-title-status2,
    html.sap-scope .sap-details {
    margin: 1mm 0 0 !important;
    padding: 2mm !important;
    color: #000000 !important;
    background: #f8fafc !important;
    border: 0.15mm solid #dbe3ec !important;
    border-radius: 1mm !important;
    font-size: 11pt !important;
    line-height: 1.3 !important;
    break-inside: avoid !important;
}
    html.sap-scope .sap-scan-block {
    margin: 1.2mm 0 !important;
    padding: 2mm 2.5mm !important;
    background: #f8fafc !important;
    border: 0.15mm solid #dbe3ec !important;
    border-left: 0.8mm solid #2563eb !important;
    border-radius: 1mm !important;
    break-inside: avoid !important;
}
    html.sap-scope .sap-scan-title {
    margin: 0 0 1mm !important;
    font-size: 12pt !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}
    html.sap-scope .sap-scan-ok,
    html.sap-scope .sap-scan-warning,
    html.sap-scope .sap-scan-note,
    html.sap-scope .sap-scan-info,
    html.sap-scope .sap-scan-risk,
    html.sap-scope .sap-scan-item {
    display: block !important;
    margin: 1mm 0 0 !important;
    padding: 1.5mm 2mm !important;
    border-radius: 0.8mm !important;
    font-size: 11pt !important;
    line-height: 1.25 !important;
    break-inside: avoid !important;
}
    html.sap-scope .sap-badge {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 1.2mm 2.2mm !important;
    font-size: 10pt !important;
    line-height: 1.1 !important;
    border-radius: 0.8mm !important;
    animation: none !important;
}
    html.sap-scope .sap-badge::after {
    display: none !important;
}
    html.sap-scope ul,
    html.sap-scope ol,
    html.sap-scope .sap-scan-list {
    margin: 1.2mm 0 !important;
    padding-left: 5mm !important;
    font-size: 11pt !important;
    line-height: 1.25 !important;
}
    html.sap-scope ul li,
    html.sap-scope ol li,
    html.sap-scope .sap-scan-list li {
    margin: 0.8mm 0 !important;
    padding: 0 !important;
}
    html.sap-scope a,
    html.sap-scope a:visited {
    color: #000000 !important;
    text-decoration: none !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
    html.sap-scope a[href^="http"] {
    font-size: 10pt !important;
}
    html.sap-scope .sap-privacy-result {
    display: inline-block !important;
    width: 100% !important;
    margin: 0 0 4mm !important;
    border-radius: 1.5mm !important;
    break-inside: avoid-column !important;
    page-break-inside: auto !important;
}
    html.sap-scope .sap-privacy-result-header {
    gap: 2mm !important;
    padding: 2mm !important;
}
    html.sap-scope .sap-privacy-result-logo {
    width: 9mm !important;
    min-width: 9mm !important;
    height: 9mm !important;
    border-radius: 1mm !important;
    font-size: 12pt !important;
}
    html.sap-scope .sap-privacy-result-title {
    font-size: 13pt !important;
    line-height: 1.2 !important;
}
    html.sap-scope .sap-privacy-result-subtitle {
    font-size: 10pt !important;
    line-height: 1.25 !important;
}
    html.sap-scope .sap-privacy-result-row {
    grid-template-columns:
    10mm
    18mm
    34mm
    minmax(0, 1fr) !important;
    margin: 2mm !important;
    border-width: 0.5mm !important;
    border-radius: 1mm !important;
}
    html.sap-scope .sap-privacy-result-cell {
    padding: 1.2mm 1.5mm !important;
}
    html.sap-scope .sap-privacy-result-icon {
    min-width: 7mm !important;
    height: 7mm !important;
    padding: 0 1mm !important;
    border-radius: 0.8mm !important;
    font-size: 11pt !important;
}
    html.sap-scope .sap-privacy-result-score {
    font-size: 12pt !important;
}
    html.sap-scope .sap-privacy-result-rating {
    font-size: 11pt !important;
}
    html.sap-scope .sap-privacy-result-badge {
    margin: 0 !important;
    padding: 1mm 1.5mm !important;
    gap: 1mm !important;
    font-size: 9pt !important;
}
    html.sap-scope .sap-privacy-result-description {
    padding-left: 2mm !important;
    font-size: 11pt !important;
    line-height: 1.25 !important;
}
    html.sap-scope .sap-privacy-result-notes {
    margin: 2mm !important;
    padding: 2mm !important;
    font-size: 11pt !important;
    line-height: 1.3 !important;
}
    html.sap-scope .sap-privacy-result-notes p,
    html.sap-scope .sap-privacy-result-notes strong {
    margin: 1mm 0 !important;
    font-size: 11pt !important;
    line-height: 1.3 !important;
}
    html.sap-scope .sap-privacy-result-footer {
    padding: 1.5mm !important;
    font-size: 10pt !important;
}
    html.sap-scope table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 11pt !important;
    line-height: 1.25 !important;
    break-inside: auto !important;
}
    html.sap-scope th,
    html.sap-scope td {
    padding: 1.5mm !important;
    border: 0.15mm solid #cbd5e1 !important;
    vertical-align: top !important;
    font-size: 11pt !important;
}
    html.sap-scope img,
    html.sap-scope svg,
    html.sap-scope canvas {
    max-width: 100% !important;
    max-height: 45mm !important;
    height: auto !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
}
    html.sap-scope .sap-card:empty,
    html.sap-scope .sap-details:empty,
    html.sap-scope .sap-scan-block:empty {
    display: none !important;
}
}

/* ============================================================
KOMPAKTE DATENSCHUTZBEWERTUNG
Nur das aktuelle Ergebnis
============================================================ */

html.sap-scope .sap-privacy-result {
    width: 100%;
    margin: 24px 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dce4ef;
    border-radius: 16px;
    box-shadow:
    0 10px 30px rgba(15, 23, 42, 0.08);
}

/* ============================================================
KOPFBEREICH
============================================================ */

html.sap-scope .sap-privacy-result-header{
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px 22px;
    background:#ffffff;
    border-bottom:1px solid #dce4ef;
}

html.sap-scope .sap-privacy-result-logo{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    min-width:48px;
    height:52px;
    border-radius:12px;
    background:linear-gradient(
    145deg,
    #164a97,
    #082d69
    );
    color:#ffffff;
    font-size:26px;
    font-weight:700;
    box-shadow:
    0 6px 14px rgba(15,57,120,.24);
}

html.sap-scope .sap-privacy-result-heading{
    flex:1;
}

html.sap-scope .sap-privacy-result-title{
    margin:0 0 4px 0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:24px;
    font-weight:700;
    color:#16345d;
    line-height:1.2;
}

html.sap-scope .sap-privacy-result-subtitle{
    margin:0;
    padding:0;
    border:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:600;
    color:#444;
    line-height:1.45;
}

/* ============================================================
ERGEBNISZEILE
============================================================ */

html.sap-scope .sap-privacy-result-row {
    display: grid;
    grid-template-columns: 78px 132px 330px minmax(260px,1fr);
    align-items: center;
    margin: 14px 8px;
    background: #ffffff;              /* statt Farbverlauf */
    border: 3px solid #2563eb;
    border-radius: 12px;
    box-shadow: 0 5px 16px rgba(37,99,235,.15);
}

html.sap-scope .sap-privacy-result-cell {
    display:flex;
    align-items:center;
    padding:14px 18px;
    border-right:none;                /* <-- senkrechte Linien entfernen */
    background:transparent;
}

html.sap-scope .sap-privacy-result-cell:last-child{
    border-right:none;
}

/* Beschreibung */

html.sap-scope .sap-privacy-result-description{
    display:flex;
    align-items:center;
    min-width:0;
    padding-left:34px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:17px;
    font-weight:700;
    color:#0b2d68;
    line-height:1.45;
    white-space:normal;
    overflow-wrap:break-word;
}

/* Bewertung */

html.sap-scope .sap-privacy-result-rating-cell{
    display:flex;
    align-items:center;
    gap:18px;
    padding-right:30px;
    border-right:none;
}

/* ============================================================
BADGE "IHR ERGEBNIS"
============================================================ */

html.sap-scope .sap-privacy-result-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:8px 16px;
    border-radius:30px;
    background:linear-gradient(
    180deg,
    #ff5a5a,
    #d81919
    );
    border:1px solid rgba(255,255,255,.35);
    color:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.3px;
    white-space:nowrap;
    box-shadow:
    0 4px 10px rgba(220,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.25);
}

/* Haken entfernen */

html.sap-scope .sap-privacy-result-badge::before{
    content:none;
}

/* Pfeil */

html.sap-scope .sap-privacy-result-arrow{
    font-size:15px;
    line-height:1;
    text-transform:none;
}

/* ============================================================
ICON
============================================================ */

html.sap-scope .sap-privacy-result-icon-cell {
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
}

html.sap-scope .sap-privacy-result-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 7px;
    border-radius: 7px;
    background:
    linear-gradient(
    180deg,
    #60a5fa,
    #2563eb
    );
    color: #ffffff;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
    box-shadow:
    0 3px 8px rgba(37, 99, 235, 0.25);
}

/* ============================================================
SCORE
============================================================ */

html.sap-scope .sap-privacy-result-score {
    justify-content: center;
    color: #145db2;
    font-size: 27px;
    font-weight: 900;
    white-space: nowrap;
}

/* ============================================================
BEWERTUNG UND BADGE
============================================================ */

html.sap-scope .sap-privacy-result-rating-cell {
    justify-content: flex-start;
    gap: 28px; /* Abstand zwischen "Sehr schlecht" und Badge */
    white-space: nowrap;
}

html.sap-scope .sap-privacy-result-rating {
    color: #0b2d68;
    font-size: 18px;
    font-weight: 900;
}

html.sap-scope .sap-privacy-result-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-left: 8px; /* zusätzlicher Abstand */
    padding: 8px 14px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 999px;
    background: linear-gradient(
    180deg,
    #4f8cff,
    #2563eb
    );
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.25px;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow:
    0 4px 12px rgba(37, 99, 235, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

html.sap-scope .sap-privacy-result-badge::before {
    content: none !important;
    display: none !important;
}

/* ============================================================
BESCHREIBUNG
============================================================ */

html.sap-scope .sap-privacy-result-rating-cell{
    border-right:none;
    padding-right:30px;
}

html.sap-scope .sap-privacy-result-description{
    border-left:1px solid #d8e4f5;
    padding-left:30px;
}

/* ============================================================
FARBEN NACH SCORE
============================================================ */

/* 100 und 95 Prozent */

html.sap-scope .sap-privacy-result-row.score-100,
html.sap-scope .sap-privacy-result-row.score-95 {
    border-color: #16a34a;
    background:
    linear-gradient(
    90deg,
    #effaf2 0%,
    #ffffff 45%
    );
}

html.sap-scope .sap-score-100 .sap-privacy-result-score,
html.sap-scope .sap-score-95 .sap-privacy-result-score {
    color: #0a8d3b;
}

html.sap-scope .sap-score-100 .sap-privacy-result-icon,
html.sap-scope .sap-score-95 .sap-privacy-result-icon,
html.sap-scope .sap-score-100 .sap-privacy-result-badge,
html.sap-scope .sap-score-95 .sap-privacy-result-badge {
    background:
    linear-gradient(
    180deg,
    #22c55e,
    #15803d
    );
}

/* 90 und 85 Prozent */

html.sap-scope .sap-privacy-result-row.score-90,
html.sap-scope .sap-privacy-result-row.score-85 {
    border-color: #f59e0b;
    background:
    linear-gradient(
    90deg,
    #fff9ec 0%,
    #ffffff 45%
    );
}

html.sap-scope .sap-score-90 .sap-privacy-result-score,
html.sap-scope .sap-score-85 .sap-privacy-result-score {
    color: #e99a00;
}

html.sap-scope .sap-score-90 .sap-privacy-result-icon,
html.sap-scope .sap-score-85 .sap-privacy-result-icon,
html.sap-scope .sap-score-90 .sap-privacy-result-badge,
html.sap-scope .sap-score-85 .sap-privacy-result-badge {
    background:
    linear-gradient(
    180deg,
    #fbbf24,
    #d97706
    );
}

/* 80 Prozent */

html.sap-scope .sap-privacy-result-row.score-80 {
    border-color: #2563eb;
    background:
    linear-gradient(
    90deg,
    #eff6ff 0%,
    #ffffff 45%
    );
}

html.sap-scope .sap-score-80 .sap-privacy-result-score {
    color: #145db2;
}

html.sap-scope /* 30, html.sap-scope 15 und 0 Prozent */

.sap-privacy-result-row.score-30,
html.sap-scope .sap-privacy-result-row.score-15,
html.sap-scope .sap-privacy-result-row.score-0 {
    border-color: #dc2626;
    background:
    linear-gradient(
    90deg,
    #fff1f2 0%,
    #ffffff 45%
    );
}

html.sap-scope .sap-score-30 .sap-privacy-result-score,
html.sap-scope .sap-score-15 .sap-privacy-result-score,
html.sap-scope .sap-score-0 .sap-privacy-result-score {
    color: #cb1825;
}

html.sap-scope .sap-score-30 .sap-privacy-result-icon,
html.sap-scope .sap-score-15 .sap-privacy-result-icon,
html.sap-scope .sap-score-0 .sap-privacy-result-icon,
html.sap-scope .sap-score-30 .sap-privacy-result-badge,
html.sap-scope .sap-score-15 .sap-privacy-result-badge,
html.sap-scope .sap-score-0 .sap-privacy-result-badge {
    background:
    linear-gradient(
    180deg,
    #ef4444,
    #b91c1c
    );
}

/* ============================================================
HINWEISE
============================================================ */

html.sap-scope .sap-privacy-result-notes{
    margin:0 8px 14px;
    padding:16px 18px;
    background:#f4f8ff;
    border:1px solid #bfd7f5;
    border-radius:10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;          /* gleiche Größe wie Haftungsausschluss */
    font-weight:400;
    color:#333333;
    line-height:1.65;
}

html.sap-scope .sap-privacy-result-notes p{
    margin:10px 0 !important;
    padding:0 !important;
    border:0 !important;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;          /* gleiche Größe wie Haftungsausschluss */
    font-weight:400;
    color:#333333;
    line-height:1.65;
}

html.sap-scope .sap-privacy-result-notes strong{
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:700;
    color:#16345d;
}

/* ============================================================
FUSSZEILE
============================================================ */

html.sap-scope .sap-privacy-result-footer{
    padding:10px 16px;
    background:linear-gradient(
    135deg,
    #16345d 0%,
    #0b4f91 100%
    );
    color:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:600;
    font-style:italic;
    line-height:1.4;
    text-align:center;
    border-top:1px solid rgba(255,255,255,.15);
}

/* ============================================================
TABLET
============================================================ */

html.sap-scope @media (max-width: 980px) {
    .sap-privacy-result-row {
    grid-template-columns:
    64px
    95px
    210px
    minmax(0, 1fr);
}
    .sap-privacy-result-cell {
    padding: 12px 13px;
}
    .sap-privacy-result-score {
    font-size: 23px;
}
    .sap-privacy-result-rating {
    font-size: 16px;
}
    .sap-privacy-result-badge {
    padding: 7px 11px;
    font-size: 10px;
}
    .sap-privacy-result-description {
    font-size: 13px;
}
}

/* ============================================================
MOBILE
============================================================ */

html.sap-scope @media (max-width: 760px) {
    .sap-privacy-result-header {
    align-items: flex-start;
    padding: 15px;
}
    .sap-privacy-result-title {
    font-size: 20px;
}
    .sap-privacy-result-subtitle {
    font-size: 12px;
}
    .sap-privacy-result-row {
    grid-template-columns:
    58px
    92px
    minmax(0, 1fr);
    margin: 12px 6px;
}
    .sap-privacy-result-icon-cell {
    grid-row: 1 / span 2;
}
    .sap-privacy-result-rating-cell {
    gap: 8px;
    border-right: 0;
}
    .sap-privacy-result-description {
    grid-column: 2 / 4;
    border-top: 1px solid #d8e4f5;
    border-right: 0;
}
    .sap-privacy-result-badge {
    padding: 6px 9px;
    font-size: 9px;
}
    .sap-privacy-result-notes {
    margin-left: 6px;
    margin-right: 6px;
}
}

/* ============================================================
KLEINE SMARTPHONES
============================================================ */

html.sap-scope @media (max-width: 480px) {
    .sap-privacy-result-logo {
    width: 42px;
    min-width: 42px;
    height: 46px;
    font-size: 21px;
}
    .sap-privacy-result-title {
    font-size: 18px;
}
    .sap-privacy-result-score {
    font-size: 20px;
}
    .sap-privacy-result-rating {
    font-size: 14px;
}
    .sap-privacy-result-badge {
    padding: 5px 7px;
    font-size: 8px;
    letter-spacing: 0;
}
    .sap-privacy-result-description {
    font-size: 12px;
}
    .sap-privacy-result-notes,
    .sap-privacy-result-notes p {
    font-size: 11px;
}
    .sap-privacy-result-footer {
    font-size: 10px;
}
}

/* ===========================
Video Popup
=========================== */

.video-popup{
    position:fixed;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(0,0,0,0);
    opacity:0;
    visibility:hidden;
    z-index:999999;
    transition:
    opacity .35s ease,
    background .35s ease,
    visibility .35s;
}

.video-popup.is-open{
    visibility:visible;
    opacity:1;
    background:rgba(0,0,0,.82);
}

.video-popup-content{
    position:relative;
    width:90%;
    max-width:980px;
    transform:translateY(35px) scale(.92);
    opacity:0;
    transition:
    transform .40s cubic-bezier(.22,1,.36,1),
    opacity .40s ease;
}

.video-popup.is-open .video-popup-content{
    transform:translateY(0) scale(1);
    opacity:1;
}

.video-popup-content video{
    display:block;
    width:100%;
    height:auto;
    border-radius:14px;
    background:#000;
    box-shadow:
    0 25px 70px rgba(0,0,0,.55);
}

.video-close{
    position:absolute;
    top:-18px;
    right:-18px;
    width:42px;
    height:42px;
    border-radius:50%;
    background:#ffffff;
    color:#000000;
    font-size:30px;
    font-weight:bold;
    line-height:42px;
    text-align:center;
    cursor:pointer;
    user-select:none;
    transition:
    transform .25s ease,
    background .25s ease,
    color .25s ease;
}

.video-close:hover{
    transform:rotate(90deg) scale(1.10);
    background:#2563eb;
    color:#ffffff;
}

.sap-video-button{
    cursor:pointer;
}

/* ==========================================================
LOGIN-POPUP
========================================================== */

.login-popup{
    position:fixed;
    inset:0;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:rgba(3,20,40,.88);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:
    opacity .3s ease,
    visibility .3s ease;
}

/* ==========================================================
POPUP GEÖFFNET
========================================================== */

.login-popup.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

/* ==========================================================
LOGIN-FENSTER
========================================================== */

.login-popup-box{
    position:relative;
    width:min(720px,95vw);
    max-height:90vh;
    overflow-y:auto;
    padding:40px;
    border-radius:18px;
    background:#102b4d;
    box-shadow:
    0 30px 80px rgba(0,0,0,.45);
    transform:translateY(30px) scale(.96);
    opacity:0;
    transition:
    transform .35s cubic-bezier(.22,1,.36,1),
    opacity .35s ease;
}

/* ==========================================================
ANIMATION
========================================================== */

.login-popup.is-open .login-popup-box{
    transform:translateY(0) scale(1);
    opacity:1;
}

/* ==========================================================
ÜBERSCHRIFT
========================================================== */

.login-popup-box h2{
    margin:0 0 30px;
    color:#ffffff;
    text-align:center;
    font-size:34px;
    font-weight:800;
}

/* ==========================================================
LOGIN-FORMULAR
========================================================== */

.login-form{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
}

/* ==========================================================
EINGABEFELDER
========================================================== */

.login-field{
    display:flex;
    align-items:center;
    height:68px;
    overflow:hidden;
    border-radius:14px;
    background:#ffffff;
}

/* ==========================================================
SYMBOL
========================================================== */

.login-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 68px;
    width:68px;
    height:100%;
    font-size:22px;
}

/* ==========================================================
INPUT
========================================================== */

.login-field input{
    width:100%;
    height:100%;
    margin:0;
    padding:0 20px;
    border:0;
    outline:0;
    background:#ffffff;
    color:#26384d;
    font-size:18px;
    box-shadow:none;
}

.login-field input::placeholder{
    color:#7a8796;
}

/* ==========================================================
FOKUS
========================================================== */

.login-field:focus-within{
    box-shadow:
    0 0 0 4px rgba(50,152,255,.28);
}

/* ==========================================================
BUTTON
========================================================== */

.login-submit{
    width:100%;
    height:68px;
    margin-top:8px;
    border:0;
    border-radius:14px;
    background:linear-gradient(135deg,#3298ff,#1680ed);
    color:#ffffff;
    font-size:22px;
    font-weight:800;
    cursor:pointer;
    transition:
    transform .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}

/* Hover */

.login-submit:hover{
    transform:translateY(-2px);
    background:linear-gradient(135deg,#4ca7ff,#0871df);
    box-shadow:
    0 14px 30px rgba(25,130,240,.35);
}

/* ==========================================================
SCHLIESSEN
========================================================== */

.login-popup-close{
    position:absolute;
    top:15px;
    right:15px;
    width:44px;
    height:44px;
    border:0;
    border-radius:50%;
    background:#ffffff;
    color:#102b4d;
    font-size:30px;
    font-weight:bold;
    line-height:44px;
    cursor:pointer;
    transition:
    transform .2s ease,
    background .2s ease,
    color .2s ease;
}

.login-popup-close:hover{
    background:#3298ff;
    color:#ffffff;
    transform:rotate(90deg);
}

/* ==========================================================
RESPONSIVE
========================================================== */

@media(max-width:760px){
    .login-popup{
    padding:12px;
}
    .login-popup-box{
    width:100%;
    padding:55px 20px 25px;
}
    .login-popup-box h2{
    font-size:28px;
}
    .login-field{
    height:60px;
}
    .login-icon{
    flex:0 0 58px;
    width:58px;
}
    .login-field input{
    font-size:16px;
}
    .login-submit{
    height:60px;
    font-size:20px;
}
}

/* ==========================================================
REGISTRIERUNGS-POPUP
========================================================== */

.register-popup{
    position:fixed;
    inset:0;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:rgba(3,20,40,.88);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:
    opacity .3s ease,
    visibility .3s ease;
}

/* Popup geöffnet */

.register-popup.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

/* ==========================================================
POPUP-FENSTER
========================================================== */

.register-popup-box{
    position:relative;
    width:min(720px,95vw);
    max-height:90vh;
    overflow-y:auto;
    padding:40px;
    border-radius:18px;
    background:#102b4d;
    box-shadow:
    0 30px 80px rgba(0,0,0,.45);
    transform:translateY(30px) scale(.96);
    opacity:0;
    transition:
    transform .35s cubic-bezier(.22,1,.36,1),
    opacity .35s ease;
}

.register-popup.is-open .register-popup-box{
    transform:translateY(0) scale(1);
    opacity:1;
}

/* ==========================================================
ÜBERSCHRIFT
========================================================== */

.register-popup-box h2{
    margin:0 0 30px;
    color:#ffffff;
    text-align:center;
    font-size:34px;
    font-weight:800;
}

/* ==========================================================
FORMULAR
========================================================== */

.register-form{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
}

/* ==========================================================
EINGABEFELDER
========================================================== */

.register-field{
    display:flex;
    align-items:center;
    height:68px;
    overflow:hidden;
    border-radius:14px;
    background:#ffffff;
}

/* Symbol */

.register-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 68px;
    width:68px;
    height:100%;
    font-size:22px;
}

/* Eingabe */

.register-field input,
.register-field select{
    width:100%;
    height:100%;
    margin:0;
    padding:0 20px;
    border:0;
    outline:0;
    background:#ffffff;
    color:#26384d;
    font-size:18px;
    font-family:inherit;
    box-shadow:none;
}

.register-field select{
    appearance:none;
    cursor:pointer;
}

.register-field select:invalid{
    color:#7a8796;
}

/* Platzhalter */

.register-field input::placeholder{
    color:#7a8796;
}

/* Fokus */

.register-field:focus-within{
    box-shadow:
    0 0 0 4px rgba(50,152,255,.28);
}

/* ==========================================================
MELDUNG
========================================================== */

.register-message{
    min-height:24px;
    color:#ffffff;
    font-size:16px;
    font-weight:700;
    text-align:center;
}

/* ==========================================================
DATENSCHUTZ
========================================================== */

.register-checkbox{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:18px;
    border-radius:12px;
    background:rgba(255,255,255,.08);
    color:#ffffff;
    font-size:18px;
    line-height:1.7;
}

/* Große Checkbox */

.register-checkbox input[type="checkbox"]{
    width:30px;
    height:30px;
    margin-top:2px;
    accent-color:#1f8cff;
    cursor:pointer;
    flex-shrink:0;
}

/* Link */

.register-checkbox a{
    color:#6ec1ff;
    font-weight:700;
    text-decoration:underline;
}

.register-checkbox a:hover{
    color:#ffffff;
}

/* ==========================================================
BUTTON
========================================================== */

.register-submit{
    width:100%;
    height:68px;
    margin-top:8px;
    border:0;
    border-radius:14px;
    background:linear-gradient(135deg,#3298ff,#1680ed);
    color:#ffffff;
    font-size:22px;
    font-weight:800;
    cursor:pointer;
    transition:
    transform .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}

/* Hover */

.register-submit:not(:disabled):hover{
    transform:translateY(-2px);
    background:linear-gradient(135deg,#4ca7ff,#0871df);
    box-shadow:
    0 14px 30px rgba(25,130,240,.35);
}

/* Deaktiviert */

.register-submit:disabled{
    background:#6f7f90;
    opacity:.55;
    cursor:not-allowed;
    box-shadow:none;
}

/* ==========================================================
SCHLIESSEN
========================================================== */

.register-popup-close{
    position:absolute;
    top:15px;
    right:15px;
    width:44px;
    height:44px;
    border:0;
    border-radius:50%;
    background:#ffffff;
    color:#102b4d;
    font-size:30px;
    font-weight:bold;
    line-height:44px;
    cursor:pointer;
}

/* ==========================================================
RESPONSIVE
========================================================== */

@media(max-width:760px){
    .register-popup{
    padding:12px;
}
    .register-popup-box{
    width:100%;
    padding:55px 20px 25px;
}
    .register-popup-box h2{
    font-size:28px;
}
    .register-field{
    height:60px;
}
    .register-icon{
    flex:0 0 58px;
    width:58px;
}
    .register-field input,
.register-field select{
    font-size:16px;
}
    .register-checkbox{
    font-size:16px;
    padding:15px;
}
    .register-checkbox input[type="checkbox"]{
    width:28px;
    height:28px;
}
    .register-submit{
    height:60px;
    font-size:20px;
}
}