.wowoderciao-page {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.wowoderciao-card {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.wowoderciao-header-banner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 20px;
    background: #b60062;
    box-shadow: 0 12px 30px rgba(63, 13, 69, .18);
}

.wowoderciao-header-banner + .wowoderciao-today-section {
    margin-top: 24px;
}

.wowoderciao-header-banner img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    object-fit: contain;
}

.wowoderciao-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.wowoderciao-section-title h2,
.wowoderciao-section-title span,
.wowoderciao-gender-block h3 {
    margin: 0;
    overflow-wrap: anywhere;
}

.wowoderciao-flash {
    margin: 0 0 22px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 2px solid;
    font-weight: 700;
    text-align: center;
    overflow-wrap: anywhere;
}

.wowoderciao-flash.is-success {
    color: #14552f;
    border-color: #45a96d;
    background: #e9fff1;
}

.wowoderciao-flash.is-error {
    color: #7d1f1f;
    border-color: #d26767;
    background: #fff0f0;
}

.wowoderciao-upload-section,
.wowoderciao-voting-section,
.wowoderciao-today-section {
    margin-top: 26px;
    padding: 22px;
    border-radius: 22px;
    background: rgba(255, 255, 255, .83);
    border: 1px solid rgba(35, 65, 110, .18);
    box-shadow: 0 12px 34px rgba(25, 45, 80, .09);
}

.wowoderciao-section-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid rgba(35, 65, 110, .13);
}

.wowoderciao-section-title h2 {
    font-size: clamp(1.35rem, 3vw, 2rem);
}

.wowoderciao-section-title span {
    text-align: right;
}

.wowoderciao-login-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px;
    border-radius: 16px;
    background: rgba(50, 105, 210, .09);
}

.wowoderciao-login-box.is-warning {
    background: rgba(245, 165, 35, .13);
}

.wowoderciao-login-box p {
    margin: 0;
}

.wowoderciao-login-box a,
.wowoderciao-upload-form button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 10px 20px;
    border: 0;
    border-radius: 999px;
    background: #d52828;
    color: #fff;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    white-space: normal;
    text-align: center;
}

.wowoderciao-upload-grid {
    display: grid;
    grid-template-columns: minmax(220px, .85fr) minmax(280px, 1.4fr);
    gap: 22px;
    align-items: stretch;
}

.wowoderciao-own-preview {
    display: grid;
    grid-template-columns: minmax(110px, 165px) 1fr;
    gap: 16px;
    align-items: center;
    padding: 14px;
    border-radius: 18px;
    background: rgba(20, 70, 140, .08);
}

.wowoderciao-own-preview img,
.wowoderciao-new-preview img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: center;
    border-radius: 14px;
}

.wowoderciao-own-preview div {
    display: grid;
    gap: 7px;
}

.wowoderciao-upload-form {
    display: grid;
    gap: 12px;
    align-content: center;
    padding: 18px;
    border-radius: 18px;
    background: rgba(255, 105, 80, .08);
}

.wowoderciao-upload-form label {
    font-weight: 800;
    font-size: 1.08rem;
}

.wowoderciao-upload-form input[type="file"] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 12px;
    border: 2px dashed rgba(185, 55, 55, .45);
    border-radius: 12px;
    background: rgba(255, 255, 255, .72);
}

.wowoderciao-upload-form p {
    margin: 0;
    line-height: 1.55;
}

.wowoderciao-new-preview {
    width: min(210px, 100%);
}

.wowoderciao-gender-block + .wowoderciao-gender-block {
    margin-top: 30px;
}

.wowoderciao-gender-block h3 {
    margin-bottom: 14px;
    font-size: clamp(1.25rem, 2.5vw, 1.65rem);
}

.wowoderciao-candidate-grid,
.wowoderciao-winner-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.wowoderciao-person-card,
.wowoderciao-winner-card {
    min-width: 0;
    overflow: hidden;
    border-radius: 20px;
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(80, 65, 80, .2);
    box-shadow: 0 10px 25px rgba(50, 35, 60, .12);
}

.wowoderciao-vote-form {
    margin: 0;
}

.wowoderciao-image-button,
.wowoderciao-winner-image {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    background: #231e25;
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
}

.wowoderciao-image-button:disabled {
    cursor: default;
    opacity: .78;
}

.wowoderciao-image-button img,
.wowoderciao-winner-image img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: center;
    transition: transform .2s ease;
}

.wowoderciao-image-button:not(:disabled):hover img,
.wowoderciao-image-button:not(:disabled):focus-visible img,
.wowoderciao-winner-image:hover img,
.wowoderciao-winner-image:focus-visible img {
    transform: scale(1.025);
}

.wowoderciao-click-label,
.wowoderciao-winner-image span {
    position: absolute;
    left: 12px;
    bottom: 12px;
    max-width: calc(100% - 24px);
    padding: 8px 13px;
    border-radius: 999px;
    color: #fff;
    background: rgba(183, 20, 20, .92);
    font-weight: 900;
    box-shadow: 0 5px 14px rgba(0, 0, 0, .28);
    overflow-wrap: anywhere;
}

.wowoderciao-person-info {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 7px 12px;
    align-items: center;
    padding: 15px;
}

.wowoderciao-nickname,
.wowoderciao-winner-name {
    min-width: 0;
    color: #b51d2b;
    font-weight: 900;
    font-size: 1.12rem;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.wowoderciao-person-info > span {
    text-align: right;
}

.wowoderciao-person-info .wowoderciao-voted-note,
.wowoderciao-person-info .wowoderciao-vote-note {
    grid-column: 1 / -1;
    text-align: left;
    padding-top: 6px;
    border-top: 1px solid rgba(50, 50, 70, .13);
    font-size: .94rem;
}

.wowoderciao-voted-note {
    color: #6a3b13;
    font-weight: 700;
}

.wowoderciao-empty-card {
    display: grid;
    place-items: center;
    align-content: center;
    min-height: 390px;
    padding: 22px;
    text-align: center;
    box-sizing: border-box;
    background: rgba(235, 238, 245, .78);
}

.wowoderciao-empty-card span {
    max-width: 34ch;
    margin-top: 8px;
}

.wowoderciao-empty-image {
    display: grid;
    place-items: center;
    width: 110px;
    height: 145px;
    margin-bottom: 16px;
    border-radius: 16px;
    border: 3px dashed rgba(80, 80, 100, .3);
    font-size: 3rem;
    background: rgba(255, 255, 255, .55);
}

.wowoderciao-title-wow h2 {
    color: #b51d2b;
}

.wowoderciao-winner-card {
    position: relative;
    padding-bottom: 17px;
    text-align: center;
}

.wowoderciao-winner-kind {
    position: absolute;
    z-index: 2;
    top: 12px;
    right: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    color: #fff;
    background: rgba(30, 30, 40, .78);
    font-weight: 800;
}

.wowoderciao-winner-name {
    display: block;
    margin: 14px 12px 6px;
    font-size: 1.3rem;
}

.wowoderciao-winner-card > strong {
    display: block;
    margin: 0 12px;
}

html.dark-mode .wowoderciao-upload-section,
html.dark-mode .wowoderciao-voting-section,
html.dark-mode .wowoderciao-today-section,
html.dark-mode .wowoderciao-person-card,
html.dark-mode .wowoderciao-winner-card,
html.dark-mode .wowoderciao-upload-form,
html.dark-mode .wowoderciao-own-preview,
html.dark-mode .wowoderciao-login-box {
    color: #f4f4f4;
    background-color: rgba(22, 25, 32, .94);
    border-color: rgba(255, 255, 255, .16);
}

html.dark-mode .wowoderciao-upload-form input[type="file"] {
    color: #f4f4f4;
    background: rgba(5, 7, 10, .55);
}

html.dark-mode .wowoderciao-empty-card {
    color: #eee;
    background: rgba(35, 38, 46, .88);
}

html.dark-mode .wowoderciao-flash.is-success {
    color: #d7ffe5;
    background: #173b27;
}

html.dark-mode .wowoderciao-flash.is-error {
    color: #ffe4e4;
    background: #4b2020;
}

@media (max-width: 760px) {
    .wowoderciao-card,
    .wowoderciao-upload-section,
    .wowoderciao-voting-section,
    .wowoderciao-today-section {
        max-width: 100%;
        box-sizing: border-box;
    }

    .wowoderciao-card {
        padding-left: 8px;
        padding-right: 8px;
    }

    .wowoderciao-header-banner {
        border-radius: 14px;
        box-shadow: 0 8px 20px rgba(63, 13, 69, .16);
    }

    .wowoderciao-upload-section,
    .wowoderciao-voting-section,
    .wowoderciao-today-section {
        padding: 15px;
        border-radius: 17px;
    }

    .wowoderciao-header-banner + .wowoderciao-today-section {
        margin-top: 18px;
    }

    .wowoderciao-section-title,
    .wowoderciao-login-box {
        align-items: stretch;
        flex-direction: column;
    }

    .wowoderciao-section-title span {
        text-align: left;
    }

    .wowoderciao-upload-grid,
    .wowoderciao-candidate-grid,
    .wowoderciao-winner-grid {
        grid-template-columns: 1fr;
    }

    .wowoderciao-own-preview {
        grid-template-columns: minmax(90px, 130px) 1fr;
    }

    .wowoderciao-person-card,
    .wowoderciao-winner-card {
        width: 100%;
        max-width: 520px;
        margin-inline: auto;
    }

    .wowoderciao-empty-card {
        min-height: 310px;
    }
}

@media (max-width: 420px) {
    .wowoderciao-header-banner {
        border-radius: 10px;
    }

    .wowoderciao-own-preview {
        grid-template-columns: 1fr;
    }

    .wowoderciao-own-preview img {
        width: min(210px, 100%);
        margin-inline: auto;
    }

    .wowoderciao-person-info {
        grid-template-columns: 1fr;
    }

    .wowoderciao-person-info > span {
        text-align: left;
    }
}

/* Direkte Bereichsauswahl unter dem Header. */
.wowoderciao-top-nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    margin: 18px auto 0;
}

.wowoderciao-nav-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 0;
    min-height: 54px;
    padding: 10px 12px;
    box-sizing: border-box;
    border: 1px solid rgba(45, 45, 65, .16);
    border-radius: 16px;
    color: #fff;
    font-weight: 850;
    line-height: 1.15;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 7px 18px rgba(35, 30, 55, .15);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    overflow-wrap: anywhere;
}

.wowoderciao-nav-button:hover,
.wowoderciao-nav-button:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(35, 30, 55, .22);
    filter: brightness(1.06);
}

.wowoderciao-nav-button:focus-visible {
    outline: 3px solid #fff;
    outline-offset: -5px;
}

.wowoderciao-nav-icon {
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    fill: currentColor;
}

.wowoderciao-nav-button span {
    min-width: 0;
}


.wowoderciao-nav-women {
    background: linear-gradient(135deg, #f13d8a, #bd135d);
}

.wowoderciao-nav-men {
    background: linear-gradient(135deg, #2879dd, #174ea6);
}

.wowoderciao-nav-wow {
    background: linear-gradient(135deg, #ff5a36, #ce1919);
}

#wowoderciao-wow,
#wowoderciao-frauen,
#wowoderciao-maenner {
    scroll-margin-top: 18px;
}

html.dark-mode .wowoderciao-nav-button {
    border-color: rgba(255, 255, 255, .24);
    box-shadow: 0 7px 18px rgba(0, 0, 0, .32);
}

@media (max-width: 760px) {
    .wowoderciao-top-nav {
        gap: 7px;
        margin-top: 12px;
    }

    .wowoderciao-nav-button {
        flex-direction: column;
        gap: 4px;
        min-height: 68px;
        padding: 8px 4px 7px;
        border-radius: 13px;
        font-size: .78rem;
    }

    .wowoderciao-nav-icon {
        flex-basis: 26px;
        width: 26px;
        height: 26px;
    }

    #wowoderciao-wow,
    #wowoderciao-frauen,
    #wowoderciao-maenner {
        scroll-margin-top: 12px;
    }
}

@media (max-width: 360px) {
    .wowoderciao-top-nav {
        gap: 5px;
    }

    .wowoderciao-nav-button {
        min-height: 64px;
        padding-inline: 2px;
        border-radius: 11px;
        font-size: .7rem;
    }

    .wowoderciao-nav-icon {
        flex-basis: 24px;
        width: 24px;
        height: 24px;
    }
}


.wowoderciao-header-link {
    display: block;
    width: 100%;
    text-decoration: none;
}

.wowoderciao-flash {
    margin-top: 20px;
}

.wowoderciao-nav-button.is-active {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .95), 0 10px 24px rgba(35, 30, 55, .28);
    transform: translateY(-2px);
}

.wowoderciao-start-section {
    width: 100%;
    max-width: 1000px;
    margin: 26px auto 0;
    padding: 24px;
    box-sizing: border-box;
    border: 1px solid rgba(35, 65, 110, .18);
    border-radius: 22px;
    background: rgba(255, 255, 255, .83);
    box-shadow: 0 12px 34px rgba(25, 45, 80, .09);
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

.wowoderciao-start-section h2 {
    margin: 0 0 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    text-align: center;
    overflow-wrap: anywhere;
}

.wowoderciao-start-image {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 18px;
    background: #b60062;
    box-shadow: 0 9px 24px rgba(63, 13, 69, .16);
}

.wowoderciao-start-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}

.wowoderciao-start-text {
    display: grid;
    gap: 12px;
    width: 100%;
    max-width: 820px;
    margin: 48px auto 0;
    padding: 0 4px;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.55;
    font-weight: 400;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}

.wowoderciao-start-register,
.wowoderciao-start-instruction {
    display: block;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.55;
    text-align: center;
    overflow-wrap: anywhere;
}

.wowoderciao-start-register {
    font-weight: 700;
}

.wowoderciao-start-instruction {
    font-weight: 400;
}

