/* ============================================================
   Unterseiten: Leistungen, Galerie, Über uns, Bewertungen, Admin
   ============================================================ */

/* ---------- LEISTUNGEN GRID (leistungen.html, admin-verwaltet) ---------- */
.leist-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:30px;}
.leist-box{
    background:radial-gradient(circle at 20% 20%, rgba(255,255,255,0.06), rgba(20,20,20,0) 60%),
               linear-gradient(145deg,#0e0e0e,#040404);
    border:1px solid rgba(197,160,89,0.2);border-radius:16px;padding:28px 24px;
    transition:border-color .25s ease, transform .2s ease;
}
.leist-box:hover{border-color:rgba(197,160,89,0.5);transform:translateY(-3px);}
.leist-box .lb-icon{
    width:52px;height:52px;display:flex;align-items:center;justify-content:center;
    border-radius:12px;border:1px solid rgba(197,160,89,0.4);background:var(--gold-soft);
    color:var(--gold);font-size:1.2rem;margin-bottom:18px;
}
.leist-box .lb-image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px;margin-bottom:18px;border:1px solid rgba(197,160,89,0.2);}
.leist-box h3{font-family:var(--serif);color:var(--text);font-size:1.1rem;margin:0 0 10px;}
.leist-box p{color:var(--muted);font-size:0.92rem;margin:0;line-height:1.65;}
.leist-empty, .gal-empty{color:var(--muted);text-align:center;padding:60px 20px;grid-column:1/-1;}

/* ---------- GALERIE (galerie.html) ---------- */
.gal-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(220px, 100%), 1fr));gap:16px;}
.gal-item{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(197,160,89,0.2);aspect-ratio:4/3;background:#000;cursor:pointer;}
.gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;}
.gal-item:hover img{transform:scale(1.05);}
.gal-item .cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,0.85));color:#fff;font-size:0.8rem;padding:20px 12px 8px;}

.fm-lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:200;align-items:center;justify-content:center;padding:30px;}
.fm-lightbox.active{display:flex;}
.fm-lightbox img{max-width:90vw;max-height:82vh;border-radius:8px;}
.fm-lightbox .lb-cap{color:var(--muted);margin-top:14px;text-align:center;}
.fm-lightbox .lb-close{position:absolute;top:20px;right:26px;color:#fff;font-size:1.8rem;cursor:pointer;background:none;border:none;}

/* ---------- ÜBER UNS ---------- */
.ueber-hero{display:grid;grid-template-columns:0.9fr 1.1fr;gap:50px;align-items:center;}
.ueber-hero img{border-radius:18px;border:1px solid rgba(197,160,89,0.2);}
.ueber-hero h1{font-family:var(--serif);font-size:clamp(1.8rem,3.5vw,2.5rem);color:var(--text);margin:0 0 18px;}
.ueber-hero h1 em{font-style:normal;color:var(--gold);}
.ueber-hero p{color:var(--muted);margin:0 0 16px;}
@media (max-width:860px){.ueber-hero{grid-template-columns:1fr;}.ueber-hero img{order:-1;}}

.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;}
.value-box{
    text-align:center;padding:26px 18px;border-radius:14px;
    background:radial-gradient(circle at 20% 20%, rgba(255,255,255,0.06), rgba(20,20,20,0) 60%),
               linear-gradient(145deg,#0e0e0e,#040404);
    border:1px solid rgba(197,160,89,0.2);
}
.value-box i{color:var(--gold);font-size:1.4rem;margin-bottom:12px;display:block;}
.value-box h3{font-family:var(--serif);color:var(--text);font-size:1rem;margin:0 0 8px;}
.value-box p{color:var(--muted);font-size:0.88rem;margin:0;}
@media (max-width:860px){.values-grid{grid-template-columns:1fr;}}

/* ---------- BEWERTUNGEN ---------- */
/* Klare Bewertungsboxen: grauer Kartenhintergrund wie in der Referenz */
.reviews-grid .review-card{
    background:#333 !important;
    border:1px solid rgba(197,160,89,.55) !important;
    border-radius:16px;
    padding:28px;
    box-shadow:0 8px 22px rgba(0,0,0,.16);
}
.reviews-grid .review-card:hover{
    border-color:rgba(197,160,89,.85) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.24);
}
.reviews-grid .review-stars{
    color:var(--gold);
    font-size:1.15rem;
    line-height:1;
    letter-spacing:.08em;
    margin:0 0 18px;
}
.reviews-grid .review-stars::before{content:none;}
.reviews-grid .review-text{
    color:#f2f0ec;
    font-style:italic;
    line-height:1.65;
    margin:0 0 16px;
}
.reviews-grid .review-author{
    color:var(--gold);
    font-weight:600;
    margin-top:auto;
}


