/* FOTOBOX ERDING 3.0 – Basisdesign */

body.home {
    background: #101018;
}

.home .site-header,
.home .main-navigation {
    display: none;
}

.home .site-content,
.home .content-area,
.home .site-main,
.home .inside-article,
.home .entry-content {
    margin: 0;
    padding: 0;
    background: transparent;
}

.home .grid-container {
    max-width: none;
}

.fb-hero {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: auto;
    padding: 70px 25px 45px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    background:
        radial-gradient(ellipse at 15% 20%, rgba(190,50,255,.22), transparent 45%),
        radial-gradient(ellipse at 85% 80%, rgba(0,220,255,.17), transparent 45%),
        #101018;
}

.fb-hero-inner {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.fb-eyebrow {
    margin-bottom: 25px;
    color: #25e5e0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
}

.fb-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(48px, 9vw, 105px);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -3px;
}

.fb-hero h1 span {
    color: #e04dff;
}

.fb-version {
    margin: 15px 0 25px;
    color: #25e5e0;
    font-size: clamp(17px, 2.5vw, 26px);
    font-weight: 800;
    letter-spacing: 7px;
}

.fb-hero h2 {
    margin: 0 0 20px;
    color: #fff;
    font-size: clamp(24px, 4vw, 38px);
    font-weight: 700;
    line-height: 1.3;
}

.fb-hero p {
    max-width: 650px;
    margin: 0 auto 35px;
    color: #c8c8d4;
    font-size: 19px;
    line-height: 1.8;
}

.fb-button {
    display: inline-block;
    padding: 17px 34px;
    border-radius: 50px;
    background: linear-gradient(120deg, #c13cff, #ed42aa);
    color: #fff !important;
    font-weight: 800;
    letter-spacing: 1px;
    text-decoration: none;
    transition: transform .2s, box-shadow .2s;
}

.fb-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(193,60,255,.35);
}

@media (max-width: 600px) {
    .fb-hero {
        min-height: 75vh;
        padding: 70px 20px;
    }

    .fb-hero h1 {
        letter-spacing: -2px;
    }

    .fb-version {
        letter-spacing: 4px;
    }

    .fb-hero p {
        font-size: 16px;
    }
}

/* Footer */
body.home .site-footer,
body.home .site-info,
body.home .site-info .inside-site-info {
    background: #101018 !important;
    color: #c8c8d4 !important;
}

body.home .site-info {
    border-top: 1px solid rgba(255,255,255,.08);
}

body.home .site-info a {
    color: #25e5e0;
}

/* FOTOBOX ERDING – Features */

.fb-features {
    padding: 95px 25px 110px;
    background: #15151f;
    color: #fff;
    text-align: center;
}

.fb-section-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.fb-section-eyebrow {
    margin-bottom: 15px;
    color: #25e5e0;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 3px;
}

.fb-features h2 {
    margin: 0 0 20px;
    color: #fff;
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 800;
}

.fb-features h2 span {
    color: #e04dff;
}

.fb-section-intro {
    margin: 0 auto 55px;
    color: #c8c8d4;
    font-size: 18px;
}

.fb-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.fb-feature-card {
    padding: 38px 25px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    background: #20202d;
    transition: transform .2s, border-color .2s;
}

.fb-feature-card:hover {
    transform: translateY(-6px);
    border-color: #e04dff;
}

.fb-feature-icon {
    margin-bottom: 25px;
    font-size: 44px;
}

.fb-feature-card h3 {
    margin: 0 0 15px;
    color: #fff;
    font-size: 21px;
    font-weight: 800;
}

.fb-feature-card p {
    margin: 0;
    color: #bdbdc9;
    font-size: 16px;
    line-height: 1.7;
}

@media (max-width: 950px) {
    .fb-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 550px) {
    .fb-features {
        padding: 70px 20px;
    }

    .fb-feature-grid {
        grid-template-columns: 1fr;
    }
}

/* BUILT BY BUDDIES */

.fb-buddies {
    padding: 100px 25px;
    background: #101018;
    color: #fff;
}

.fb-buddies-inner {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: center;
    gap: 70px;
    max-width: 1200px;
    margin: 0 auto;
}

.fb-buddies-label {
    margin-bottom: 22px;
    color: #25e5e0;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 3px;
}

.fb-buddies h2 {
    margin: 0 0 30px;
    color: #fff;
    font-size: clamp(30px, 3.5vw, 48px);
    font-weight: 900;
    line-height: 1.2;
}

.fb-buddies h2 span {
    color: #e04dff;
}

.fb-buddies p {
    margin: 0 0 20px;
    color: #bdbdc9;
    font-size: 17px;
    line-height: 1.8;
}

.fb-buddies .fb-buddies-lead {
    color: #fff;
    font-size: 21px;
    font-weight: 700;
}

.fb-buddies-signature {
    margin-top: 35px;
    color: #25e5e0;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
}