.wowoderciao-start-text a {
    color: #b51d2b;
    font: inherit;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.wowoderciao-member-notice {
    width: 100%;
    max-width: 820px;
    margin: 18px auto 0;
    padding: 12px 14px;
    box-sizing: border-box;
    border-radius: 12px;
    background: rgba(245, 165, 35, .13);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    overflow-wrap: anywhere;
}

.wowoderciao-ad-wrap {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 26px auto 0;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}

.wowoderciao-ad {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}

.wowoderciao-ad iframe {
    max-width: 100% !important;
}

.wowoderciao-ad-mobile {
    display: none;
}

.wowoderciao-voting-section > .wowoderciao-ad-wrap,
.wowoderciao-today-section > .wowoderciao-ad-wrap {
    padding-top: 24px;
    border-top: 1px solid rgba(35, 65, 110, .13);
}

html.dark-mode .wowoderciao-start-section,
body.dark-mode .wowoderciao-start-section {
    color: #f4f4f4;
    background-color: rgba(22, 25, 32, .94);
    border-color: rgba(255, 255, 255, .16);
}

html.dark-mode .wowoderciao-start-text a,
body.dark-mode .wowoderciao-start-text a {
    color: #ff9aaa;
}

body.anbita-app .wowoderciao-ad-desktop {
    display: none !important;
}

body.anbita-app .wowoderciao-ad-mobile {
    display: block !important;
}

@media (max-width: 760px) {
    .wowoderciao-start-section {
        margin-top: 18px;
        padding: 16px 12px;
        border-radius: 17px;
        font-size: 16px;
    }

    .wowoderciao-start-section h2 {
        margin-bottom: 14px;
        font-size: 16px;
    }

    .wowoderciao-start-image {
        border-radius: 13px;
    }

    .wowoderciao-start-text {
        margin-top: 40px;
        padding: 0 2px;
        font-size: 16px;
        line-height: 1.5;
        gap: 10px;
    }

    .wowoderciao-start-register,
    .wowoderciao-start-instruction,
    .wowoderciao-member-notice {
        font-size: 16px;
    }

    .wowoderciao-ad-wrap {
        margin-top: 22px;
    }

    .wowoderciao-ad-desktop {
        display: none;
    }

    .wowoderciao-ad-mobile {
        display: block;
    }

    .wowoderciao-nav-button.is-active {
        box-shadow: 0 0 0 3px rgba(255, 255, 255, .95), 0 8px 18px rgba(35, 30, 55, .26);
    }
}

@media (max-width: 360px) {
    .wowoderciao-start-section {
        padding-right: 9px;
        padding-left: 9px;
    }

    .wowoderciao-start-text {
        font-size: 16px;
        overflow-wrap: anywhere;
    }
}

/* WoWoderCiaO!-Bildverwaltung im persönlichen Profil. */
.anbita-profile-wowoderciao-button {
    background: linear-gradient(135deg, #ff5a36, #ce1919) !important;
    border-color: #ce1919 !important;
    color: #ffffff !important;
}

.wowoderciao-profile-upload {
    width: 100%;
    margin: 22px 0 0;
    box-sizing: border-box;
    scroll-margin-top: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.wowoderciao-profile-upload .wowoderciao-section-title,
.wowoderciao-profile-upload .wowoderciao-section-title h2,
.wowoderciao-profile-upload .wowoderciao-section-title span,
.wowoderciao-profile-upload .wowoderciao-upload-form,
.wowoderciao-profile-upload .wowoderciao-upload-form label,
.wowoderciao-profile-upload .wowoderciao-upload-form input,
.wowoderciao-profile-upload .wowoderciao-upload-form button,
.wowoderciao-profile-upload .wowoderciao-upload-form p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.wowoderciao-upload-grid.is-single {
    grid-template-columns: minmax(0, 1fr);
}

body.anbita-app .wowoderciao-profile-upload {
    padding: 14px;
    border-radius: 17px;
}

body.anbita-app .wowoderciao-profile-upload .wowoderciao-upload-grid,
body.anbita-app .wowoderciao-profile-upload .wowoderciao-own-preview {
    grid-template-columns: minmax(0, 1fr);
}

body.anbita-app .wowoderciao-profile-upload .wowoderciao-own-preview img {
    width: min(210px, 100%);
    margin-inline: auto;
}

@media (max-width: 760px) {
    .wowoderciao-profile-upload {
        padding: 14px;
        border-radius: 17px;
    }
}


.wowoderciao-start-text {
    margin-top: 56px;
    gap: 14px;
}

.wowoderciao-candidate-grid,
.wowoderciao-winner-grid {
    align-items: start;
}

.wowoderciao-vote-form {
    margin: 0;
}

.wowoderciao-image-wrap {
    position: relative;
    padding-bottom: 68px;
    background: #231e25;
}

.wowoderciao-profile-link,
.wowoderciao-winner-image {
    position: relative;
    display: block;
    text-decoration: none;
    overflow: hidden;
}

.wowoderciao-profile-link img,
.wowoderciao-winner-image img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: center;
}

.wowoderciao-watermark {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
    display: inline-block;
    max-width: calc(100% - 24px);
    padding: 4px 8px;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-shadow:
        -1px -1px 0 #000,
         1px -1px 0 #000,
        -1px  1px 0 #000,
         1px  1px 0 #000,
         0 2px 4px rgba(0, 0, 0, .45);
    overflow-wrap: anywhere;
    pointer-events: none;
}

.wowoderciao-vote-controls {
    position: absolute;
    left: 50%;
    bottom: 14px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    transform: translateX(-50%);
}

.wowoderciao-vote-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border: 2px solid rgba(255, 255, 255, .9);
    border-radius: 999px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 8px 18px rgba(0, 0, 0, .22);
    font-size: 1.45rem;
    line-height: 1;
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.wowoderciao-vote-button:hover,
.wowoderciao-vote-button:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 11px 20px rgba(0, 0, 0, .28);
    filter: brightness(1.03);
}

.wowoderciao-vote-button:focus-visible {
    outline: 3px solid #231e25;
    outline-offset: 2px;
}

.wowoderciao-vote-button.is-up {
    color: #137b30;
}

.wowoderciao-vote-button.is-down {
    color: #b51d2b;
}

.wowoderciao-click-label,
.wowoderciao-winner-image > span:not(.wowoderciao-watermark) {
    display: none;
}

.wowoderciao-person-info {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 16px;
    text-align: center;
}

.wowoderciao-nickname,
.wowoderciao-winner-name {
    display: block;
    text-align: center;
}

.wowoderciao-stats {
    display: block;
    text-align: center;
    overflow-wrap: anywhere;
}

.wowoderciao-winner-card {
    padding-bottom: 16px;
}

.wowoderciao-winner-image {
    background: #231e25;
}

.wowoderciao-winner-kind {
    top: auto;
    right: auto;
    left: 12px;
    bottom: 12px;
}

@media (max-width: 760px) {
    .wowoderciao-start-text {
        margin-top: 46px;
    }

    .wowoderciao-image-wrap {
        padding-bottom: 62px;
    }

    .wowoderciao-watermark {
        top: 10px;
        right: 10px;
        font-size: 12px;
        padding: 4px 7px;
    }

    .wowoderciao-vote-controls {
        bottom: 12px;
        gap: 12px;
    }

    .wowoderciao-vote-button {
        width: 50px;
        height: 50px;
        font-size: 1.3rem;
    }
}

@media (max-width: 420px) {
    .wowoderciao-start-text {
        margin-top: 42px;
    }

    .wowoderciao-watermark {
        max-width: calc(100% - 18px);
        top: 9px;
        right: 9px;
        font-size: 11px;
    }

    .wowoderciao-vote-controls {
        gap: 10px;
    }

    .wowoderciao-vote-button {
        width: 46px;
        height: 46px;
        font-size: 1.2rem;
    }
}


.wowoderciao-candidate-grid,
.wowoderciao-winner-grid {
    grid-template-columns: repeat(2, minmax(0, 320px));
    justify-content: center;
    gap: 18px;
    width: 100%;
    max-width: 690px;
    margin-right: auto;
    margin-left: auto;
}

.wowoderciao-person-card,
.wowoderciao-winner-card {
    width: 100%;
    max-width: 320px;
    margin-right: auto;
    margin-left: auto;
}

.wowoderciao-image-wrap {
    position: relative;
    padding-bottom: 0;
    background: #231e25;
    overflow: hidden;
}

.wowoderciao-image-wrap::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    height: 88px;
    background: linear-gradient(to top, rgba(0, 0, 0, .58), rgba(0, 0, 0, 0));
    pointer-events: none;
}

.wowoderciao-profile-link img,
.wowoderciao-winner-image img {
    aspect-ratio: 3 / 4;
}

.wowoderciao-vote-controls {
    bottom: 12px;
    z-index: 5;
    gap: 12px;
}

.wowoderciao-vote-button {
    width: 50px;
    height: 50px;
    font-size: 1.3rem;
}

.wowoderciao-person-info {
    padding: 10px 12px 12px;
}

.wowoderciao-nickname,
.wowoderciao-winner-name {
    font-size: 1rem;
    line-height: 1.3;
}

.wowoderciao-winner-kind {
    display: none !important;
}

.wowoderciao-winner-card > strong {
    margin-top: 2px;
}

.wowoderciao-waiting-note {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 620px;
    margin: 6px auto 0;
    padding: 18px 16px;
    box-sizing: border-box;
    border: 1px solid rgba(35, 65, 110, .18);
    border-radius: 15px;
    background: rgba(245, 165, 35, .12);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.55;
    text-align: center;
    overflow-wrap: anywhere;
}

html.dark-mode .wowoderciao-waiting-note,
body.dark-mode .wowoderciao-waiting-note {
    color: #f4f4f4;
    border-color: rgba(255, 255, 255, .16);
    background: rgba(110, 75, 20, .35);
}

@media (max-width: 760px) {
    .wowoderciao-candidate-grid,
    .wowoderciao-winner-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        max-width: 620px;
    }

    .wowoderciao-person-card,
    .wowoderciao-winner-card {
        max-width: 300px;
    }

    .wowoderciao-vote-controls {
        bottom: 9px;
        gap: 8px;
    }

    .wowoderciao-vote-button {
        width: 44px;
        height: 44px;
        font-size: 1.15rem;
    }

    .wowoderciao-image-wrap::after {
        height: 72px;
    }

    .wowoderciao-person-info {
        padding: 8px 6px 10px;
    }

    .wowoderciao-nickname,
    .wowoderciao-winner-name {
        font-size: .92rem;
    }

    .wowoderciao-waiting-note {
        padding: 15px 12px;
        font-size: 15px;
    }
}

@media (max-width: 420px) {
    .wowoderciao-candidate-grid,
    .wowoderciao-winner-grid {
        gap: 8px;
    }

    .wowoderciao-vote-controls {
        gap: 6px;
    }

    .wowoderciao-vote-button {
        width: 40px;
        height: 40px;
        font-size: 1rem;
        border-width: 1px;
    }

    .wowoderciao-watermark {
        top: 7px;
        right: 7px;
        padding: 3px 5px;
        font-size: 10px;
    }

    .wowoderciao-nickname,
    .wowoderciao-winner-name {
        font-size: .84rem;
    }
}


.wowoderciao-winner-image .wowoderciao-watermark {
    top: 12px !important;
    right: 12px !important;
    bottom: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    max-width: calc(100% - 24px) !important;
    padding: 4px 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-shadow:
        -1px -1px 0 #000,
         1px -1px 0 #000,
        -1px  1px 0 #000,
         1px  1px 0 #000,
         0 2px 4px rgba(0, 0, 0, .45) !important;
}

.wowoderciao-image-wrap::after {
    display: none !important;
    content: none !important;
    background: none !important;
}

.wowoderciao-vote-button,
.wowoderciao-vote-button:hover,
.wowoderciao-vote-button:focus-visible {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
}

.wowoderciao-vote-button {
    text-shadow: 0 2px 5px rgba(0, 0, 0, .55);
}

.wowoderciao-winner-card > strong {
    display: none !important;
}

@media (max-width: 760px) {
    .wowoderciao-winner-image .wowoderciao-watermark {
        top: 10px !important;
        right: 10px !important;
        max-width: calc(100% - 20px) !important;
        padding: 4px 7px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 420px) {
    .wowoderciao-winner-image .wowoderciao-watermark {
        top: 7px !important;
        right: 7px !important;
        max-width: calc(100% - 14px) !important;
        padding: 3px 5px !important;
        font-size: 10px !important;
    }
}


.wowoderciao-winner-grid {
    align-items: stretch;
}

.wowoderciao-winner-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 320px;
    min-height: 0;
    padding: 0;
    overflow: hidden;
}

.wowoderciao-winner-image {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    flex: 0 0 auto;
    background: #252832;
    overflow: hidden;
}

.wowoderciao-winner-image img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    object-fit: cover;
    object-position: center;
}

.wowoderciao-winner-placeholder {
    display: grid;
    place-items: center;
    border: 0;
    background: rgba(70, 74, 86, .45);
}

.wowoderciao-placeholder-symbol {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
    font-size: clamp(2.4rem, 7vw, 4rem) !important;
    line-height: 1 !important;
    text-shadow: none !important;
}

.wowoderciao-winner-meta {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
    min-height: 104px;
    padding: 14px 14px 16px;
    box-sizing: border-box;
    text-align: center;
}

.wowoderciao-winner-meta-empty {
    visibility: hidden;
}

.wowoderciao-winner-name {
    margin: 0;
    font-size: 1rem;
    line-height: 1.35;
    text-align: center;
    overflow-wrap: anywhere;
}

.wowoderciao-winner-results {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    width: 100%;
    margin: 0;
}

.wowoderciao-result {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 70px;
    padding: 8px 12px;
    box-sizing: border-box;
    border-radius: 999px;
    background: rgba(40, 46, 60, .09);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1;
}

.wowoderciao-result > span {
    font-size: 1.25rem;
    line-height: 1;
}

.wowoderciao-result strong {
    font-size: 1rem;
    line-height: 1;
}

html.dark-mode .wowoderciao-result,
body.dark-mode .wowoderciao-result {
    background: rgba(255, 255, 255, .10);
}

@media (max-width: 760px) {
    .wowoderciao-winner-meta {
        gap: 10px;
        min-height: 92px;
        padding: 11px 8px 13px;
    }

    .wowoderciao-winner-results {
        gap: 12px;
    }

    .wowoderciao-result {
        gap: 6px;
        min-width: 58px;
        padding: 7px 9px;
        font-size: .92rem;
    }

    .wowoderciao-result > span {
        font-size: 1.1rem;
    }

    .wowoderciao-result strong {
        font-size: .92rem;
    }
}

@media (max-width: 420px) {
    .wowoderciao-winner-meta {
        min-height: 86px;
        padding: 9px 5px 11px;
    }

    .wowoderciao-winner-results {
        gap: 7px;
    }

    .wowoderciao-result {
        gap: 4px;
        min-width: 50px;
        padding: 6px 7px;
    }
}

.wowoderciao-winner-placeholder {
    cursor: default;
}