.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(260px,100%),1fr));gap:20px;}
.review-cta-box{
    text-align:center;margin-top:50px;padding:40px 24px;border-radius:18px;
    background:radial-gradient(circle at 20% 20%, rgba(255,255,255,0.06), rgba(20,20,20,0) 60%),
               linear-gradient(145deg,#0e0e0e,#040404);
    border:1px solid rgba(197,160,89,0.25);
}
.review-cta-box h2{font-family:var(--serif);color:var(--gold);margin:0 0 10px;font-size:1.3rem;}
.review-cta-box p{color:var(--muted);margin:0 0 22px;}


/* Bewertungsseite: Erstellen oben, Kundenstimmen darunter */
.reviews-section-head{text-align:center;margin:58px 0 26px;}
.reviews-section-head h2{font-family:var(--serif);color:var(--gold);margin:8px 0 8px;font-size:clamp(1.6rem,3vw,2.2rem);}
.reviews-section-head p{color:var(--muted);margin:0;}
.review-cta-box{margin-bottom:0;}

/* ============================================================
   ADMIN-TOOL (admin/index.html)
   ============================================================ */
.admin-shell{max-width:900px;margin:0 auto;}
.admin-warning{
    background:rgba(197,160,89,0.08);border:1px solid rgba(197,160,89,0.35);
    border-radius:12px;padding:16px 20px;margin-bottom:30px;color:var(--muted);font-size:0.88rem;line-height:1.6;
}
.admin-warning strong{color:var(--gold);}

.admin-tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;}
.admin-tab{
    padding:10px 20px;border-radius:20px;border:1px solid rgba(255,255,255,0.15);
    background:transparent;color:var(--muted);cursor:pointer;font-size:0.88rem;
}
.admin-tab.active{background:var(--gold);color:#111;border-color:var(--gold);font-weight:600;}

.admin-panel{display:none;}
.admin-panel.active{display:block;}

.fm-form{
    background:linear-gradient(145deg,#0e0e0e,#040404);border:1px solid rgba(197,160,89,0.25);
    border-radius:16px;padding:26px;margin-bottom:30px;
}
.fm-form h3{font-family:var(--serif);color:var(--gold);margin:0 0 18px;font-size:1.1rem;}
.fm-field{margin-bottom:16px;}
.fm-field label{display:block;color:var(--blue);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:6px;}
.fm-field input[type="text"], .fm-field input[type="password"], .fm-field textarea, .fm-field select{
    width:100%;padding:11px 14px;border-radius:10px;border:1px solid rgba(255,255,255,0.15);
    background:rgba(255,255,255,0.04);color:var(--text);font-family:var(--sans);font-size:0.92rem;
}
.fm-field textarea{resize:vertical;min-height:80px;}
.fm-field input[type="file"]{color:var(--muted);font-size:0.85rem;}
.fm-field .hint{color:var(--muted);font-size:0.76rem;margin-top:5px;}
.leist-image-slot{border:1px dashed rgba(197,160,89,.3);border-radius:10px;padding:12px 14px;margin-bottom:10px;}
.leist-image-slot .hint{margin-top:6px;}
.leist-image-remove{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:#ff8a8a;font-size:0.8rem;cursor:pointer;}
.leist-image-remove input{margin:0;}
.fm-form-actions{display:flex;gap:10px;flex-wrap:wrap;}

.admin-list{display:grid;gap:12px;margin-bottom:30px;}
.admin-row{
    display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;padding:14px 16px;border-radius:12px;
    background:rgba(255,255,255,0.03);border:1px solid rgba(197,160,89,0.15);
}
.admin-row img{width:48px;height:48px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#000;}
.admin-row .ar-icon{
    width:48px;height:48px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
    background:var(--gold-soft);color:var(--gold);border:1px solid rgba(197,160,89,0.3);
}
.admin-row .ar-info{flex:1 1 160px;min-width:0;}
.admin-row .ar-title{color:var(--text);font-weight:600;font-size:0.92rem;margin-bottom:2px;overflow-wrap:anywhere;}
.admin-row .ar-sub{color:var(--muted);font-size:0.8rem;overflow-wrap:anywhere;}
.admin-row .ar-filename{color:var(--blue);font-size:0.74rem;font-family:monospace;overflow-wrap:anywhere;}
.admin-row .ar-actions{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0;margin-left:auto;}
.admin-row .ar-actions button{
    background:none;border:1px solid rgba(255,255,255,0.15);color:var(--muted);
    border-radius:8px;padding:6px 9px;cursor:pointer;font-size:0.8rem;line-height:1;
}
.admin-row .ar-actions button:hover{border-color:var(--gold);color:var(--gold);}
.admin-row .ar-actions button.danger:hover{border-color:#ff8a8a;color:#ff8a8a;}

@media (max-width:480px){
    .admin-row{gap:10px;}
    .admin-row .ar-info{flex-basis:100%;order:2;}
    .admin-row .ar-actions{order:3;flex-basis:100%;margin-left:0;}
    .admin-row img, .admin-row .ar-icon{order:1;}
}

.admin-login-gate{max-width:380px;margin:80px auto;text-align:center;}
.admin-login-gate h1{font-family:var(--serif);color:var(--gold);font-size:1.3rem;margin:0 0 12px;}
.admin-login-gate p{color:var(--muted);font-size:0.9rem;margin:0 0 20px;}

@media (max-width:600px){
    .admin-warning{padding:14px 16px;font-size:0.84rem;}
    .fm-form{padding:20px 18px;}
    .admin-tabs{gap:8px;}
    .admin-tab{padding:9px 16px;font-size:0.84rem;}
}


/* ---------- Responsive Feinschliff ---------- */
@media (max-width:1100px) and (min-width:861px){
    .ueber-hero{gap:32px;}
    .leist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
}
@media (max-width:860px) and (min-width:601px){
    .leist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
}
@media (max-width:600px){
    .page-head{padding:42px 0 10px;}
    h1.page-title{font-size:clamp(1.55rem,7vw,2rem);letter-spacing:1.2px;}
    p.page-lead{font-size:0.9rem;line-height:1.6;}
    .leist-grid{grid-template-columns:1fr;gap:14px;}
    .leist-box{padding:22px 18px;}
    .gal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
    .gal-item{border-radius:10px;}
    .fm-lightbox{padding:16px;}
    .fm-lightbox img{max-width:94vw;max-height:76vh;}
    .fm-lightbox .lb-close{top:10px;right:14px;}
    .values-grid{gap:14px;}
    .value-box{padding:22px 16px;}
    .review-cta-box{margin-top:36px;padding:30px 18px;}
    .review-cta-box .hero-ctas .btn-gold,
    .review-cta-box .hero-ctas .btn-outline{width:100%;text-align:center;}
}

/* ---------- ADMIN SERVER-VERWALTUNG ---------- */
.admin-login-card{max-width:480px;margin:50px auto;}
.admin-intro{color:var(--muted);line-height:1.7;margin:0 0 22px;}
.admin-error{background:rgba(255,90,90,.08);border:1px solid rgba(255,90,90,.35);color:#ff9a9a;border-radius:10px;padding:12px 14px;margin-bottom:18px;}
.admin-success{background:rgba(125,214,255,.06);border:1px solid rgba(125,214,255,.3);color:#cfefff;border-radius:10px;padding:12px 14px;margin-bottom:24px;}
.footer-admin-link{text-align:center;padding:0 0 12px;}
.footer-admin-link a{color:#666;text-decoration:none;font-size:.72rem;letter-spacing:.8px;text-transform:uppercase;transition:color .2s ease;}
.footer-admin-link a:hover{color:var(--blue);}

/* Bild-Kopierschutz: Bilder nicht per Drag-and-drop aus der Galerie ziehen. */
.gal-item img, .fm-lightbox img{user-select:none;-webkit-user-drag:none;}

/* ---------- BEWERTUNGEN: einheitliche Karten + Mehr lesen ---------- */
.reviews-grid{align-items:stretch;}
.reviews-grid .review-card{min-height:270px;display:flex;flex-direction:column;}
.reviews-grid .review-text{max-height:none;}
.reviews-grid .review-text.is-collapsed{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;max-height:9.7em;}
.reviews-grid .review-more{margin-top:auto;}
.review-cta-box{border-radius:18px;}
.rating-stars-input{border:1px solid rgba(197,160,89,.25);border-radius:14px;padding:16px;background:rgba(197,160,89,.05);}
.rating-stars-input>span{display:block;text-align:center;color:var(--gold);font-size:.78rem;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;}

/* WDVS: langer Titel sauber umbrechen – ohne Bild */
.leist-box h3{hyphens:auto;overflow-wrap:normal;word-break:normal;}


/* ============================================================
   MASTER SUBPAGE VISUAL – supplied reference screenshots
   ============================================================ */
.ueber-hero{grid-template-columns:minmax(0,1fr) 340px;gap:70px;max-width:1080px;margin:0;}
.ueber-hero img{grid-column:2;width:330px;height:295px;object-fit:cover;border:0;border-radius:18px;align-self:center;}
.ueber-hero > div{grid-column:1;grid-row:1;}
.ueber-hero h1{font-size:clamp(2rem,3.2vw,2.7rem);line-height:1.25;}
.ueber-hero p{font-size:1.02rem;line-height:1.65;color:#b9b1a5;}
.ueber-hero .btn-gold{background:transparent;color:var(--gold);border:1px solid rgba(197,160,89,.65);text-transform:uppercase;letter-spacing:.5px;}
.ueber-hero{background:transparent;}

.page-head{padding:54px 0 28px;background:#333;}
.page-head .page-title{font-size:clamp(2.1rem,3.5vw,3rem);}
.leist-card{background:linear-gradient(145deg,#151515,#050505);border:1px solid rgba(197,160,89,.18);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;}
.leist-card-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#111;}
.leist-card-image{display:block;width:100%;height:100%;object-fit:cover;}
.leist-card-media.no-image{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1a1a1a,#050505);}
.leist-card-icon{font-size:3rem;color:var(--gold);}
.leist-card-overlay{position:absolute;left:0;right:0;bottom:0;padding:26px 26px 20px;background:linear-gradient(to top, rgba(0,0,0,.90) 45%, rgba(0,0,0,0) 100%);}
.leist-card-title{margin:0;font-family:var(--serif);font-size:1.45rem;font-weight:700;color:var(--blue);line-height:1.3;overflow-wrap:break-word;word-break:break-word;}
.leist-card-short{margin:8px 0 0;color:#cfc9c1;font-size:1.02rem;line-height:1.45;overflow-wrap:break-word;word-break:break-word;}
.leist-card-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:16px 26px;background:transparent;border:0;border-top:1px solid rgba(197,160,89,.14);color:#f2f0ec;font-weight:600;font-size:1rem;cursor:pointer;}
.leist-card-toggle i{color:#7dd6ff;transition:transform .2s ease;}
.leist-card.open .leist-card-toggle i{transform:rotate(180deg);}
.leist-card-body{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.leist-card.open .leist-card-body{max-height:900px;}
.leist-card-body-inner{padding:0 26px 28px;color:#b9b1a5;line-height:1.75;font-size:1rem;}
.leist-card-gallery{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.leist-card-gallery img{width:86px;height:86px;object-fit:cover;border-radius:10px;border:1px solid rgba(197,160,89,.3);}
.leist-card-media{display:block;cursor:pointer;}
.artikel-permalink{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:var(--gold);font-size:.85rem;font-weight:600;text-decoration:none;}
.artikel-permalink:hover{text-decoration:underline;}

.artikel-detail{max-width:820px;margin:0 auto;}
.artikel-detail .back-link{display:inline-flex;align-items:center;gap:8px;color:var(--gold);text-decoration:none;margin-bottom:22px;font-weight:600;font-size:.9rem;}
.artikel-detail .back-link:hover{text-decoration:underline;}
.artikel-detail-hero{width:100%;max-height:420px;object-fit:cover;border-radius:14px;margin-bottom:24px;border:1px solid rgba(197,160,89,.2);}
.artikel-detail-title{font-family:var(--serif);color:var(--text);font-size:1.7rem;margin:0 0 8px;}
.artikel-detail-meta{color:var(--muted);font-size:.85rem;margin-bottom:20px;}
.artikel-detail-content{color:#cfc9c1;line-height:1.8;font-size:1.02rem;}
@media(max-width:900px){
 .ueber-hero{grid-template-columns:1fr;max-width:none;gap:30px;}
 .ueber-hero > div{grid-column:1;grid-row:1;}
 .ueber-hero img{grid-column:1;grid-row:2;width:100%;max-width:420px;height:auto;}
}

.page-leistungen{background:#333 !important;}.page-leistungen .page-head,.page-leistungen .section{background:#333 !important;}.page-leistungen .fm-footer{background:#000 !important;}

/* ---------- BEWERTUNG: Wisch-/Zieh-Sterne ---------- */
.rating-stars-input{position:relative;overflow:hidden;}
.rating-swipe{position:relative;width:min(330px,100%);height:58px;margin:0 auto;touch-action:none;user-select:none;cursor:ew-resize;}
.rating-stars-track{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:2rem;letter-spacing:.16em;line-height:1;pointer-events:none;}
.rating-stars-empty,.rating-stars-fill{white-space:nowrap;position:absolute;left:50%;transform:translateX(-50%);}
.rating-stars-empty{color:rgba(197,160,89,.18);}
.rating-stars-fill{color:var(--gold);width:100%;overflow:hidden;text-align:center;clip-path:inset(0 0 0 0);}
.rating-swipe::after{content:"";position:absolute;inset:5px 0;border:1px solid rgba(197,160,89,.18);border-radius:999px;pointer-events:none;}
.rating-swipe input[type="range"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:3;}
.rating-swipe:has(input[type="range"]:focus-visible){outline:2px solid var(--blue);outline-offset:4px;border-radius:999px;}
.rating-swipe-meta{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:3px;font-size:.78rem;letter-spacing:.5px;}
.rating-swipe-meta strong{color:var(--gold);min-width:62px;text-align:right;}
.rating-swipe-meta span{color:var(--muted);}
@media(max-width:600px){
 .rating-swipe{height:54px;width:min(300px,100%);}
 .rating-stars-track{font-size:1.85rem;letter-spacing:.12em;}
 .rating-swipe-meta{flex-direction:column;gap:2px;}
 .rating-swipe-meta strong{min-width:0;}
}


/* ---------- ÜBER UNS – bestehendes Pit-Layout ---------- */
.page-ueber-uns{background:var(--bg);color:var(--text);}
.page-ueber-uns .page-head,.page-ueber-uns .section-light{background:#333;}
.page-ueber-uns .section-alt{background:#0c0b08;}
.page-ueber-uns .ueber-hero{max-width:1080px;margin:0 auto;}
.page-ueber-uns .ueber-hero img{width:330px;height:295px;object-fit:cover;}
.page-ueber-uns .uu-values{margin-top:0;}
.page-ueber-uns .value-box{transition:border-color .25s ease,transform .2s ease;}
.page-ueber-uns .value-box:hover{border-color:rgba(197,160,89,.5);transform:translateY(-3px);}
@media(max-width:860px){.page-ueber-uns .ueber-hero img{width:100%;max-width:420px;height:auto;margin:0 auto;}}

/* ---------- ÜBER UNS – Peter-Block im WoltLab-Stil ---------- */
.uu-peter{padding:70px 0 20px;text-align:center;}
.uu-peter-images{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:0 auto 60px;}
.uu-peter-images a{width:260px;height:260px;border-radius:18px;overflow:hidden;background:#111;border:1px solid rgba(197,160,89,.25);transition:border-color .2s ease,transform .2s ease;}
.uu-peter-images a:hover{border-color:var(--gold);transform:translateY(-3px);}
.uu-peter-images img{width:100%;height:100%;object-fit:cover;}
.uu-peter-intro{max-width:820px;margin:0 auto 50px;}
.uu-peter-intro p{font-size:1.02rem;color:var(--muted);max-width:820px;margin:0 auto 16px;}
.uu-peter-intro p.uu-highlight{color:var(--gold);font-weight:600;font-size:1.1rem;}
.uu-peter-services-head{margin-bottom:20px;}
.uu-peter-services-head h2{font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,1.7rem);color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin:0;}
.uu-peter-services{max-width:800px;margin:0 auto 60px;text-align:left;padding:0 20px;border:1px solid rgba(197,160,89,.2);border-radius:18px;background:linear-gradient(145deg,#0e0e0e,#040404);}
.uu-peter-services ul{list-style:none;padding:0;margin:0;}
.uu-peter-services li{font-size:1rem;color:var(--text);padding:16px 4px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;gap:10px;align-items:flex-start;}
.uu-peter-services li:last-child{border-bottom:none;}
.uu-peter-services li i{color:var(--gold);margin-top:4px;font-size:.9rem;}
.uu-peter-services li span{color:var(--gold);font-weight:600;}
@media (max-width:768px){
  .uu-peter-images a{width:90%;height:auto;aspect-ratio:1/1;}
  .uu-peter-intro p{font-size:.96rem;padding:0 15px;}
  .uu-peter-services li{font-size:.95rem;}
  .uu-peter{padding:50px 0 10px;}
}
.uu-peter-contact{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;margin:0 auto;}
.uu-peter-contact a{width:66px;height:66px;border-radius:14px;background:linear-gradient(145deg,#131210,#040404);border:1px solid rgba(197,160,89,.25);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--gold);transition:border-color .2s ease,color .2s ease,transform .2s ease;}
.uu-peter-contact a:hover{border-color:var(--gold);color:var(--blue);transform:translateY(-3px);}

/* ---------- FICHTELMALER: ÜBER UNS LEISTUNGSBOX – RESPONSIVE ---------- */
.uu-peter-services{
    width:min(920px,100%);
    padding:8px 18px;
    box-shadow:0 16px 40px rgba(0,0,0,.18);
}
.uu-peter-services li{
    display:grid;
    grid-template-columns:24px minmax(0,1fr);
    gap:12px;
    padding:18px 6px;
    min-width:0;
}
.uu-peter-services li i{grid-column:1;grid-row:1;margin-top:5px;}
.uu-service-content{
    grid-column:2;
    min-width:0;
    display:grid;
    grid-template-columns:minmax(250px,auto) minmax(0,1fr);
    gap:14px 22px;
    align-items:start;
}
.uu-service-title{
    color:var(--gold)!important;
    font-weight:700;
    line-height:1.45;
    overflow-wrap:anywhere;
}
.uu-service-desc{
    color:var(--text);
    line-height:1.55;
    overflow-wrap:anywhere;
}
@media (max-width:760px){
    .uu-peter-services{padding:7px 14px;border-radius:16px;}
    .uu-peter-services li{grid-template-columns:20px minmax(0,1fr);gap:10px;padding:15px 3px;}
    .uu-service-content{grid-template-columns:1fr;gap:3px;}
    .uu-service-title{font-size:.93rem;line-height:1.4;}
    .uu-service-desc{font-size:.9rem;line-height:1.5;color:#d4d0ca;}
}
@media (max-width:390px){
    .uu-peter-services{padding-left:11px;padding-right:11px;}
    .uu-peter-services li{padding:14px 2px;}
    .uu-service-title{font-size:.9rem;}
    .uu-service-desc{font-size:.87rem;}
}


/* ---------- ARTIKEL-DETAIL: MOBILE FIX ---------- */
.artikel-detail{
    width:100%;
    max-width:820px;
    min-width:0;
    box-sizing:border-box;
}
.artikel-detail > *{
    max-width:100%;
    box-sizing:border-box;
}
.artikel-detail-title{
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
    hyphens:auto;
}
.artikel-detail-content{
    max-width:100%;
    min-width:0;
    overflow-wrap:anywhere;
    word-break:normal;
}
.artikel-detail-hero{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    box-sizing:border-box;
}

@media (max-width:600px){
    .page-head{
        padding:42px 0 18px;
    }

    .page-title{
        font-size:clamp(1.35rem, 7.2vw, 1.8rem);
        line-height:1.15;
        letter-spacing:1px;
        overflow-wrap:anywhere;
        word-break:normal;
        hyphens:auto;
        padding:0 4px;
    }

    p.page-lead{
        font-size:.95rem;
        line-height:1.55;
        padding:0 6px;
    }

    .artikel-detail{
        width:100%;
        max-width:100%;
        min-width:0;
        padding:0;
    }

    .artikel-detail .back-link{
        max-width:100%;
        font-size:.95rem;
        line-height:1.35;
        white-space:normal;
    }

    .artikel-detail-hero{
        width:100%;
        max-width:100%;
        height:auto;
        margin-bottom:22px;
        border-radius:14px;
    }

    .artikel-detail-title{
        font-size:clamp(1.55rem, 7.5vw, 2rem);
        line-height:1.18;
        letter-spacing:.5px;
        margin-bottom:10px;
    }

    .artikel-detail-meta{
        font-size:.88rem;
        line-height:1.4;
        margin-bottom:22px;
    }

    .artikel-detail-content{
        width:100%;
        max-width:100%;
        font-size:1rem;
        line-height:1.75;
        overflow-wrap:anywhere;
        padding-bottom:90px;
    }

    .leist-card-gallery{
        max-width:100%;
        min-width:0;
        padding-bottom:90px;
    }

    .leist-card-gallery img{
        max-width:100%;
        height:auto;
    }
}

/* ---------- LEISTUNGEN/ARTIKEL: Kartentitel mobil einzeilig ---------- */
@media (max-width:600px){
    .leist-card-overlay{padding:16px 16px 14px;}
    .leist-card-title{
        font-size:clamp(0.88rem,4vw,1.05rem);
        line-height:1.25;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .leist-card-short{font-size:0.88rem;}
}