/* Coiffeur Gerhild: eigenständige Frisuren-Seite; bestehende style.css bleibt unangetastet. */
.fr-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#f8fbf8 0%,#f8fbf7 37%,#edf7ed 100%);padding:46px 0 54px;}
.fr-ring{pointer-events:none;position:absolute;z-index:-1;width:1100px;height:760px;border-radius:50%;transform:rotate(-21deg);right:-430px;top:-390px;background:rgba(204,229,201,.38)}
.fr-ring-two{right:-540px;top:-480px;background:rgba(233,246,227,.75);width:1100px;height:770px}
.fr-content{position:relative;z-index:2;max-width:1440px;padding-left:55px;min-height:390px}
.fr-eyebrow{display:flex;align-items:center;gap:20px;letter-spacing:.2em;color:#00683e;font-size:15px;margin:0 0 28px}.fr-eyebrow span{width:80px;height:1px;background:#008f4f;display:block}
.fr-content h1{font:normal clamp(40px,4.4vw,69px)/1.07 Georgia,serif;color:#00683e;margin:0 0 46px}
.fr-intro{font:20px/1.5 Arial,Helvetica,sans-serif;color:#414841;margin:0 0 55px;max-width:740px}
.fr-strand{pointer-events:none;position:absolute;z-index:1;top:30px;right:-1%;width:54%;height:300px;opacity:.36;background-image:url('assets/frisuren-haarstraehne.svg');background-size:100% 100%;background-repeat:no-repeat}
.fr-cards{position:relative;z-index:2;width:calc(100% - 72px);max-width:1560px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.fr-card{min-width:0;margin:0;background:#eaf4e9;text-align:center}.fr-card img{display:block;width:100%;aspect-ratio:1.19;object-fit:cover}.fr-card-caption{padding:12px 7px 17px;min-height:100px}.fr-card h2{font:normal clamp(16px,1.4vw,23px)/1.3 Georgia,serif;color:#00683e;margin:0 0 4px}.fr-card p{font:clamp(12px,1.05vw,16px)/1.45 Arial,Helvetica,sans-serif;margin:0;color:#3f4b40}
@media(max-width:1000px){.fr-content{padding-left:24px;min-height:0}.fr-hero{padding-top:37px}.fr-content h1{margin-bottom:30px}.fr-intro{margin-bottom:54px}.fr-cards{grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100% - 32px)}.fr-strand{opacity:.2;width:55%}}
@media(max-width:650px){.fr-content{padding-left:20px}.fr-content h1{font-size:clamp(37px,8vw,49px);margin-bottom:27px}.fr-intro{font-size:17px;margin-bottom:44px}.fr-desktop{display:none}.fr-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fr-strand{top:80px;width:68%;opacity:.12}.fr-card-caption{min-height:105px}.fr-card h2{font-size:16px}.fr-card p{font-size:13px}}





/* Haarstraehne dezent sichtbar machen */
.fr-strand {
    opacity: .48;
}

/* Einheitliche Titelgestaltung */
.fr-content h1 {
    color: #00683e;
    text-transform: uppercase;
}

/* Haupttitel wie Home */
.fr-content h1 {
    font-size: clamp(34px, 3.1vw, 53px);
}

/* Fuenftes Frisurenbild: linken Rand ausblenden */
.fr-card:nth-child(5) img{object-fit:cover;object-position:58% center;clip-path:inset(0 0 0 2%)}

/* Einheitliche Bildhoehe, nur Bild 5 horizontal korrigieren */
.fr-card img {
    aspect-ratio: 1.19;
    height: auto;
    object-fit: cover;
}

.fr-card:nth-child(5) img {
    transform: none;
    clip-path: none;
    width: 104%;
    max-width: none;
    height: auto;
    margin-left: -4%;
}

/* Einheitliches Raster für alle fünf Frisurenbilder */
.fr-card {
    overflow: hidden;
}

.fr-card img,
.fr-card:nth-child(5) img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 1.19;
    object-fit: cover;
    object-position: center;
    margin: 0;
    transform: none;
    clip-path: none;
}

/* Finale Korrektur: alle fünf Frisurenbilder identisch darstellen */
.fr-card {
    overflow: hidden;
}

.fr-card img,
.fr-card:nth-child(1) img,
.fr-card:nth-child(5) img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: 240px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    transform: none !important;
    clip-path: none !important;
}

/* Einheitliche sichtbare Bildhoehe */
.fr-card img,.fr-card:nth-child(5) img{width:100% !important;height:auto !important;aspect-ratio:1.19 !important;object-fit:cover !important;object-position:center !important;transform:none !important;margin:0 !important;clip-path:none !important}

/* Einheitliche sichtbare Bildhoehe */
.fr-card img,.fr-card:nth-child(5) img{width:100% !important;height:auto !important;aspect-ratio:1.19 !important;object-fit:cover !important;object-position:center !important;transform:none !important;margin:0 !important;clip-path:none !important}