/* WoWoderCiaO! 171: eigenständige Seite */
:root{--wow-bg:#fff5fa;--wow-panel:#fff;--wow-text:#251525;--wow-muted:#6c5968;--wow-border:#ead5e1;--wow-primary:#d7165f;--wow-primary-dark:#9b0e42;--wow-nav:#33162d;--wow-shadow:0 14px 40px rgba(67,18,50,.13)}
*{box-sizing:border-box}
html{min-height:100%;background:var(--wow-bg);scroll-behavior:smooth}
body.wowoderciao-standalone{min-height:100vh;margin:0;background:linear-gradient(145deg,#fff8fb 0%,#fff2f7 45%,#f7efff 100%);color:var(--wow-text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:#9b0e42}
button,input,textarea,select{font:inherit}
.wowoderciao-skip{position:fixed;left:12px;top:-60px;z-index:10000;background:#fff;color:#111;padding:10px 14px;border-radius:8px}.wowoderciao-skip:focus{top:12px}
.wowoderciao-site-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px max(14px,env(safe-area-inset-left)) 10px max(14px,env(safe-area-inset-right));background:rgba(51,22,45,.97);color:#fff;box-shadow:0 4px 18px rgba(0,0,0,.18)}
.wowoderciao-brand{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:clamp(1.05rem,3vw,1.45rem);white-space:nowrap}.wowoderciao-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--wow-primary)}
.wowoderciao-site-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.wowoderciao-site-actions a,.wowoderciao-site-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 11px;border:1px solid rgba(255,255,255,.3);border-radius:9px;background:transparent;color:#fff;text-decoration:none;cursor:pointer}.wowoderciao-site-actions form{margin:0}.wowoderciao-site-actions a:hover,.wowoderciao-site-actions button:hover{background:#fff;color:var(--wow-nav)}
.wowoderciao-main-nav{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:#fff;border-bottom:1px solid var(--wow-border);box-shadow:0 3px 12px rgba(67,18,50,.06)}.wowoderciao-main-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:999px;color:var(--wow-nav);text-decoration:none;font-weight:700}.wowoderciao-main-nav a:hover,.wowoderciao-main-nav a.is-active{background:var(--wow-primary);color:#fff}
.wowoderciao-site-main{width:min(1220px,100%);margin:0 auto;padding:18px max(12px,env(safe-area-inset-left)) 28px max(12px,env(safe-area-inset-right))}.wowoderciao-page{width:100%;margin:0}.wowoderciao-card{overflow:hidden;width:100%;margin:0;background:var(--wow-panel);border:1px solid var(--wow-border);border-radius:18px;box-shadow:var(--wow-shadow)}
.wowoderciao-header-banner{margin:0}.wowoderciao-header-banner img{display:block;width:100%;height:auto;max-height:none;object-fit:cover}
.wowoderciao-start-section,.wowoderciao-voting-section,.wowoderciao-today-section{padding:clamp(16px,3vw,32px)}
.wowoderciao-simple-page{padding:4px 0}.wowoderciao-simple-card{width:min(920px,100%);margin:0 auto;padding:clamp(18px,4vw,38px);background:var(--wow-panel);border:1px solid var(--wow-border);border-radius:18px;box-shadow:var(--wow-shadow)}.wowoderciao-simple-card h1{margin:0 0 18px;font-size:clamp(1.65rem,4vw,2.35rem)}.wowoderciao-simple-card h2{margin:26px 0 8px;font-size:1.2rem}.wowoderciao-simple-card p{margin:0 0 14px}
.wowoderciao-legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wowoderciao-legal-grid section,.wowoderciao-legal-page article>section{padding:16px;border:1px solid var(--wow-border);border-radius:12px;background:#fffafd}.wowoderciao-legal-grid section h2,.wowoderciao-legal-page article>section h2{margin:0 0 8px}.wowoderciao-legal-date{margin-top:22px!important;color:var(--wow-muted);font-size:.92rem}
.wowoderciao-form{display:grid;gap:15px;margin-top:20px}.wowoderciao-form label,.wowoderciao-upload-form label{display:grid;gap:6px;font-weight:700}.wowoderciao-form input,.wowoderciao-upload-form input[type=file]{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cdb7c5;border-radius:10px;background:#fff;color:#241520}.wowoderciao-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.wowoderciao-form-actions button,.wowoderciao-upload-form button,.wowoderciao-big-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;border:1px solid var(--wow-primary);border-radius:10px;background:#fff;color:var(--wow-primary-dark);font-weight:700;text-decoration:none;cursor:pointer}.wowoderciao-form-actions .is-primary,.wowoderciao-upload-form .is-primary,.wowoderciao-big-button{background:var(--wow-primary);color:#fff}.wowoderciao-link-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}.wowoderciao-small-note{margin-top:18px!important;color:var(--wow-muted);font-size:.92rem}
.wowoderciao-site-footer{padding:22px max(12px,env(safe-area-inset-left)) calc(22px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right));background:var(--wow-nav);color:#fff;text-align:center}.wowoderciao-site-footer nav{display:flex;align-items:center;justify-content:center;gap:10px 18px;flex-wrap:wrap}.wowoderciao-site-footer a{color:#fff}.wowoderciao-site-footer p{margin:14px 0 0;color:#eaddea;font-size:.9rem}
.wowoderciao-cookie-panel{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:9999;width:min(410px,calc(100vw - 28px));padding:18px 18px 16px;background:#fff;color:#251525;border:1px solid var(--wow-border);border-radius:16px;box-shadow:0 18px 60px rgba(30,7,24,.28)}.wowoderciao-cookie-panel[hidden]{display:none}.wowoderciao-cookie-panel strong{display:block;padding-right:28px;font-size:1.15rem}.wowoderciao-cookie-panel p{margin:8px 0 14px}.wowoderciao-cookie-close{position:absolute;right:10px;top:8px;width:32px;height:32px;border:0;border-radius:50%;background:#f4e7ef;font-size:1.35rem;cursor:pointer}.wowoderciao-cookie-actions{display:flex;gap:8px;flex-wrap:wrap}.wowoderciao-cookie-actions button,.wowoderciao-cookie-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 11px;border:1px solid var(--wow-primary);border-radius:9px;background:#fff;color:var(--wow-primary-dark);font-weight:700;text-decoration:none;cursor:pointer}.wowoderciao-cookie-actions .is-primary{background:var(--wow-primary);color:#fff}
.wowoderciao-cookie-settings{display:grid;gap:14px}.wowoderciao-cookie-settings>section{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--wow-border);border-radius:12px}.wowoderciao-cookie-settings h2{margin:0 0 5px}.wowoderciao-switch{display:flex;align-items:center;gap:8px;white-space:nowrap}.wowoderciao-switch input{width:22px;height:22px}.wowoderciao-table-wrap{overflow:auto}.wowoderciao-table-wrap table{width:100%;border-collapse:collapse}.wowoderciao-table-wrap th,.wowoderciao-table-wrap td{padding:10px;border:1px solid var(--wow-border);text-align:left;vertical-align:top}
.wowoderciao-ad-wrap{display:grid;place-items:center;min-height:120px;margin:24px auto 0}.wowoderciao-ad-wrap iframe{display:block;max-width:100%;border:0}.wowoderciao-external-placeholder{display:grid;gap:5px;place-items:center;width:min(730px,100%);min-height:110px;padding:15px;border:1px dashed #cdb7c5;border-radius:12px;background:#fffafd;text-align:center}.wowoderciao-external-placeholder span{color:var(--wow-muted)}
.wowoderciao-upload-section .wowoderciao-upload-grid{margin-top:18px}.wowoderciao-app-card{text-align:center}.wowoderciao-big-button{margin-top:8px}
@media (max-width:720px){.wowoderciao-site-header{position:relative;align-items:flex-start;flex-direction:column}.wowoderciao-site-actions{width:100%;justify-content:flex-start}.wowoderciao-main-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:9px 10px}.wowoderciao-main-nav a{flex:0 0 auto;min-height:36px;padding:7px 12px}.wowoderciao-site-main{padding-top:12px}.wowoderciao-card,.wowoderciao-simple-card{border-radius:13px}.wowoderciao-start-section,.wowoderciao-voting-section,.wowoderciao-today-section{padding:14px}.wowoderciao-legal-grid{grid-template-columns:1fr}.wowoderciao-cookie-settings>section{flex-direction:column}.wowoderciao-cookie-panel{right:10px;bottom:10px;width:calc(100vw - 20px)}.wowoderciao-site-footer nav{align-items:flex-start;flex-direction:column}.wowoderciao-site-footer{text-align:left}}
@media (prefers-color-scheme:dark){:root{--wow-bg:#0d0910;--wow-panel:#17111a;--wow-text:#f7edf5;--wow-muted:#cbb9c7;--wow-border:#3d2b38;--wow-nav:#160d15;--wow-shadow:0 16px 44px rgba(0,0,0,.38)}html{background:var(--wow-bg)}body.wowoderciao-standalone{background:linear-gradient(145deg,#110b13,#1d101a 55%,#14101e)}.wowoderciao-main-nav{background:#181018}.wowoderciao-main-nav a{color:#f7edf5}.wowoderciao-legal-grid section,.wowoderciao-legal-page article>section,.wowoderciao-external-placeholder{background:#1d151e}.wowoderciao-form input,.wowoderciao-upload-form input[type=file]{background:#100b12;color:#fff;border-color:#5c4053}.wowoderciao-cookie-panel{background:#1b131c;color:#fff}.wowoderciao-cookie-close{background:#392837;color:#fff}.wowoderciao-cookie-actions button,.wowoderciao-cookie-actions a,.wowoderciao-form-actions button{background:#20151f;color:#ffb1cf}.wowoderciao-table-wrap th,.wowoderciao-table-wrap td{border-color:#4a3444}}

/* WoWoderCiaO! Standalone 172: Registrierung und eigenständige Profilseite. */
.wowoderciao-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wowoderciao-form-grid .is-wide{grid-column:1/-1}.wowoderciao-form select,.wowoderciao-form textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cdb7c5;border-radius:10px;background:#fff;color:#241520;font:inherit}.wowoderciao-check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;font-weight:400!important}.wowoderciao-check input{flex:0 0 auto;width:18px!important;min-height:18px!important;margin-top:2px;padding:0!important}.wowoderciao-auth-subsection{margin-top:30px;padding-top:22px;border-top:1px solid var(--wow-border)}.wowoderciao-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.wowoderciao-public-profile{text-align:center}.wowoderciao-public-profile-image{display:block;width:min(420px,100%);max-height:560px;object-fit:cover;margin:18px auto;border-radius:16px;border:1px solid var(--wow-border)}
@media(max-width:720px){.wowoderciao-form-grid{grid-template-columns:1fr}.wowoderciao-form-grid .is-wide{grid-column:auto}}
@media(prefers-color-scheme:dark){.wowoderciao-form select,.wowoderciao-form textarea{background:#100b12;color:#fff;border-color:#5c4053}}


/* WoWoderCiaO! 175: Symbolleiste, globales Headerbild und angemeldete Navigation. */
.wowoderciao-site-header {
    position: sticky;
    top: 0;
    align-items: center;
    flex-direction: row;
    padding-top: 9px;
    padding-bottom: 9px;
}
.wowoderciao-site-tools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex-wrap: wrap;
}
.wowoderciao-site-tools form { margin: 0; }
.wowoderciao-site-tools button,
.wowoderciao-site-tools a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.38);
    border-radius: 9px;
    background: transparent;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}
.wowoderciao-site-tools button:hover,
.wowoderciao-site-tools button[aria-pressed="true"],
.wowoderciao-site-tools a:hover {
    background: #fff;
    color: var(--wow-nav);
}
.wowoderciao-site-hero {
    width: min(1200px, calc(100% - 24px));
    margin: 20px auto 0;
    overflow: hidden;
    border: 1px solid var(--wow-border);
    border-radius: 16px;
    background: var(--wow-panel);
    box-shadow: var(--wow-shadow);
}
.wowoderciao-site-hero a,
.wowoderciao-site-hero img {
    display: block;
    width: 100%;
}
.wowoderciao-site-hero img { height: auto; }
.wowoderciao-main-nav {
    position: relative;
    width: min(1200px, calc(100% - 24px));
    margin: 18px auto 0;
    border: 1px solid var(--wow-border);
    border-radius: 14px;
    box-shadow: 0 5px 18px rgba(67,18,50,.08);
}
.wowoderciao-login-menu { position: relative; }
.wowoderciao-login-menu summary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 999px;
    color: var(--wow-nav);
    font-weight: 700;
    list-style: none;
    cursor: pointer;
}
.wowoderciao-login-menu summary::-webkit-details-marker { display: none; }
.wowoderciao-login-menu summary::after {
    content: "▾";
    margin-left: 7px;
    font-size: .78em;
}
.wowoderciao-login-menu[open] summary,
.wowoderciao-login-menu summary:hover {
    background: var(--wow-primary);
    color: #fff;
}
.wowoderciao-login-menu-list {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    z-index: 1200;
    display: grid;
    min-width: 170px;
    padding: 8px;
    transform: translateX(-50%);
    border: 1px solid var(--wow-border);
    border-radius: 12px;
    background: var(--wow-panel);
    box-shadow: 0 14px 35px rgba(45,13,35,.22);
}
.wowoderciao-login-menu-list a {
    justify-content: flex-start;
    width: 100%;
    border-radius: 8px;
}
.wowoderciao-site-main { padding-top: 20px; }
.wowoderciao-card { overflow: visible; }
.wowoderciao-cookie-always {
    flex: 0 0 auto;
    padding: 7px 11px;
    border-radius: 999px;
    background: var(--wow-primary);
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
}

html[data-wow-theme="light"] {
    --wow-bg:#fff5fa;
    --wow-panel:#fff;
    --wow-text:#251525;
    --wow-muted:#6c5968;
    --wow-border:#ead5e1;
    --wow-nav:#33162d;
    --wow-shadow:0 14px 40px rgba(67,18,50,.13);
    background:var(--wow-bg);
}
html[data-wow-theme="light"] body.wowoderciao-standalone {
    background:linear-gradient(145deg,#fff8fb 0%,#fff2f7 45%,#f7efff 100%);
    color:var(--wow-text);
}
html[data-wow-theme="light"] .wowoderciao-main-nav { background:#fff; }
html[data-wow-theme="light"] .wowoderciao-main-nav a,
html[data-wow-theme="light"] .wowoderciao-login-menu summary { color:var(--wow-nav); }
html[data-wow-theme="light"] .wowoderciao-legal-grid section,
html[data-wow-theme="light"] .wowoderciao-legal-page article > section { background:#fffafd; }
html[data-wow-theme="light"] .wowoderciao-form input,
html[data-wow-theme="light"] .wowoderciao-form select,
html[data-wow-theme="light"] .wowoderciao-form textarea,
html[data-wow-theme="light"] .wowoderciao-upload-form input[type="file"] {
    background:#fff;
    color:#241520;
    border-color:#cdb7c5;
}

html[data-wow-theme="dark"] {
    --wow-bg:#0d0910;
    --wow-panel:#17111a;
    --wow-text:#f7edf5;
    --wow-muted:#cbb9c7;
    --wow-border:#3d2b38;
    --wow-nav:#160d15;
    --wow-shadow:0 16px 44px rgba(0,0,0,.38);
    background:var(--wow-bg);
}
html[data-wow-theme="dark"] body.wowoderciao-standalone {
    background:linear-gradient(145deg,#110b13,#1d101a 55%,#14101e);
    color:var(--wow-text);
}
html[data-wow-theme="dark"] .wowoderciao-main-nav { background:#181018; }
html[data-wow-theme="dark"] .wowoderciao-main-nav a,
html[data-wow-theme="dark"] .wowoderciao-login-menu summary { color:#f7edf5; }
html[data-wow-theme="dark"] .wowoderciao-login-menu-list,
html[data-wow-theme="dark"] .wowoderciao-legal-grid section,
html[data-wow-theme="dark"] .wowoderciao-legal-page article > section { background:#1d151e; }
html[data-wow-theme="dark"] .wowoderciao-form input,
html[data-wow-theme="dark"] .wowoderciao-form select,
html[data-wow-theme="dark"] .wowoderciao-form textarea,
html[data-wow-theme="dark"] .wowoderciao-upload-form input[type="file"] {
    background:#100b12;
    color:#fff;
    border-color:#5c4053;
}

@media (max-width: 720px) {
    .wowoderciao-site-header {
        position: sticky;
        align-items: center;
        flex-direction: row;
        gap: 10px;
    }
    .wowoderciao-brand strong { display: none; }
    .wowoderciao-site-tools {
        width: auto;
        margin-left: auto;
        flex-wrap: nowrap;
        gap: 5px;
    }
    .wowoderciao-site-tools button,
    .wowoderciao-site-tools a {
        width: 34px;
        height: 34px;
        font-size: .88rem;
    }
    .wowoderciao-site-hero {
        width: calc(100% - 20px);
        margin-top: 14px;
        border-radius: 12px;
    }
    .wowoderciao-main-nav {
        justify-content: center;
        width: calc(100% - 20px);
        margin-top: 14px;
        overflow: visible;
        padding: 9px;
    }
    .wowoderciao-main-nav a,
    .wowoderciao-login-menu summary {
        min-height: 36px;
        padding: 7px 11px;
    }
    .wowoderciao-login-menu-list {
        left: auto;
        right: 0;
        transform: none;
    }
    .wowoderciao-site-main { padding-top: 14px; }
}

@media (max-width: 390px) {
    .wowoderciao-site-header { padding-left: 8px; padding-right: 8px; }
    .wowoderciao-brand-mark { width: 30px; height: 30px; }
    .wowoderciao-site-tools button,
    .wowoderciao-site-tools a { width: 31px; height: 31px; font-size: .8rem; }
}

/* WoWoderCiaO! 176: ein Hell/Dunkel-Schalter, App-Text und zentrale ANBITA-Anmeldung. */
.wowoderciao-site-tools .wowoderciao-app-link {
    width: auto;
    min-width: 48px;
    padding: 0 11px;
}
.wowoderciao-main-nav {
    justify-content: flex-start;
}
.wowoderciao-auth-card {
    width: min(980px, 100%);
}
.wowoderciao-login-section > h1,
.wowoderciao-register-section > h2,
.wowoderciao-auth-subsection > h2 {
    scroll-margin-top: 90px;
}
.wowoderciao-register-section {
    margin-top: 34px;
    padding-top: 28px;
}
.wowoderciao-register-section > h2 {
    margin-top: 0;
    font-size: clamp(1.45rem, 3vw, 2rem);
}

@media (max-width: 720px) {
    .wowoderciao-site-tools .wowoderciao-app-link {
        width: auto;
        min-width: 43px;
        padding: 0 8px;
    }
    .wowoderciao-main-nav {
        justify-content: flex-start;
    }
}

/* WoWoderCiaO! 177: kompakte Registrierung, Live-Prüfungen, Captcha und Bot-Falle. */
.wowoderciao-register-section > p {
    max-width: 720px;
    margin-bottom: 12px;
}

.wowoderciao-register-form {
    gap: 12px;
    margin-top: 16px;
}

.wowoderciao-register-form .wowoderciao-form-grid {
    gap: 12px;
}

.wowoderciao-password-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.wowoderciao-password-row label {
    min-width: 0;
}

.wowoderciao-password-strength {
    display: grid;
    gap: 5px;
    margin-top: -3px;
}

.wowoderciao-password-strength-bar {
    display: block;
    width: 100%;
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(91, 72, 86, .18);
}

.wowoderciao-password-strength-bar i {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: #a9a9a9;
    transition: width .2s ease, background-color .2s ease;
}

.wowoderciao-password-strength[data-strength="1"] .wowoderciao-password-strength-bar i {
    width: 25%;
    background: #c62828;
}

.wowoderciao-password-strength[data-strength="2"] .wowoderciao-password-strength-bar i {
    width: 50%;
    background: #e68a00;
}

.wowoderciao-password-strength[data-strength="3"] .wowoderciao-password-strength-bar i {
    width: 75%;
    background: #6f9c1c;
}

.wowoderciao-password-strength[data-strength="4"] .wowoderciao-password-strength-bar i {
    width: 100%;
    background: #198754;
}

.wowoderciao-password-strength small,
.wowoderciao-field-status {
    color: var(--wow-muted);
    font-size: .84rem;
    font-weight: 400;
    line-height: 1.35;
}

.wowoderciao-field-status {
    display: block;
    min-height: 1.15em;
}

.wowoderciao-field-status.is-checking {
    color: #766414;
}

.wowoderciao-field-status.is-success {
    color: #16733f;
}

.wowoderciao-field-status.is-error {
    color: #b42318;
}

.wowoderciao-captcha-row {
    display: flex;
    align-items: flex-start;
}

.wowoderciao-captcha-label {
    width: auto;
    max-width: 250px;
}

.wowoderciao-form .wowoderciao-captcha-input {
    width: 118px;
    max-width: 100%;
}

.wowoderciao-bot-field {
    position: fixed !important;
    top: -10000px !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

.wowoderciao-register-actions {
    gap: 10px;
    margin-top: 4px;
}

.wowoderciao-form-actions .wowoderciao-register-submit,
.wowoderciao-form-actions .wowoderciao-back-button {
    width: auto;
    min-width: 0;
    max-width: 180px;
    min-height: 40px;
    padding: 8px 14px;
    border-radius: 9px;
    line-height: 1.15;
    white-space: nowrap;
}

.wowoderciao-form-actions .wowoderciao-register-submit {
    border-color: #aaa2a8;
    background: #ece9eb;
    color: #655d63;
}

.wowoderciao-form-actions .wowoderciao-register-submit:disabled {
    cursor: not-allowed;
    opacity: .88;
}

.wowoderciao-form-actions .wowoderciao-register-submit.is-ready,
.wowoderciao-form-actions .wowoderciao-register-submit.is-ready:hover,
.wowoderciao-form-actions .wowoderciao-register-submit.is-ready:focus-visible {
    border-color: #198754;
    background: #198754;
    color: #fff;
    cursor: pointer;
    opacity: 1;
}

.wowoderciao-form-actions .wowoderciao-back-button,
.wowoderciao-form-actions .wowoderciao-back-button:hover,
.wowoderciao-form-actions .wowoderciao-back-button:focus-visible {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d6b900;
    background: #ffd600;
    color: #111;
    font-weight: 700;
    text-decoration: none;
}

html[data-wow-theme="dark"] .wowoderciao-field-status.is-checking,
body.dark-mode .wowoderciao-field-status.is-checking {
    color: #f1dc6d;
}

html[data-wow-theme="dark"] .wowoderciao-field-status.is-success,
body.dark-mode .wowoderciao-field-status.is-success {
    color: #78d6a1;
}

html[data-wow-theme="dark"] .wowoderciao-field-status.is-error,
body.dark-mode .wowoderciao-field-status.is-error {
    color: #ff9b94;
}

html[data-wow-theme="dark"] .wowoderciao-form-actions .wowoderciao-register-submit,
body.dark-mode .wowoderciao-form-actions .wowoderciao-register-submit {
    border-color: #61575f;
    background: #2b252a;
    color: #c9c0c6;
}

html[data-wow-theme="dark"] .wowoderciao-form-actions .wowoderciao-register-submit.is-ready,
body.dark-mode .wowoderciao-form-actions .wowoderciao-register-submit.is-ready {
    border-color: #24935e;
    background: #198754;
    color: #fff;
}

html[data-wow-theme="dark"] .wowoderciao-form-actions .wowoderciao-back-button,
body.dark-mode .wowoderciao-form-actions .wowoderciao-back-button {
    border-color: #e1c100;
    background: #ffd600;
    color: #111;
}

@media (max-width: 720px) {
    .wowoderciao-auth-card {
        padding: 17px 14px 20px;
    }

    .wowoderciao-register-section {
        margin-top: 26px;
        padding-top: 22px;
    }

    .wowoderciao-register-form,
    .wowoderciao-register-form .wowoderciao-form-grid {
        gap: 10px;
    }

    .wowoderciao-register-form .wowoderciao-form-grid {
        grid-template-columns: 1fr;
    }

    .wowoderciao-register-form .wowoderciao-form-grid .is-wide {
        grid-column: auto;
    }

    .wowoderciao-register-form input,
    .wowoderciao-register-form select {
        min-height: 43px;
        padding: 9px 10px;
    }

    .wowoderciao-password-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .wowoderciao-password-row label {
        font-size: .9rem;
        line-height: 1.3;
    }

    .wowoderciao-form .wowoderciao-captcha-input {
        width: 105px;
    }

    .wowoderciao-register-actions {
        flex-wrap: nowrap;
    }
}

@media (max-width: 390px) {
    .wowoderciao-auth-card {
        padding-right: 11px;
        padding-left: 11px;
    }

    .wowoderciao-password-row {
        gap: 6px;
    }

    .wowoderciao-password-row label {
        font-size: .8rem;
    }

    .wowoderciao-password-row input {
        padding-right: 7px !important;
        padding-left: 7px !important;
        font-size: .92rem;
    }

    .wowoderciao-form-actions .wowoderciao-register-submit,
    .wowoderciao-form-actions .wowoderciao-back-button {
        min-height: 38px;
        padding: 7px 12px;
        font-size: .92rem;
    }
}


/* WoWoderCiaO! 178: Passwort-zurücksetzen-Fenster für Anmeldung und Registrierung. */
.wowoderciao-text-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-height: 38px;
    padding: 7px 4px;
    border: 0;
    background: transparent;
    color: var(--wow-primary);
    font: inherit;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

.wowoderciao-text-button:hover,
.wowoderciao-text-button:focus-visible {
    background: transparent;
    color: var(--wow-primary-dark);
}


body.wowoderciao-modal-open {
    overflow: hidden;
}

.wowoderciao-modal[hidden] {
    display: none !important;
}

.wowoderciao-modal {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.wowoderciao-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(18, 8, 16, .72);
    backdrop-filter: blur(3px);
}

.wowoderciao-modal-card {
    position: relative;
    z-index: 1;
    width: min(480px, 100%);
    max-height: min(680px, calc(100dvh - 36px));
    overflow-y: auto;
    padding: 26px 24px 24px;
    border: 1px solid var(--wow-border);
    border-radius: 16px;
    background: var(--wow-panel);
    color: var(--wow-text);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .38);
}

.wowoderciao-modal-card h2 {
    margin: 0 42px 8px 0;
    font-size: clamp(1.35rem, 4vw, 1.8rem);
}

.wowoderciao-modal-card > p {
    margin: 0 0 16px;
    color: var(--wow-muted);
    line-height: 1.5;
}

.wowoderciao-modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid var(--wow-border);
    border-radius: 50%;
    background: var(--wow-panel);
    color: var(--wow-text);
    font-size: 1.55rem;
    line-height: 1;
    cursor: pointer;
}

.wowoderciao-password-reset-form {
    gap: 13px;
    margin-top: 14px;
}

.wowoderciao-password-reset-actions {
    flex-wrap: nowrap;
    gap: 10px;
}

.wowoderciao-password-reset-actions button {
    width: auto;
    min-width: 94px;
    min-height: 40px;
    padding: 8px 15px;
}

.wowoderciao-password-reset-actions .wowoderciao-back-button {
    border: 1px solid #d6b900;
    background: #ffd600;
    color: #111;
    font-weight: 700;
}

html[data-wow-theme="dark"] .wowoderciao-modal-card,
html[data-wow-theme="dark"] .wowoderciao-modal-close {
    background: #1d151e;
    color: #fff;
}

@media (max-width: 520px) {
    .wowoderciao-modal {
        align-items: flex-start;
        padding: max(12px, env(safe-area-inset-top)) 10px max(12px, env(safe-area-inset-bottom));
    }

    .wowoderciao-modal-card {
        width: 100%;
        max-height: calc(100dvh - 24px);
        margin-top: 0;
        padding: 22px 15px 18px;
        border-radius: 13px;
    }

    .wowoderciao-modal-card h2 {
        margin-right: 38px;
    }

    .wowoderciao-modal-close {
        top: 9px;
        right: 9px;
        width: 34px;
        height: 34px;
    }

    .wowoderciao-password-reset-form input {
        min-height: 43px;
    }

    .wowoderciao-password-reset-actions button {
        min-width: 0;
        min-height: 39px;
        padding: 8px 13px;
    }
}


/* WoWoderCiaO! 179: kompakte gleich hohe Formularfelder und kurze Startbeschreibung. */
.wowoderciao-auth-card,
.wowoderciao-auth-card input,
.wowoderciao-auth-card select,
.wowoderciao-auth-card button,
.wowoderciao-auth-card a,
.wowoderciao-modal-card,
.wowoderciao-modal-card input,
.wowoderciao-modal-card button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.wowoderciao-login-section .wowoderciao-form {
    width: min(500px, 100%);
}

.wowoderciao-register-form {
    width: min(660px, 100%);
}

.wowoderciao-register-form .wowoderciao-form-grid {
    grid-template-columns: repeat(2, minmax(0, 320px));
    justify-content: start;
    align-items: start;
}

.wowoderciao-register-form .wowoderciao-form-grid .is-wide {
    grid-column: auto;
}

.wowoderciao-login-section .wowoderciao-form label,
.wowoderciao-register-form label,
.wowoderciao-password-reset-form label {
    min-width: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.wowoderciao-login-section .wowoderciao-form input:not([type="hidden"]):not([type="checkbox"]),
.wowoderciao-register-form input:not([type="hidden"]):not([type="checkbox"]),
.wowoderciao-register-form select,
.wowoderciao-password-reset-form input:not([type="hidden"]):not([type="checkbox"]) {
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    padding: 9px 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.2;
}

.wowoderciao-password-reset-form {
    width: min(420px, 100%);
}

.wowoderciao-form .wowoderciao-captcha-input {
    width: 110px;
    max-width: 110px;
}

html[data-wow-theme="light"] .wowoderciao-auth-card,
html[data-wow-theme="light"] .wowoderciao-auth-card h1,
html[data-wow-theme="light"] .wowoderciao-auth-card h2,
html[data-wow-theme="light"] .wowoderciao-auth-card p,
html[data-wow-theme="light"] .wowoderciao-auth-card label,
html[data-wow-theme="light"] .wowoderciao-modal-card,
html[data-wow-theme="light"] .wowoderciao-modal-card h2,
html[data-wow-theme="light"] .wowoderciao-modal-card p,
html[data-wow-theme="light"] .wowoderciao-modal-card label {
    color: #000;
}

html[data-wow-theme="light"] .wowoderciao-auth-card input,
html[data-wow-theme="light"] .wowoderciao-auth-card select,
html[data-wow-theme="light"] .wowoderciao-modal-card input {
    color: #000;
}

html[data-wow-theme="dark"] .wowoderciao-auth-card,
html[data-wow-theme="dark"] .wowoderciao-auth-card h1,
html[data-wow-theme="dark"] .wowoderciao-auth-card h2,
html[data-wow-theme="dark"] .wowoderciao-auth-card p,
html[data-wow-theme="dark"] .wowoderciao-auth-card label,
html[data-wow-theme="dark"] .wowoderciao-modal-card,
html[data-wow-theme="dark"] .wowoderciao-modal-card h2,
html[data-wow-theme="dark"] .wowoderciao-modal-card p,
html[data-wow-theme="dark"] .wowoderciao-modal-card label {
    color: #fff;
}

html[data-wow-theme="dark"] .wowoderciao-auth-card input,
html[data-wow-theme="dark"] .wowoderciao-auth-card select,
html[data-wow-theme="dark"] .wowoderciao-modal-card input {
    color: #fff;
}

.wowoderciao-start-section h2 {
    margin-bottom: 7px;
}

.wowoderciao-start-description {
    max-width: 760px;
    margin: 0 auto 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.45;
    text-align: center;
}

@media (max-width: 720px) {
    .wowoderciao-login-section .wowoderciao-form,
    .wowoderciao-register-form,
    .wowoderciao-password-reset-form {
        width: 100%;
    }

    .wowoderciao-register-form .wowoderciao-form-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .wowoderciao-login-section .wowoderciao-form input:not([type="hidden"]):not([type="checkbox"]),
    .wowoderciao-register-form input:not([type="hidden"]):not([type="checkbox"]),
    .wowoderciao-register-form select,
    .wowoderciao-password-reset-form input:not([type="hidden"]):not([type="checkbox"]) {
        height: 43px;
        min-height: 43px;
        max-height: 43px;
        padding: 8px 10px;
    }

    .wowoderciao-start-description {
        margin-bottom: 12px;
        padding: 0 2px;
    }
}

/* WoWoderCiaO! 180: App-Hinweis über der Werbung. */
.wowoderciao-app-ad-note {
    width: min(730px, 100%);
    margin: 0 0 10px;
    padding: 0 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    color: var(--wow-text);
}

.wowoderciao-app-ad-note a {
    color: var(--wow-accent);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.wowoderciao-app-ad-note a:hover,
.wowoderciao-app-ad-note a:focus-visible {
    text-decoration-thickness: 2px;
}

html[data-wow-theme="light"] .wowoderciao-app-ad-note {
    color: #000;
}

html[data-wow-theme="dark"] .wowoderciao-app-ad-note {
    color: #fff;
}

@media (max-width: 600px) {
    .wowoderciao-app-ad-note {
        margin-bottom: 8px;
        padding-inline: 4px;
    }
}

/* WoWoderCiaO! 181: drei Profilbilder, Profilaktionen und Bildschutz. */
.wowoderciao-own-images,
.wowoderciao-public-image-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
    margin: 20px 0;
}

.wowoderciao-own-image-card,
.wowoderciao-public-image-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--wow-border);
    border-radius: 16px;
    background: var(--wow-panel);
    box-shadow: 0 8px 24px rgba(28, 10, 23, .12);
}

.wowoderciao-protected-image {
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-touch-callout: none;
    user-select: none;
}

.wowoderciao-protected-image img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: center;
    -webkit-user-drag: none;
    user-select: none;
}

.wowoderciao-watermark,
.wowoderciao-winner-image .wowoderciao-watermark {
    top: clamp(8px, 1.6vw, 13px);
    right: auto;
    left: clamp(8px, 1.6vw, 13px);
    bottom: auto;
    max-width: calc(100% - 16px);
    padding: 1px 2px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(10px, 2.4vw, 14px);
    font-weight: 700;
    line-height: 1.15;
    white-space: nowrap;
    text-transform: lowercase;
    text-shadow:
        -1px -1px 0 #000,
         1px -1px 0 #000,
        -1px  1px 0 #000,
         1px  1px 0 #000,
         0 1px 2px rgba(0, 0, 0, .75);
    overflow: visible;
    pointer-events: none;
}

.wowoderciao-own-image-meta {
    display: grid;
    gap: 8px;
    padding: 11px 12px 13px;
    text-align: center;
}

.wowoderciao-own-results {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.wowoderciao-own-results > span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.wowoderciao-profile-upload-form {
    width: min(720px, 100%);
    margin: 20px 0 0;
    align-content: start;
}

.wowoderciao-profile-upload-form .wowoderciao-new-preview {
    width: min(220px, 100%);
}

.wowoderciao-profile-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    margin-top: 4px;
}

.wowoderciao-profile-actions.is-delete-only {
    justify-content: flex-end;
    margin-top: 16px;
}

.wowoderciao-profile-actions .wowoderciao-image-submit,
.wowoderciao-profile-actions .wowoderciao-profile-delete-button {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    min-height: 42px;
    padding: 9px 16px;
    border-radius: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.wowoderciao-profile-actions .wowoderciao-image-submit:disabled {
    opacity: .55;
    cursor: not-allowed;
}

.wowoderciao-profile-delete-button {
    border: 1px solid #b42332;
    background: #fff;
    color: #a31524;
    cursor: pointer;
}

.wowoderciao-profile-delete-button:hover,
.wowoderciao-profile-delete-button:focus-visible {
    background: #b42332;
    color: #fff;
}

html[data-wow-theme="dark"] .wowoderciao-profile-delete-button {
    background: #24151d;
    color: #ffadb5;
    border-color: #d75c69;
}

html[data-wow-theme="dark"] .wowoderciao-profile-delete-button:hover,
html[data-wow-theme="dark"] .wowoderciao-profile-delete-button:focus-visible {
    background: #c33847;
    color: #fff;
}

.wowoderciao-profile-delete-modal .wowoderciao-modal-card {
    width: min(560px, 100%);
    text-align: center;
}

.wowoderciao-profile-delete-modal .wowoderciao-modal-card h2 {
    margin-right: 36px;
}

.wowoderciao-profile-delete-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.wowoderciao-profile-delete-actions button {
    width: auto;
    min-width: 72px;
    min-height: 41px;
    padding: 8px 14px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
}

.wowoderciao-profile-delete-actions .is-delete {
    border-color: #a71929;
    background: #b42332;
    color: #fff;
}

.wowoderciao-profile-delete-actions .is-pause {
    border-color: #d2b800;
    background: #ffd600;
    color: #111;
}

.wowoderciao-profile-delete-actions .is-cancel {
    border-color: var(--wow-border);
    background: var(--wow-panel);
    color: var(--wow-text);
}

.wowoderciao-public-profile {
    text-align: center;
}

.wowoderciao-public-image-grid {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 780px) {
    .wowoderciao-own-images,
    .wowoderciao-public-image-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .wowoderciao-own-images,
    .wowoderciao-public-image-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .wowoderciao-own-image-card,
    .wowoderciao-public-image-card {
        width: min(300px, 100%);
        margin-inline: auto;
    }

    .wowoderciao-profile-upload-form {
        padding: 14px;
    }

    .wowoderciao-profile-actions {
        gap: 10px;
    }

    .wowoderciao-profile-actions .wowoderciao-image-submit,
    .wowoderciao-profile-actions .wowoderciao-profile-delete-button {
        min-height: 40px;
        padding: 8px 12px;
    }

    .wowoderciao-profile-delete-modal .wowoderciao-modal-card h2 {
        font-size: 1.32rem;
        line-height: 1.25;
    }

    .wowoderciao-profile-delete-actions {
        gap: 8px;
    }

    .wowoderciao-profile-delete-actions button {
        min-height: 40px;
        padding: 8px 11px;
    }
}

@media (max-width: 350px) {
    .wowoderciao-profile-actions .wowoderciao-image-submit,
    .wowoderciao-profile-actions .wowoderciao-profile-delete-button,
    .wowoderciao-profile-delete-actions button {
        font-size: 15px;
        padding-right: 9px;
        padding-left: 9px;
    }
}

/* Das Profilfenster bleibt auch auf Smartphone und in der App mittig. */
.wowoderciao-profile-delete-modal {
    align-items: center;
}

@media (max-width: 520px) {
    .wowoderciao-profile-delete-modal {
        align-items: center;
        padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));
    }

    .wowoderciao-profile-delete-modal .wowoderciao-modal-card {
        max-height: calc(100dvh - 20px);
        margin-top: 0;
    }
}

/* WoWoderCiaO! 182: drei klar getrennte Uploadplätze ohne überlagerte Inhalte. */
.wowoderciao-profile-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    margin: 18px 0 14px;
}

.wowoderciao-profile-toolbar p {
    margin: 0;
}

.wowoderciao-upload-slots {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
    align-items: start;
}

.wowoderciao-upload-slot {
    display: grid;
    gap: 13px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--wow-border);
    border-radius: 16px;
    background: var(--wow-panel);
    box-shadow: 0 8px 24px rgba(28, 10, 23, .10);
}

.wowoderciao-upload-slot h2 {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 1.25;
}

.wowoderciao-upload-slot .wowoderciao-profile-upload-form {
    display: grid;
    gap: 11px;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    align-content: start;
}

.wowoderciao-upload-slot .wowoderciao-profile-upload-form label {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.3;
}

.wowoderciao-upload-slot .wowoderciao-profile-upload-form input[type="file"] {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 46px;
    padding: 8px;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.25;
}

.wowoderciao-upload-help,
.wowoderciao-upload-message {
    margin: 0;
    overflow-wrap: anywhere;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.4;
}

.wowoderciao-upload-help {
    color: var(--wow-muted);
}

.wowoderciao-upload-message {
    padding: 8px 10px;
    border: 1px solid #c43a49;
    border-radius: 9px;
    background: rgba(196, 58, 73, .10);
    color: #a71929;
    font-weight: 700;
}

html[data-wow-theme="dark"] .wowoderciao-upload-message {
    color: #ffb7bf;
}

.wowoderciao-upload-message[hidden],
.wowoderciao-new-preview[hidden] {
    display: none !important;
}

.wowoderciao-upload-slot .wowoderciao-new-preview,
.wowoderciao-slot-image {
    width: min(230px, 100%);
    margin-inline: auto;
    border-radius: 14px;
}

.wowoderciao-upload-slot .wowoderciao-new-preview img,
.wowoderciao-slot-image img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: center;
    border-radius: 14px;
}

.wowoderciao-upload-slot .wowoderciao-image-submit {
    justify-self: start;
    width: auto;
    min-width: 0;
    min-height: 42px;
    padding: 9px 15px;
    border-radius: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    white-space: nowrap;
}

.wowoderciao-upload-slot .wowoderciao-own-image-meta {
    padding: 0;
}

@media (max-width: 900px) {
    .wowoderciao-upload-slots {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .wowoderciao-profile-toolbar {
        align-items: center;
        gap: 10px;
    }

    .wowoderciao-upload-slots {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .wowoderciao-upload-slot {
        width: 100%;
        padding: 14px;
    }

    .wowoderciao-upload-slot .wowoderciao-new-preview,
    .wowoderciao-slot-image {
        width: min(280px, 100%);
    }
}

@media (max-width: 380px) {
    .wowoderciao-profile-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .wowoderciao-profile-toolbar .wowoderciao-profile-delete-button {
        align-self: flex-end;
    }
}

/* WoWoderCiaO! 183: ANBITA-Profilverknüpfung und eindeutige Löschentscheidung. */
.wowoderciao-user-profile-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    max-width: 100%;
    color: var(--wow-text);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none;
}

.wowoderciao-user-profile-badge:hover,
.wowoderciao-user-profile-badge:focus-visible {
    color: var(--wow-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.wowoderciao-user-profile-avatar {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border: 1px solid var(--wow-border);
    border-radius: 50%;
    background: var(--wow-panel);
    object-fit: cover;
    object-position: center;
}

.wowoderciao-person-info {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 8px 10px 10px;
}

.wowoderciao-winner-meta .wowoderciao-user-profile-badge {
    justify-content: flex-start;
}

.wowoderciao-profile-delete-modal .wowoderciao-modal-card {
    width: min(680px, 100%);
}

.wowoderciao-delete-warning {
    margin: 10px 0 0;
    line-height: 1.5;
    text-align: left;
}

.wowoderciao-profile-delete-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    width: 100%;
}

.wowoderciao-profile-delete-actions button {
    width: 100%;
    min-width: 0;
    white-space: normal;
}

.wowoderciao-profile-delete-actions .is-wow-only {
    border-color: #d2b800;
    background: #ffd600;
    color: #111;
}

.wowoderciao-profile-delete-actions .is-wow-only:hover,
.wowoderciao-profile-delete-actions .is-wow-only:focus-visible {
    background: #ffe34d;
}

@media (max-width: 520px) {
    .wowoderciao-user-profile-avatar {
        width: 32px;
        height: 32px;
    }

    .wowoderciao-profile-delete-modal .wowoderciao-modal-card {
        padding: 18px 14px;
    }

    .wowoderciao-delete-warning {
        font-size: 15px;
    }

    .wowoderciao-profile-delete-actions button {
        min-height: 44px;
        padding: 9px 11px;
        font-size: 15px;
    }
}


/* WoWoderCiaO! 185: überarbeitetes Impressum für Web, Smartphone und App. */
.wowoderciao-imprint-card {
    width: min(960px, 100%);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.55;
}

.wowoderciao-imprint-heading {
    margin-bottom: 20px;
}

.wowoderciao-imprint-heading h1 {
    margin-bottom: 6px;
}

.wowoderciao-imprint-heading p {
    max-width: 680px;
    margin: 0;
    color: var(--wow-muted);
}

.wowoderciao-imprint-grid {
    align-items: stretch;
}

.wowoderciao-imprint-grid > section,
.wowoderciao-imprint-card > .wowoderciao-report-section {
    min-width: 0;
    padding: 18px;
}

.wowoderciao-imprint-grid h2,
.wowoderciao-imprint-card > .wowoderciao-report-section h2 {
    margin: 0 0 9px;
    font-size: 19px;
    line-height: 1.3;
}

.wowoderciao-imprint-grid p,
.wowoderciao-imprint-grid address,
.wowoderciao-imprint-card > .wowoderciao-report-section p {
    margin: 0;
    font: inherit;
    overflow-wrap: anywhere;
}

.wowoderciao-imprint-page a {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}

.wowoderciao-imprint-page a:hover,
.wowoderciao-imprint-page a:focus-visible {
    text-decoration-thickness: 2px;
}

.wowoderciao-contact-note {
    white-space: nowrap;
}

.wowoderciao-brand-section {
    border-color: rgba(215, 22, 95, .32) !important;
}

.wowoderciao-report-section {
    margin-top: 16px;
}

.wowoderciao-report-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-height: 40px;
    margin-top: 12px;
    padding: 8px 14px;
    border: 1px solid var(--wow-primary);
    border-radius: 10px;
    background: var(--wow-primary);
    color: #fff !important;
    text-decoration: none !important;
}

.wowoderciao-report-link:hover,
.wowoderciao-report-link:focus-visible {
    background: var(--wow-primary-dark);
}

html[data-wow-theme="light"] .wowoderciao-imprint-page,
html[data-wow-theme="light"] .wowoderciao-imprint-page h1,
html[data-wow-theme="light"] .wowoderciao-imprint-page h2,
html[data-wow-theme="light"] .wowoderciao-imprint-page p,
html[data-wow-theme="light"] .wowoderciao-imprint-page address,
html[data-wow-theme="light"] .wowoderciao-imprint-page strong {
    color: #000;
}

html[data-wow-theme="light"] .wowoderciao-imprint-page a:not(.wowoderciao-report-link) {
    color: #000;
}

html[data-wow-theme="dark"] .wowoderciao-imprint-page,
html[data-wow-theme="dark"] .wowoderciao-imprint-page h1,
html[data-wow-theme="dark"] .wowoderciao-imprint-page h2,
html[data-wow-theme="dark"] .wowoderciao-imprint-page p,
html[data-wow-theme="dark"] .wowoderciao-imprint-page address,
html[data-wow-theme="dark"] .wowoderciao-imprint-page strong,
html[data-wow-theme="dark"] .wowoderciao-imprint-page .wowoderciao-legal-date,
html[data-wow-theme="dark"] .wowoderciao-imprint-heading p,
html[data-wow-theme="dark"] .wowoderciao-imprint-page a:not(.wowoderciao-report-link),
html[data-wow-theme="dark"] .wowoderciao-imprint-page a:not(.wowoderciao-report-link):visited {
    color: #fff;
}

@media (prefers-color-scheme: dark) {
    html:not([data-wow-theme="light"]) .wowoderciao-imprint-page,
    html:not([data-wow-theme="light"]) .wowoderciao-imprint-page h1,
    html:not([data-wow-theme="light"]) .wowoderciao-imprint-page h2,
    html:not([data-wow-theme="light"]) .wowoderciao-imprint-page p,
    html:not([data-wow-theme="light"]) .wowoderciao-imprint-page address,
    html:not([data-wow-theme="light"]) .wowoderciao-imprint-page strong,
    html:not([data-wow-theme="light"]) .wowoderciao-imprint-page .wowoderciao-legal-date,
    html:not([data-wow-theme="light"]) .wowoderciao-imprint-heading p,
    html:not([data-wow-theme="light"]) .wowoderciao-imprint-page a:not(.wowoderciao-report-link),
    html:not([data-wow-theme="light"]) .wowoderciao-imprint-page a:not(.wowoderciao-report-link):visited {
        color: #fff;
    }
}

body.anbita-app .wowoderciao-imprint-card {
    width: 100%;
    max-width: 960px;
}

@media (max-width: 720px) {
    .wowoderciao-imprint-card {
        padding: 17px 14px;
        border-radius: 13px;
        font-size: 16px;
    }

    .wowoderciao-imprint-heading {
        margin-bottom: 15px;
    }

    .wowoderciao-imprint-heading h1 {
        font-size: 28px;
    }

    .wowoderciao-imprint-grid {
        gap: 12px;
    }

    .wowoderciao-imprint-grid > section,
    .wowoderciao-imprint-card > .wowoderciao-report-section {
        padding: 14px;
        border-radius: 11px;
    }

    .wowoderciao-imprint-grid h2,
    .wowoderciao-imprint-card > .wowoderciao-report-section h2 {
        font-size: 18px;
    }

    .wowoderciao-report-section {
        margin-top: 12px;
    }

    .wowoderciao-report-link {
        min-height: 42px;
        padding: 9px 13px;
    }

    .wowoderciao-legal-date {
        margin-top: 16px !important;
    }
}

@media (max-width: 380px) {
    .wowoderciao-contact-note {
        white-space: normal;
    }
}

/* WoWoderCiaO! 186: Datenschutz, Bildregeln und Altersprüfung. */
.wowoderciao-privacy-card,
.wowoderciao-privacy-card * {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

.wowoderciao-privacy-card {
    width: min(1040px, 100%);
    font-size: 16px;
    line-height: 1.58;
}

.wowoderciao-privacy-heading {
    margin-bottom: 18px;
}

.wowoderciao-privacy-heading h1 {
    margin: 0 0 8px;
    font-size: clamp(29px, 4vw, 38px);
    line-height: 1.15;
}

.wowoderciao-privacy-heading p,
.wowoderciao-privacy-notice p,
.wowoderciao-privacy-grid p,
.wowoderciao-privacy-grid ul {
    margin-top: 0;
    margin-bottom: 0;
}

.wowoderciao-privacy-notice {
    margin-bottom: 16px;
    padding: 14px 16px;
    border: 1px solid rgba(215, 22, 95, .42);
    border-radius: 12px;
    background: rgba(215, 22, 95, .08);
}

.wowoderciao-privacy-notice strong {
    display: block;
    margin-bottom: 4px;
    font-size: 18px;
}

.wowoderciao-privacy-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.wowoderciao-privacy-grid > section {
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--wow-border);
    border-radius: 12px;
    background: rgba(255, 255, 255, .68);
}

.wowoderciao-privacy-grid > section.wowoderciao-privacy-rules {
    grid-column: 1 / -1;
}

.wowoderciao-privacy-grid h2 {
    margin: 0 0 8px;
    font-size: 19px;
    line-height: 1.3;
}

.wowoderciao-privacy-grid p + p,
.wowoderciao-privacy-grid p + ul,
.wowoderciao-privacy-grid ul + p {
    margin-top: 10px;
}

.wowoderciao-privacy-grid ul {
    padding-left: 22px;
}

.wowoderciao-privacy-grid li + li {
    margin-top: 5px;
}

.wowoderciao-privacy-page a {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}

.wowoderciao-birthdate-field .wowoderciao-field-help {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
}

.wowoderciao-birthdate-field .wowoderciao-field-status {
    display: block;
    margin-top: 4px;
}

html[data-wow-theme="light"] .wowoderciao-privacy-page,
html[data-wow-theme="light"] .wowoderciao-privacy-page h1,
html[data-wow-theme="light"] .wowoderciao-privacy-page h2,
html[data-wow-theme="light"] .wowoderciao-privacy-page p,
html[data-wow-theme="light"] .wowoderciao-privacy-page li,
html[data-wow-theme="light"] .wowoderciao-privacy-page strong,
html[data-wow-theme="light"] .wowoderciao-privacy-page .wowoderciao-legal-date,
html[data-wow-theme="light"] .wowoderciao-birthdate-field .wowoderciao-field-help,
html[data-wow-theme="light"] .wowoderciao-privacy-page a,
html[data-wow-theme="light"] .wowoderciao-privacy-page a:visited {
    color: #000;
}

html[data-wow-theme="light"] .wowoderciao-privacy-grid > section {
    background: #fffafd;
}

html[data-wow-theme="dark"] .wowoderciao-privacy-page,
html[data-wow-theme="dark"] .wowoderciao-privacy-page h1,
html[data-wow-theme="dark"] .wowoderciao-privacy-page h2,
html[data-wow-theme="dark"] .wowoderciao-privacy-page p,
html[data-wow-theme="dark"] .wowoderciao-privacy-page li,
html[data-wow-theme="dark"] .wowoderciao-privacy-page strong,
html[data-wow-theme="dark"] .wowoderciao-privacy-page .wowoderciao-legal-date,
html[data-wow-theme="dark"] .wowoderciao-birthdate-field .wowoderciao-field-help,
html[data-wow-theme="dark"] .wowoderciao-privacy-page a,
html[data-wow-theme="dark"] .wowoderciao-privacy-page a:visited {
    color: #fff;
}

html[data-wow-theme="dark"] .wowoderciao-privacy-grid > section {
    background: #1d151e;
}

@media (prefers-color-scheme: dark) {
    html:not([data-wow-theme="light"]) .wowoderciao-privacy-page,
    html:not([data-wow-theme="light"]) .wowoderciao-privacy-page h1,
    html:not([data-wow-theme="light"]) .wowoderciao-privacy-page h2,
    html:not([data-wow-theme="light"]) .wowoderciao-privacy-page p,
    html:not([data-wow-theme="light"]) .wowoderciao-privacy-page li,
    html:not([data-wow-theme="light"]) .wowoderciao-privacy-page strong,
    html:not([data-wow-theme="light"]) .wowoderciao-privacy-page .wowoderciao-legal-date,
    html:not([data-wow-theme="light"]) .wowoderciao-birthdate-field .wowoderciao-field-help,
    html:not([data-wow-theme="light"]) .wowoderciao-privacy-page a,
    html:not([data-wow-theme="light"]) .wowoderciao-privacy-page a:visited {
        color: #fff;
    }

    html:not([data-wow-theme="light"]) .wowoderciao-privacy-grid > section {
        background: #1d151e;
    }
}

body.anbita-app .wowoderciao-privacy-card {
    width: 100%;
    max-width: 1040px;
}

@media (max-width: 720px) {
    .wowoderciao-privacy-card {
        padding: 17px 14px;
        border-radius: 13px;
        font-size: 16px;
    }

    .wowoderciao-privacy-heading {
        margin-bottom: 14px;
    }

    .wowoderciao-privacy-heading h1 {
        font-size: 28px;
    }

    .wowoderciao-privacy-notice {
        margin-bottom: 12px;
        padding: 13px;
    }

    .wowoderciao-privacy-grid {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .wowoderciao-privacy-grid > section,
    .wowoderciao-privacy-grid > section.wowoderciao-privacy-rules {
        grid-column: auto;
        padding: 14px;
        border-radius: 11px;
    }

    .wowoderciao-privacy-grid h2 {
        font-size: 18px;
    }

    .wowoderciao-privacy-grid ul {
        padding-left: 20px;
    }
}

/* WoWoderCiaO! 188: ausführliche AGB, gut lesbar in Website und App. */
.wowoderciao-terms-card,
.wowoderciao-terms-card * {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

.wowoderciao-terms-card {
    width: min(1080px, 100%);
    font-size: 16px;
    line-height: 1.58;
}

.wowoderciao-terms-heading {
    margin-bottom: 18px;
}

.wowoderciao-terms-heading h1 {
    margin: 0;
    font-size: clamp(29px, 4vw, 38px);
    line-height: 1.15;
}

.wowoderciao-terms-notice {
    margin-bottom: 16px;
    padding: 14px 16px;
    border: 1px solid rgba(215, 22, 95, .42);
    border-radius: 12px;
    background: rgba(215, 22, 95, .08);
}

.wowoderciao-terms-notice strong {
    display: block;
    margin-bottom: 4px;
    font-size: 18px;
}

.wowoderciao-terms-notice p,
.wowoderciao-terms-grid p,
.wowoderciao-terms-grid ul {
    margin-top: 0;
    margin-bottom: 0;
}

.wowoderciao-terms-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.wowoderciao-terms-grid > section {
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--wow-border);
    border-radius: 12px;
    background: rgba(255, 255, 255, .68);
}

.wowoderciao-terms-grid > .wowoderciao-terms-wide {
    grid-column: 1 / -1;
}

.wowoderciao-terms-grid > .wowoderciao-terms-rules {
    border-color: rgba(215, 22, 95, .34);
}

.wowoderciao-terms-grid h2 {
    margin: 0 0 8px;
    font-size: 19px;
    line-height: 1.3;
}

.wowoderciao-terms-grid p + p,
.wowoderciao-terms-grid p + ul,
.wowoderciao-terms-grid ul + p {
    margin-top: 10px;
}

.wowoderciao-terms-grid ul {
    padding-left: 22px;
}

.wowoderciao-terms-grid li + li {
    margin-top: 5px;
}

.wowoderciao-terms-page a {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}

html[data-wow-theme="light"] .wowoderciao-terms-page,
html[data-wow-theme="light"] .wowoderciao-terms-page h1,
html[data-wow-theme="light"] .wowoderciao-terms-page h2,
html[data-wow-theme="light"] .wowoderciao-terms-page p,
html[data-wow-theme="light"] .wowoderciao-terms-page li,
html[data-wow-theme="light"] .wowoderciao-terms-page strong,
html[data-wow-theme="light"] .wowoderciao-terms-page .wowoderciao-legal-date,
html[data-wow-theme="light"] .wowoderciao-terms-page a,
html[data-wow-theme="light"] .wowoderciao-terms-page a:visited {
    color: #000;
}

html[data-wow-theme="light"] .wowoderciao-terms-grid > section {
    background: #fffafd;
}

html[data-wow-theme="dark"] .wowoderciao-terms-page,
html[data-wow-theme="dark"] .wowoderciao-terms-page h1,
html[data-wow-theme="dark"] .wowoderciao-terms-page h2,
html[data-wow-theme="dark"] .wowoderciao-terms-page p,
html[data-wow-theme="dark"] .wowoderciao-terms-page li,
html[data-wow-theme="dark"] .wowoderciao-terms-page strong,
html[data-wow-theme="dark"] .wowoderciao-terms-page .wowoderciao-legal-date,
html[data-wow-theme="dark"] .wowoderciao-terms-page a,
html[data-wow-theme="dark"] .wowoderciao-terms-page a:visited {
    color: #fff;
}

html[data-wow-theme="dark"] .wowoderciao-terms-grid > section {
    background: #1d151e;
}

@media (prefers-color-scheme: dark) {
    html:not([data-wow-theme="light"]) .wowoderciao-terms-page,
    html:not([data-wow-theme="light"]) .wowoderciao-terms-page h1,
    html:not([data-wow-theme="light"]) .wowoderciao-terms-page h2,
    html:not([data-wow-theme="light"]) .wowoderciao-terms-page p,
    html:not([data-wow-theme="light"]) .wowoderciao-terms-page li,
    html:not([data-wow-theme="light"]) .wowoderciao-terms-page strong,
    html:not([data-wow-theme="light"]) .wowoderciao-terms-page .wowoderciao-legal-date,
    html:not([data-wow-theme="light"]) .wowoderciao-terms-page a,
    html:not([data-wow-theme="light"]) .wowoderciao-terms-page a:visited {
        color: #fff;
    }

    html:not([data-wow-theme="light"]) .wowoderciao-terms-grid > section {
        background: #1d151e;
    }
}

body.anbita-app .wowoderciao-terms-card {
    width: 100%;
    max-width: 1080px;
}

@media (max-width: 720px) {
    .wowoderciao-terms-card {
        padding: 17px 14px;
        border-radius: 13px;
        font-size: 16px;
        line-height: 1.52;
    }

    .wowoderciao-terms-heading {
        margin-bottom: 14px;
    }

    .wowoderciao-terms-heading h1 {
        font-size: 28px;
    }

    .wowoderciao-terms-notice {
        margin-bottom: 12px;
        padding: 13px;
    }

    .wowoderciao-terms-grid {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .wowoderciao-terms-grid > section,
    .wowoderciao-terms-grid > .wowoderciao-terms-wide {
        grid-column: auto;
        padding: 14px;
        border-radius: 11px;
    }

    .wowoderciao-terms-grid h2 {
        font-size: 18px;
    }

    .wowoderciao-terms-grid ul {
        padding-left: 20px;
    }
}

@media (max-width: 380px) {
    .wowoderciao-terms-card {
        padding-right: 11px;
        padding-left: 11px;
    }

    .wowoderciao-terms-grid > section,
    .wowoderciao-terms-notice {
        padding: 12px;
    }
}

/* WoWoderCiaO! 189: Cookie-Einstellungen übersichtlich für Website, Smartphone und App. */
.wowoderciao-cookie-card,
.wowoderciao-cookie-card * {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

.wowoderciao-cookie-card {
    width: min(1040px, 100%);
    font-size: 16px;
    line-height: 1.56;
}

.wowoderciao-cookie-heading {
    margin-bottom: 18px;
}

.wowoderciao-cookie-heading h1 {
    margin: 0 0 8px;
    font-size: clamp(29px, 4vw, 38px);
    line-height: 1.15;
}

.wowoderciao-cookie-heading p,
.wowoderciao-cookie-notice p,
.wowoderciao-cookie-grid p,
.wowoderciao-cookie-storage p,
.wowoderciao-cookie-browser-note p {
    margin-top: 0;
    margin-bottom: 0;
}

.wowoderciao-cookie-notice {
    margin-bottom: 14px;
    padding: 14px 16px;
    border: 1px solid rgba(215, 22, 95, .42);
    border-radius: 12px;
    background: rgba(215, 22, 95, .08);
}

.wowoderciao-cookie-notice strong {
    display: block;
    margin-bottom: 4px;
    font-size: 18px;
}

.wowoderciao-cookie-grid {
    display: grid;
    gap: 14px;
}

.wowoderciao-cookie-grid > section,
.wowoderciao-cookie-storage,
.wowoderciao-cookie-browser-note {
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--wow-border);
    border-radius: 12px;
    background: rgba(255, 255, 255, .68);
}

.wowoderciao-cookie-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 9px;
}

.wowoderciao-cookie-section-head > div {
    min-width: 0;
}

.wowoderciao-cookie-card h2 {
    margin: 0 0 6px;
    font-size: 19px;
    line-height: 1.3;
}

.wowoderciao-cookie-card h3 {
    margin: 0 0 10px;
    font-size: 17px;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.wowoderciao-cookie-status {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 5px 10px;
    border: 1px solid var(--wow-border);
    border-radius: 999px;
    background: rgba(255, 255, 255, .82);
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.wowoderciao-cookie-status.is-required {
    border-color: rgba(35, 132, 69, .5);
    background: rgba(35, 132, 69, .11);
}

.wowoderciao-cookie-reset-row {
    display: flex;
    align-items: center;
    gap: 10px 14px;
    flex-wrap: wrap;
    margin-top: 13px;
}

.wowoderciao-cookie-reset-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: 100%;
    min-height: 42px;
    padding: 9px 15px;
    border: 1px solid var(--wow-primary);
    border-radius: 10px;
    background: var(--wow-primary);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.wowoderciao-cookie-reset-button:hover,
.wowoderciao-cookie-reset-button:focus-visible {
    background: var(--wow-primary-dark);
}

.wowoderciao-cookie-reset-status {
    min-height: 24px;
    font-weight: 700;
}

.wowoderciao-cookie-storage {
    margin-top: 14px;
}

.wowoderciao-cookie-storage > h2,
.wowoderciao-cookie-browser-note > h2 {
    margin-bottom: 11px;
}

.wowoderciao-cookie-storage-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.wowoderciao-cookie-storage-list > article {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--wow-border);
    border-radius: 11px;
    background: rgba(215, 22, 95, .035);
}

.wowoderciao-cookie-storage-list dl {
    display: grid;
    gap: 8px;
    margin: 0;
}

.wowoderciao-cookie-storage-list dl > div {
    min-width: 0;
}

.wowoderciao-cookie-storage-list dt {
    margin: 0 0 1px;
    font-size: 14px;
    font-weight: 700;
}

.wowoderciao-cookie-storage-list dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.wowoderciao-cookie-browser-note {
    margin-top: 14px;
}

.wowoderciao-cookie-page a {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}

html[data-wow-theme="light"] .wowoderciao-cookie-page,
html[data-wow-theme="light"] .wowoderciao-cookie-page h1,
html[data-wow-theme="light"] .wowoderciao-cookie-page h2,
html[data-wow-theme="light"] .wowoderciao-cookie-page h3,
html[data-wow-theme="light"] .wowoderciao-cookie-page p,
html[data-wow-theme="light"] .wowoderciao-cookie-page strong,
html[data-wow-theme="light"] .wowoderciao-cookie-page dt,
html[data-wow-theme="light"] .wowoderciao-cookie-page dd,
html[data-wow-theme="light"] .wowoderciao-cookie-page .wowoderciao-legal-date,
html[data-wow-theme="light"] .wowoderciao-cookie-page a,
html[data-wow-theme="light"] .wowoderciao-cookie-page a:visited,
html[data-wow-theme="light"] .wowoderciao-cookie-reset-status {
    color: #000;
}

html[data-wow-theme="light"] .wowoderciao-cookie-grid > section,
html[data-wow-theme="light"] .wowoderciao-cookie-storage,
html[data-wow-theme="light"] .wowoderciao-cookie-browser-note {
    background: #fffafd;
}

html[data-wow-theme="dark"] .wowoderciao-cookie-page,
html[data-wow-theme="dark"] .wowoderciao-cookie-page h1,
html[data-wow-theme="dark"] .wowoderciao-cookie-page h2,
html[data-wow-theme="dark"] .wowoderciao-cookie-page h3,
html[data-wow-theme="dark"] .wowoderciao-cookie-page p,
html[data-wow-theme="dark"] .wowoderciao-cookie-page strong,
html[data-wow-theme="dark"] .wowoderciao-cookie-page dt,
html[data-wow-theme="dark"] .wowoderciao-cookie-page dd,
html[data-wow-theme="dark"] .wowoderciao-cookie-page .wowoderciao-legal-date,
html[data-wow-theme="dark"] .wowoderciao-cookie-page a,
html[data-wow-theme="dark"] .wowoderciao-cookie-page a:visited,
html[data-wow-theme="dark"] .wowoderciao-cookie-reset-status {
    color: #fff;
}

html[data-wow-theme="dark"] .wowoderciao-cookie-grid > section,
html[data-wow-theme="dark"] .wowoderciao-cookie-storage,
html[data-wow-theme="dark"] .wowoderciao-cookie-browser-note {
    background: #1d151e;
}

html[data-wow-theme="dark"] .wowoderciao-cookie-status {
    background: #241923;
    color: #fff;
}

html[data-wow-theme="dark"] .wowoderciao-cookie-status.is-required {
    background: rgba(85, 196, 119, .13);
}

@media (prefers-color-scheme: dark) {
    html:not([data-wow-theme="light"]) .wowoderciao-cookie-page,
    html:not([data-wow-theme="light"]) .wowoderciao-cookie-page h1,
    html:not([data-wow-theme="light"]) .wowoderciao-cookie-page h2,
    html:not([data-wow-theme="light"]) .wowoderciao-cookie-page h3,
    html:not([data-wow-theme="light"]) .wowoderciao-cookie-page p,
    html:not([data-wow-theme="light"]) .wowoderciao-cookie-page strong,
    html:not([data-wow-theme="light"]) .wowoderciao-cookie-page dt,
    html:not([data-wow-theme="light"]) .wowoderciao-cookie-page dd,
    html:not([data-wow-theme="light"]) .wowoderciao-cookie-page .wowoderciao-legal-date,
    html:not([data-wow-theme="light"]) .wowoderciao-cookie-page a,
    html:not([data-wow-theme="light"]) .wowoderciao-cookie-page a:visited,
    html:not([data-wow-theme="light"]) .wowoderciao-cookie-reset-status {
        color: #fff;
    }

    html:not([data-wow-theme="light"]) .wowoderciao-cookie-grid > section,
    html:not([data-wow-theme="light"]) .wowoderciao-cookie-storage,
    html:not([data-wow-theme="light"]) .wowoderciao-cookie-browser-note {
        background: #1d151e;
    }

    html:not([data-wow-theme="light"]) .wowoderciao-cookie-status {
        background: #241923;
        color: #fff;
    }
}

body.anbita-app .wowoderciao-cookie-card {
    width: 100%;
    max-width: 1040px;
}

@media (max-width: 820px) {
    .wowoderciao-cookie-storage-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .wowoderciao-cookie-card {
        padding: 17px 14px;
        border-radius: 13px;
        font-size: 16px;
        line-height: 1.52;
    }

    .wowoderciao-cookie-heading {
        margin-bottom: 14px;
    }

    .wowoderciao-cookie-heading h1 {
        font-size: 28px;
    }

    .wowoderciao-cookie-notice,
    .wowoderciao-cookie-grid > section,
    .wowoderciao-cookie-storage,
    .wowoderciao-cookie-browser-note {
        padding: 14px;
        border-radius: 11px;
    }

    .wowoderciao-cookie-grid {
        gap: 11px;
    }

    .wowoderciao-cookie-section-head {
        flex-direction: column;
        gap: 9px;
    }

    .wowoderciao-cookie-status {
        align-self: flex-start;
    }

    .wowoderciao-cookie-reset-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .wowoderciao-cookie-reset-button {
        min-height: 42px;
        padding-right: 13px;
        padding-left: 13px;
    }
}

@media (max-width: 380px) {
    .wowoderciao-cookie-card {
        padding-right: 11px;
        padding-left: 11px;
    }

    .wowoderciao-cookie-notice,
    .wowoderciao-cookie-grid > section,
    .wowoderciao-cookie-storage,
    .wowoderciao-cookie-browser-note,
    .wowoderciao-cookie-storage-list > article {
        padding: 12px;
    }
}

.wowoderciao-cookie-followup {
    margin-top: 9px !important;
}

/* WoWoderCiaO! 190: PWA, kompakte Navigation und fortlaufendes Zufallsvoting. */
.wowoderciao-main-nav .wowoderciao-nav-logout {
    flex: 0 0 auto;
    margin: 0;
}

.wowoderciao-main-nav .wowoderciao-nav-logout button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 14px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--wow-nav);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
}

.wowoderciao-main-nav .wowoderciao-nav-logout button:hover,
.wowoderciao-main-nav .wowoderciao-nav-logout button:focus-visible {
    background: var(--wow-primary);
    color: #fff;
}

html[data-wow-theme="dark"] .wowoderciao-main-nav .wowoderciao-nav-logout button,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-main-nav .wowoderciao-nav-logout button {
    color: #fff;
}

.wowoderciao-voting-section {
    text-align: center;
}

.wowoderciao-voting-section .wowoderciao-section-title,
.wowoderciao-voting-section .wowoderciao-vote-status,
.wowoderciao-voting-section .wowoderciao-waiting-note {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.wowoderciao-vote-status {
    min-height: 24px;
    max-width: 560px;
    margin: 0 auto 12px;
    color: var(--wow-muted);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.45;
}

.wowoderciao-vote-status:empty {
    min-height: 8px;
    margin-bottom: 4px;
}

.wowoderciao-vote-status.is-success {
    color: #147235;
}

.wowoderciao-vote-status.is-error {
    color: #b11d2d;
}

html[data-wow-theme="dark"] .wowoderciao-vote-status.is-success {
    color: #8ee4a9;
}

html[data-wow-theme="dark"] .wowoderciao-vote-status.is-error {
    color: #ff9dac;
}

/* Im Voting stehen die beiden Bilder auf allen Geräten immer untereinander. */
.wowoderciao-candidate-grid {
    grid-template-columns: minmax(0, min(100%, 420px)) !important;
    justify-content: center !important;
    align-items: start;
    gap: 20px !important;
    width: 100%;
    max-width: 460px !important;
    margin-right: auto;
    margin-left: auto;
}

.wowoderciao-candidate-grid .wowoderciao-person-card {
    width: 100%;
    max-width: 420px !important;
}

.wowoderciao-candidate-grid[aria-busy="true"] {
    opacity: .7;
    pointer-events: none;
}

.wowoderciao-vote-button {
    position: relative;
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    font-size: 1.25rem !important;
    touch-action: manipulation;
}

.wowoderciao-vote-button::after {
    content: attr(data-wow-tooltip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 7px);
    z-index: 20;
    display: block;
    min-width: 58px;
    padding: 5px 8px;
    transform: translate(-50%, 5px);
    border-radius: 8px;
    background: rgba(17, 12, 17, .94);
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .14s ease, transform .14s ease, visibility .14s ease;
}

.wowoderciao-vote-button:hover::after,
.wowoderciao-vote-button:focus-visible::after,
.wowoderciao-vote-button.is-tooltip-visible::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

.wowoderciao-app-install-card {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: min(620px, 100%);
    padding: clamp(20px, 4vw, 32px);
    text-align: center;
}

.wowoderciao-app-install-icon {
    display: block;
    width: 112px;
    height: 112px;
    margin: 0 auto 14px;
    border-radius: 24px;
    box-shadow: 0 12px 30px rgba(74, 15, 56, .2);
}

.wowoderciao-app-install-card h1 {
    margin: 0 0 10px;
}

.wowoderciao-app-install-intro {
    max-width: 500px;
    margin: 0 auto 18px !important;
    text-align: center;
}

.wowoderciao-app-install-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.wowoderciao-install-button,
.wowoderciao-install-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    width: auto;
    max-width: 100%;
    padding: 9px 15px;
    border: 1px solid var(--wow-primary);
    border-radius: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

.wowoderciao-install-button {
    background: var(--wow-primary);
    color: #fff;
    cursor: pointer;
}

.wowoderciao-install-button:disabled {
    opacity: .56;
    cursor: wait;
}

.wowoderciao-install-secondary {
    background: transparent;
    color: var(--wow-text);
}

.wowoderciao-install-status {
    min-height: 24px;
    max-width: 520px;
    margin: 16px auto 0 !important;
    color: var(--wow-muted);
    text-align: center;
}

.wowoderciao-install-help {
    width: min(520px, 100%);
    margin: 14px auto 0;
    padding: 14px;
    border: 1px solid var(--wow-border);
    border-radius: 12px;
    background: rgba(215, 22, 95, .06);
    text-align: left;
}

.wowoderciao-install-help p {
    margin: 0 0 9px;
}

.wowoderciao-install-help p:last-child {
    margin-bottom: 0;
}

/* Installierte App: kurze Wege, saubere Safe-Area-Abstände und keine übergroßen Bedienelemente. */
@media (display-mode: standalone) {
    .wowoderciao-site-header {
        padding-top: max(8px, env(safe-area-inset-top));
    }

    .wowoderciao-site-hero {
        margin-top: 12px;
    }

    .wowoderciao-main-nav {
        margin-top: 12px;
    }

    .wowoderciao-site-main {
        padding-top: 12px;
        padding-bottom: calc(18px + env(safe-area-inset-bottom));
    }

    .wowoderciao-start-section,
    .wowoderciao-voting-section,
    .wowoderciao-today-section {
        padding: 14px;
    }

    .wowoderciao-site-footer {
        padding-bottom: calc(16px + env(safe-area-inset-bottom));
    }
}

@media (max-width: 720px) {
    .wowoderciao-main-nav {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .wowoderciao-main-nav::-webkit-scrollbar {
        display: none;
    }

    .wowoderciao-main-nav a,
    .wowoderciao-main-nav .wowoderciao-nav-logout button {
        flex: 0 0 auto;
        min-height: 36px;
        padding: 7px 11px;
        font-size: 15px;
    }

    .wowoderciao-candidate-grid {
        max-width: 390px !important;
        gap: 16px !important;
    }

    .wowoderciao-vote-button {
        width: 44px !important;
        height: 44px !important;
        font-size: 1.15rem !important;
    }

    .wowoderciao-app-install-icon {
        width: 96px;
        height: 96px;
        border-radius: 21px;
    }

    .wowoderciao-app-install-actions {
        gap: 8px;
    }
}

@media (max-width: 390px) {
    .wowoderciao-vote-button {
        width: 42px !important;
        height: 42px !important;
        font-size: 1.08rem !important;
    }

    .wowoderciao-install-button,
    .wowoderciao-install-secondary {
        min-height: 40px;
        padding: 8px 12px;
        font-size: 15px;
    }
}

/* WoWoderCiaO! 191: WoW-heute im Darkmodus und zentrierte Desktop-Navigation. */
@media (min-width: 721px) {
    .wowoderciao-main-nav {
        justify-content: center;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .wowoderciao-main-nav::-webkit-scrollbar {
        display: none;
    }

    .wowoderciao-main-nav > a,
    .wowoderciao-main-nav > .wowoderciao-nav-logout {
        flex: 0 0 auto;
    }
}

html[data-wow-theme="dark"] .wowoderciao-today-section,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-today-section,
body.dark-mode .wowoderciao-today-section {
    color: #fff;
    border-color: #4d3548;
    background: #17111a;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .36);
}

html[data-wow-theme="dark"] .wowoderciao-today-section .wowoderciao-section-title,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-today-section .wowoderciao-section-title,
body.dark-mode .wowoderciao-today-section .wowoderciao-section-title {
    border-bottom-color: rgba(255, 255, 255, .16);
}

html[data-wow-theme="dark"] .wowoderciao-title-wow h2,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-title-wow h2,
body.dark-mode .wowoderciao-title-wow h2 {
    color: #fff;
}

html[data-wow-theme="dark"] .wowoderciao-winner-card,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-winner-card,
body.dark-mode .wowoderciao-winner-card {
    color: #fff;
    border-color: #52394d;
    background: #211820;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .34);
}

html[data-wow-theme="dark"] .wowoderciao-winner-meta,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-winner-meta,
body.dark-mode .wowoderciao-winner-meta {
    color: #fff;
    background: #211820;
}

html[data-wow-theme="dark"] .wowoderciao-winner-placeholder,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-winner-placeholder,
body.dark-mode .wowoderciao-winner-placeholder {
    color: #ff91ba;
    background: #2b202b;
}

html[data-wow-theme="dark"] .wowoderciao-winner-meta .wowoderciao-user-profile-badge,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-winner-meta .wowoderciao-user-profile-badge,
body.dark-mode .wowoderciao-winner-meta .wowoderciao-user-profile-badge {
    color: #fff;
}

html[data-wow-theme="dark"] .wowoderciao-winner-meta .wowoderciao-user-profile-badge:hover,
html[data-wow-theme="dark"] .wowoderciao-winner-meta .wowoderciao-user-profile-badge:focus-visible,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-winner-meta .wowoderciao-user-profile-badge:hover,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-winner-meta .wowoderciao-user-profile-badge:focus-visible,
body.dark-mode .wowoderciao-winner-meta .wowoderciao-user-profile-badge:hover,
body.dark-mode .wowoderciao-winner-meta .wowoderciao-user-profile-badge:focus-visible {
    color: #ff9fc3;
}

html[data-wow-theme="dark"] .wowoderciao-result,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-result,
body.dark-mode .wowoderciao-result {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .09);
}

/* WoWoderCiaO! 192: Frauen- und Männer-Voting vollständig im Darkmodus. */
html[data-wow-theme="dark"] .wowoderciao-voting-section,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-voting-section,
html.dark-mode .wowoderciao-voting-section,
body.dark-mode .wowoderciao-voting-section {
    color: #fff;
    border-color: #4d3548;
    background: #17111a;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .36);
}

html[data-wow-theme="dark"] .wowoderciao-voting-section .wowoderciao-section-title,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-voting-section .wowoderciao-section-title,
html.dark-mode .wowoderciao-voting-section .wowoderciao-section-title,
body.dark-mode .wowoderciao-voting-section .wowoderciao-section-title {
    border-bottom-color: rgba(255, 255, 255, .16);
}

html[data-wow-theme="dark"] .wowoderciao-voting-section .wowoderciao-section-title h2,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-voting-section .wowoderciao-section-title h2,
html.dark-mode .wowoderciao-voting-section .wowoderciao-section-title h2,
body.dark-mode .wowoderciao-voting-section .wowoderciao-section-title h2 {
    color: #fff;
}

html[data-wow-theme="dark"] .wowoderciao-candidate-grid .wowoderciao-person-card,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-candidate-grid .wowoderciao-person-card,
html.dark-mode .wowoderciao-candidate-grid .wowoderciao-person-card,
body.dark-mode .wowoderciao-candidate-grid .wowoderciao-person-card {
    color: #fff;
    border-color: #52394d;
    background: #211820;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .34);
}

html[data-wow-theme="dark"] .wowoderciao-candidate-grid .wowoderciao-person-info,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-candidate-grid .wowoderciao-person-info,
html.dark-mode .wowoderciao-candidate-grid .wowoderciao-person-info,
body.dark-mode .wowoderciao-candidate-grid .wowoderciao-person-info {
    color: #fff;
    background: #211820;
}

html[data-wow-theme="dark"] .wowoderciao-candidate-grid .wowoderciao-user-profile-badge,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-candidate-grid .wowoderciao-user-profile-badge,
html.dark-mode .wowoderciao-candidate-grid .wowoderciao-user-profile-badge,
body.dark-mode .wowoderciao-candidate-grid .wowoderciao-user-profile-badge {
    color: #fff;
}

html[data-wow-theme="dark"] .wowoderciao-candidate-grid .wowoderciao-user-profile-badge:hover,
html[data-wow-theme="dark"] .wowoderciao-candidate-grid .wowoderciao-user-profile-badge:focus-visible,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-candidate-grid .wowoderciao-user-profile-badge:hover,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-candidate-grid .wowoderciao-user-profile-badge:focus-visible,
html.dark-mode .wowoderciao-candidate-grid .wowoderciao-user-profile-badge:hover,
html.dark-mode .wowoderciao-candidate-grid .wowoderciao-user-profile-badge:focus-visible,
body.dark-mode .wowoderciao-candidate-grid .wowoderciao-user-profile-badge:hover,
body.dark-mode .wowoderciao-candidate-grid .wowoderciao-user-profile-badge:focus-visible {
    color: #ff9fc3;
}

html[data-wow-theme="dark"] .wowoderciao-voting-section .wowoderciao-vote-status,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-voting-section .wowoderciao-vote-status,
html.dark-mode .wowoderciao-voting-section .wowoderciao-vote-status,
body.dark-mode .wowoderciao-voting-section .wowoderciao-vote-status {
    color: #d8c9d4;
}

html[data-wow-theme="dark"] .wowoderciao-voting-section .wowoderciao-vote-status.is-success,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-voting-section .wowoderciao-vote-status.is-success,
html.dark-mode .wowoderciao-voting-section .wowoderciao-vote-status.is-success,
body.dark-mode .wowoderciao-voting-section .wowoderciao-vote-status.is-success {
    color: #8ee4a9;
}

html[data-wow-theme="dark"] .wowoderciao-voting-section .wowoderciao-vote-status.is-error,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-voting-section .wowoderciao-vote-status.is-error,
html.dark-mode .wowoderciao-voting-section .wowoderciao-vote-status.is-error,
body.dark-mode .wowoderciao-voting-section .wowoderciao-vote-status.is-error {
    color: #ff9dac;
}

html[data-wow-theme="dark"] .wowoderciao-voting-section .wowoderciao-waiting-note,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-voting-section .wowoderciao-waiting-note,
html.dark-mode .wowoderciao-voting-section .wowoderciao-waiting-note,
body.dark-mode .wowoderciao-voting-section .wowoderciao-waiting-note {
    color: #fff;
    border-color: #5b4335;
    background: #2c2119;
}

html[data-wow-theme="dark"] .wowoderciao-voting-section .wowoderciao-flash.is-success,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-voting-section .wowoderciao-flash.is-success,
html.dark-mode .wowoderciao-voting-section .wowoderciao-flash.is-success,
body.dark-mode .wowoderciao-voting-section .wowoderciao-flash.is-success {
    color: #d7ffe5;
    border-color: #3f8f5d;
    background: #173b27;
}

html[data-wow-theme="dark"] .wowoderciao-voting-section .wowoderciao-flash.is-error,
html.wowoderciao-pwa[data-wow-theme="dark"] .wowoderciao-voting-section .wowoderciao-flash.is-error,
html.dark-mode .wowoderciao-voting-section .wowoderciao-flash.is-error,
body.dark-mode .wowoderciao-voting-section .wowoderciao-flash.is-error {
    color: #ffe4e4;
    border-color: #a95a5a;
    background: #4b2020;
}

/* Update 193: passendes Werbebanner für Desktop, Smartphone und App */
.wowoderciao-ad-wrap iframe{
    display:block;
    max-width:100%;
    margin:0 auto;
    border:0;
}
.wowoderciao-ad-desktop{display:block !important}
.wowoderciao-ad-mobile{display:none !important}
html.wowoderciao-smartphone .wowoderciao-ad-desktop,
html.wowoderciao-app-view .wowoderciao-ad-desktop,
body.anbita-app .wowoderciao-ad-desktop,
body.wowoderciao-pwa .wowoderciao-ad-desktop{display:none !important}
html.wowoderciao-smartphone .wowoderciao-ad-mobile,
html.wowoderciao-app-view .wowoderciao-ad-mobile,
body.anbita-app .wowoderciao-ad-mobile,
body.wowoderciao-pwa .wowoderciao-ad-mobile{display:block !important}
@media (display-mode:standalone){
    .wowoderciao-ad-desktop{display:none !important}
    .wowoderciao-ad-mobile{display:block !important}
}
@media (max-width:520px){
    .wowoderciao-ad-desktop{display:none !important}
    .wowoderciao-ad-mobile{display:block !important}
}

/* WoWoderCiaO! 194: einheitliche Zurück- und Schließen-Buttons auf rechtlichen Seiten. */
.wowoderciao-legal-actions,
.wowoderciao-report-actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.wowoderciao-legal-actions {
    margin-top: 16px;
}

.wowoderciao-report-actions {
    margin-top: 12px;
}

.wowoderciao-report-actions .wowoderciao-report-link {
    margin-top: 0;
}

.wowoderciao-legal-back-button,
.wowoderciao-legal-close-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: 100%;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid #d6b900;
    border-radius: 10px;
    background: #ffd600;
    color: #111 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    overflow-wrap: anywhere;
}

.wowoderciao-legal-back-button:hover,
.wowoderciao-legal-back-button:focus-visible,
.wowoderciao-legal-close-button:hover,
.wowoderciao-legal-close-button:focus-visible {
    border-color: #bda400;
    background: #ffe34d;
    color: #000 !important;
}

@media (max-width: 720px) {
    .wowoderciao-legal-actions,
    .wowoderciao-report-actions {
        gap: 9px;
    }

    .wowoderciao-legal-back-button,
    .wowoderciao-legal-close-button,
    .wowoderciao-report-actions .wowoderciao-report-link {
        min-height: 42px;
        padding: 9px 13px;
    }
}

@media (max-width: 380px) {
    .wowoderciao-report-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .wowoderciao-report-actions .wowoderciao-legal-close-button,
    .wowoderciao-report-actions .wowoderciao-report-link {
        width: 100%;
    }
}



/* WoWoderCiaO! 195: Footer in drei festen Zeilen, auch auf Smartphone und in der App. */
.wowoderciao-site-footer{display:grid;justify-items:center;gap:9px;text-align:center}.wowoderciao-site-footer .wowoderciao-footer-row{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:8px 18px;flex-wrap:nowrap;width:100%}.wowoderciao-site-footer .wowoderciao-footer-copy{margin:2px 0 0;color:#eaddea;font-size:.9rem}.wowoderciao-site-footer .wowoderciao-footer-copy a{margin-left:0;text-decoration:none;font-weight:700}.wowoderciao-site-footer .wowoderciao-footer-copy a:hover,.wowoderciao-site-footer .wowoderciao-footer-copy a:focus-visible{text-decoration:underline;text-underline-offset:3px}@media(max-width:720px){.wowoderciao-site-footer{text-align:center;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));gap:8px}.wowoderciao-site-footer .wowoderciao-footer-row{align-items:center;justify-content:center;flex-direction:row;gap:6px 14px;flex-wrap:nowrap}.wowoderciao-site-footer .wowoderciao-footer-row a{font-size:14px;white-space:nowrap}.wowoderciao-site-footer .wowoderciao-footer-copy{font-size:14px}}@media(max-width:380px){.wowoderciao-site-footer .wowoderciao-footer-row{gap:5px 10px}.wowoderciao-site-footer .wowoderciao-footer-row a,.wowoderciao-site-footer .wowoderciao-footer-copy{font-size:13px}}html.wowoderciao-app-view .wowoderciao-site-footer .wowoderciao-footer-row,html.wowoderciao-smartphone .wowoderciao-site-footer .wowoderciao-footer-row{align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap}html.wowoderciao-app-view .wowoderciao-site-footer,html.wowoderciao-smartphone .wowoderciao-site-footer{text-align:center}

/* Footer: PC/Tablet/Laptop eine Linkzeile, Copyright darunter. Smartphone/App bleiben dreizeilig. */
@media (min-width:721px){
  html:not(.wowoderciao-app-view):not(.wowoderciao-smartphone) .wowoderciao-site-footer{
    grid-template-columns:auto auto;
    justify-content:center;
    justify-items:center;
    column-gap:18px;
    row-gap:9px;
  }
  html:not(.wowoderciao-app-view):not(.wowoderciao-smartphone) .wowoderciao-site-footer .wowoderciao-footer-row{
    width:auto;
  }
  html:not(.wowoderciao-app-view):not(.wowoderciao-smartphone) .wowoderciao-site-footer .wowoderciao-footer-copy{
    grid-column:1 / -1;
    width:100%;
    margin-top:2px;
  }
}