.fb-buddies-placeholder {
    display: flex;
    min-height: 400px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 30px;
    border: 1px solid rgba(224,77,255,.25);
    border-radius: 24px;
    background: linear-gradient(145deg, #302044, #142d37);
    text-align: center;
}

.fb-buddies-camera {
    font-size: 85px;
}

.fb-buddies-placeholder strong {
    color: #fff;
    font-size: 28px;
    font-weight: 900;
}

.fb-buddies-placeholder span {
    color: #25e5e0;
    font-weight: 800;
    letter-spacing: 3px;
}

.fb-buddies-placeholder small {
    color: #bdbdc9;
}

@media (max-width: 800px) {
    .fb-buddies {
        padding: 70px 20px;
    }

    .fb-buddies-inner {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .fb-buddies-placeholder {
        min-height: 300px;
    }
}

/* FOTOBOX ERDING – Unterseiten */

body.page-id-11,
body.page-id-12,
body.page-id-13,
body.page-id-14 {
    background: #101018;
}

body:is(.page-id-11,.page-id-12,.page-id-13,.page-id-14)
.site-header,
body:is(.page-id-11,.page-id-12,.page-id-13,.page-id-14)
.main-navigation {
    display: none;
}

body:is(.page-id-11,.page-id-12,.page-id-13,.page-id-14)
:is(.site-content,.content-area,.site-main,.inside-article,.entry-content) {
    margin: 0;
    padding: 0;
    background: transparent;
}

body:is(.page-id-11,.page-id-12,.page-id-13,.page-id-14)
.grid-container {
    max-width: none;
}

.fb-detail {
    min-height: 75vh;
    padding: 85px 25px 95px;
    box-sizing: border-box;
    background:
        radial-gradient(ellipse at 15% 15%, rgba(190,50,255,.18), transparent 45%),
        radial-gradient(ellipse at 85% 85%, rgba(0,220,255,.12), transparent 45%),
        #101018;
    color: #fff;
    text-align: center;
}

.fb-detail-inner {
    max-width: 800px;
    margin: 0 auto;
}

.fb-detail-icon {
    margin-bottom: 20px;
    font-size: 55px;
}

.fb-detail-label {
    margin-bottom: 20px;
    color: #25e5e0;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 3px;
}

.fb-detail h1 {
    margin: 0 0 30px;
    color: #fff;
    font-size: clamp(42px, 6vw, 76px);
    font-weight: 900;
    line-height: 1.15;
}

.fb-detail h1 span {
    color: #e04dff;
}

.fb-detail p {
    max-width: 680px;
    margin: 0 auto 22px;
    color: #c8c8d4;
    font-size: 18px;
    line-height: 1.8;
}

.fb-detail .fb-detail-lead {
    margin-bottom: 35px;
    color: #fff;
    font-size: 23px;
    font-weight: 700;
}

.fb-detail-signature {
    margin-top: 45px;
    color: #25e5e0;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
}

body:is(.page-id-11,.page-id-12,.page-id-13,.page-id-14)
:is(.site-footer,.site-info,.inside-site-info) {
    background: #101018 !important;
    color: #c8c8d4 !important;
}

@media (max-width: 600px) {
    .fb-detail {
        padding: 65px 20px;
    }

    .fb-detail p {
        font-size: 16px;
    }
}

/* Klickbare Feature-Kacheln */
a.fb-feature-card {
    display: block;
    text-decoration: none;
    color: inherit;
}

a.fb-feature-card:hover,
a.fb-feature-card:focus {
    color: inherit;
}

a.fb-feature-card:focus-visible {
    outline: 2px solid #25e5e0;
    outline-offset: 4px;
}

/* Navigation auf den Unterseiten */
.fb-back-nav {
    position: relative;
    z-index: 2;
    padding: 25px 35px 0;
    background: #101018;
}

.fb-back-nav a {
    color: #25e5e0;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-decoration: none;
}

.fb-back-nav a:hover {
    color: #e04dff;
}

@media (max-width: 600px) {
    .fb-back-nav {
        padding: 20px 20px 0;
    }
}

/* Footer-Links */
.fb-footer-brand {
    margin-bottom: 12px;
}

.fb-footer-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 25px;
}

.fb-footer-links a {
    color: #25e5e0;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.fb-footer-links a:hover {
    color: #e04dff;
}

/* Kontakt, Impressum, Datenschutz */
body:is(.page-id-21,.page-id-22,.page-id-23) {
    background: #101018;
    color: #e4e4ec;
}

body:is(.page-id-21,.page-id-22,.page-id-23) .site-header,
body:is(.page-id-21,.page-id-22,.page-id-23) .main-navigation {
    display: none;
}

body:is(.page-id-21,.page-id-22,.page-id-23) .site,
body:is(.page-id-21,.page-id-22,.page-id-23) .site-content,
body:is(.page-id-21,.page-id-22,.page-id-23) .content-area,
body:is(.page-id-21,.page-id-22,.page-id-23) .inside-article {
    background: #101018;
}

body:is(.page-id-21,.page-id-22,.page-id-23) .inside-article {
    max-width: 900px;
    margin: 0 auto;
    padding: 65px 30px 100px;
}

.fb-legal {
    color: #e4e4ec;
    line-height: 1.8;
}

.fb-legal-label {
    color: #25e5e0;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 3px;
    margin-bottom: 18px;
}

.fb-legal h1 {
    color: #fff;
    font-size: clamp(38px, 6vw, 65px);
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 35px;
}

.fb-legal h1 span {
    color: #e04dff;
}

.fb-legal h2,
.fb-legal h3 {
    color: #fff;
    margin-top: 35px;
}

.fb-legal a {
    color: #25e5e0;
}

.fb-legal a:hover {
    color: #e04dff;
}

.fb-legal-placeholder {
    border: 1px dashed rgba(37,229,224,.3);
    background: #20202d;
    border-radius: 16px;
    padding: 30px;
    color: #aeb0c0;
}

/* Einheitlicher dunkler Footer */
.site-info,
.site-info .inside-site-info {
    background: #101018;
    color: #e4e4ec;
}

.site-info a,
.site-info a:visited {
    color: #25e5e0;
}

.site-info a:hover {
    color: #e04dff;
}

.fb-footer-brand {
    color: #e4e4ec;
}

/* GeneratePress Footer komplett dunkel */
.site-footer,
.site-footer .site-info,
.site-footer .inside-site-info,
.site-footer .footer-widgets,
.site-footer .inside-footer-widgets {
    background-color: #101018 !important;
    color: #e4e4ec;
}

.site-footer {
    width: 100%;
}

/* Einheitlicher Kopfbereich aller Unterseiten */
.fb-page-header {
    text-align: center;
    background: #101018;
    padding: 42px 20px 20px;
}

.fb-page-brand {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 900;
    letter-spacing: -1px;
    line-height: 1.15;
    text-decoration: none;
}

.fb-page-brand span {
    color: #e04dff;
}

.fb-page-brand small {
    color: #25e5e0;
    font-size: 11px;
    letter-spacing: 3px;
    margin-top: 9px;
}

.fb-page-brand:hover {
    color: #fff;
}

.fb-page-header .fb-back-nav {
    padding: 24px 0 0;
    margin: 28px auto 0;
    max-width: 900px;
    border-top: 1px solid rgba(255,255,255,.12);
    text-align: left;
    background: transparent;
}

.fb-page-header .fb-back-nav a {
    color: #25e5e0;
}

.fb-page-header .fb-back-nav a:hover {
    color: #e04dff;
}

/* FOTOBOX ERDING in einer Zeile */
.fb-page-brand {
    display: block;
    white-space: nowrap;
}

.fb-page-brand small {
    display: block;
}

/* Mehr Luft für unseren Footer */
.site-footer .inside-site-info {
    padding: 55px 25px 65px;
}

.fb-footer-brand {
    margin-bottom: 20px;
}

.fb-footer-links {
    gap: 15px 30px;
}

/* Kontaktformular – Fotobox Erding 3.0 */
body.page-id-21 input[type="text"],
body.page-id-21 input[type="email"],
body.page-id-21 input[type="tel"],
body.page-id-21 textarea,
body.page-id-21 select {
    background: #20202d;
    color: #ffffff;
    border: 1px solid #454557;
    border-radius: 10px;
    padding: 14px 16px;
    max-width: 100%;
}

body.page-id-21 input:focus,
body.page-id-21 textarea:focus,
body.page-id-21 select:focus {
    border-color: #25e5e0;
    outline: 2px solid rgba(37,229,224,.2);
}

body.page-id-21 input[type="submit"],
body.page-id-21 button[type="submit"] {
    background: #e04dff;
    color: #101018;
    border: none;
    border-radius: 10px;
    padding: 15px 32px;
    font-weight: 800;
    cursor: pointer;
    transition: background .2s, transform .2s;
}

body.page-id-21 input[type="submit"]:hover,
body.page-id-21 button[type="submit"]:hover {
    background: #25e5e0;
    color: #101018;
    transform: translateY(-2px);
}

/* Fünf Feature-Kacheln: 3 + 2 */
@media (min-width: 951px) {
    .fb-feature-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .fb-feature-grid > .fb-feature-card {
        grid-column: span 2;
    }

    .fb-feature-grid > .fb-feature-card:nth-child(4) {
        grid-column: 2 / span 2;
    }

    .fb-feature-grid > .fb-feature-card:nth-child(5) {
        grid-column: 4 / span 2;
    }
}

/* Individuelles Design – Unterseite */
body.page-id-33 {
    background: #101018;
    color: #e4e4ec;
}

body.page-id-33 .site-header,
body.page-id-33 .main-navigation {
    display: none;
}

body.page-id-33 .site,
body.page-id-33 .site-content,
body.page-id-33 .content-area,
body.page-id-33 .inside-article {
    background: #101018;
}

/* Echtes Fotobox-Foto */
.fb-baby-photo {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 18px;
}