/*
Theme Name: SaunaProfis
Version: 28.0
*/
body{margin:0;font-family:Arial,sans-serif;background:#f6efe3}
.hero{height:430px;background-size:cover;background-position:center;display:flex;align-items:center;padding-left:7%;color:white}
.hero-content{max-width:600px}
.hero h1{font-size:64px;line-height:1.05;margin:0 0 20px;font-weight:700}
.hero h1 span{color:#e1a72d}
.hero p{font-size:20px}
.hero a{display:inline-block;background:#e1a72d;color:#111;padding:15px 30px;border-radius:30px;text-decoration:none}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:40px 7%}
.card{height:260px;background-size:cover;background-position:center;border-radius:18px;color:#fff;display:flex;align-items:end;padding:20px;font-size:28px;font-weight:bold;text-decoration:none}
footer{background:#21140d;color:#fff;padding:50px 7%;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
footer a{color:#fff}

.page-hero{height:220px;background:url('assets/images/Header.webp') center/cover}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:35px;padding:40px 7%}.sidebar{background:#ead7bd;padding:25px;border-radius:15px}.sidebar h3{color:#8b5a20}@media(max-width:900px){.content-layout{grid-template-columns:1fr}}

.site-header{height:0;overflow:hidden}
.site-home-link{display:block}
.page-hero{height:410px;background-size:cover;background-position:center}
.copyright{width:100%;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}

/* Unterseiten: definitives Content/Sidebar-Layout v13 */
body:not(.home) .content-layout {
    width: min(1250px, calc(100% - 80px));
    margin: 40px auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 40px;
    align-items: start;
}

body:not(.home) .page-content {
    min-width: 0;
    width: 100%;
    max-width: 850px;
}

body:not(.home) .content-layout > .sidebar {
    width: 300px;
    box-sizing: border-box;
    margin: 0;
    position: sticky;
    top: 30px;
}

@media (max-width: 900px) {
    body:not(.home) .content-layout {
        width: calc(100% - 40px);
        grid-template-columns: 1fr;
    }

    body:not(.home) .page-content {
        max-width: none;
    }

    body:not(.home) .content-layout > .sidebar {
        width: 100%;
        position: static;
    }
}


/* Kategorie-/Beitragslisten v18: Beitragsbild nur anzeigen, wenn vorhanden */
.archive-post {
    margin: 0 0 28px;
}
.archive-post.has-thumbnail {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}
.archive-thumb {
    display: block;
}
.archive-thumb img {
    display: block;
    width: 190px;
    height: 125px;
    object-fit: cover;
    border-radius: 12px;
}
.archive-post-content {
    min-width: 0;
}
.archive-post-content h2 {
    margin-top: 0;
}
@media (max-width: 650px) {
    .archive-post.has-thumbnail {
        grid-template-columns: 110px minmax(0, 1fr);
        gap: 15px;
    }
    .archive-thumb img {
        width: 110px;
        height: 85px;
    }
}

/* v22: isolated comparison banner below the four homepage cards */
.saunaprofis-compare-banner{display:block;max-width:1680px;margin:0 auto 40px;padding:0 20px;box-sizing:border-box;line-height:0;text-decoration:none}
.saunaprofis-compare-banner img{display:block;width:100%;height:auto;border-radius:14px}
@media(max-width:700px){.saunaprofis-compare-banner{padding:0 12px;margin-bottom:28px}.saunaprofis-compare-banner img{border-radius:10px}}


/* v23 – echte responsive Mobilansicht, Desktop bleibt unverändert */
@media (max-width: 700px) {
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  *,*:before,*:after{box-sizing:border-box}
  .hero{width:100%;height:260px;padding:0 16px;background-position:center center}
  .hero-content{width:100%;max-width:100%}
  .cards{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 14px}
  .card{width:100%;min-width:0;height:170px;padding:13px;font-size:20px;border-radius:14px;overflow:hidden}
  .saunaprofis-compare-banner{width:100%;max-width:100%;padding:0 14px;margin:4px auto 24px}
  footer{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;padding:32px 18px;font-size:14px;line-height:1.55}
  footer>div{min-width:0;overflow-wrap:anywhere}
  footer .copyright{grid-column:1/-1;margin-top:4px}
  body:not(.home) .content-layout{width:100%;max-width:100%;margin:20px 0;padding:0 16px;gap:24px}
  body:not(.home) .page-content{width:100%;max-width:100%;min-width:0}
  body:not(.home) .content-layout>.sidebar{width:100%!important;max-width:100%;min-width:0}
  .page-hero{height:230px;width:100%}
}
@media (max-width: 420px) {
  .hero{height:235px}
  .cards{gap:10px;padding:14px 12px}
  .card{height:155px;padding:11px;font-size:18px}
  footer{grid-template-columns:1fr 1fr;padding:28px 16px;gap:22px 14px;font-size:13px}
}


/* v24 – Mobile Hero: komplettes Headerbild ohne seitlichen Beschnitt */
@media (max-width: 700px) {
  .hero {
    height:auto;
    aspect-ratio: 1680 / 620;
    padding:0;
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-position:center center;
  }
}


/* v26 – Sidebar kompakter und passend zum SaunaProfis-Markt */
body:not(.home) .sidebar{font-size:13px;line-height:1.32}
body:not(.home) .sidebar h3{font-size:18px;line-height:1.2;margin:22px 0 10px;color:#8b5a20}
body:not(.home) .sidebar h3:first-child{margin-top:0}
body:not(.home) .sidebar ul{list-style:none;margin:0;padding:0}
body:not(.home) .sidebar li{margin:0;border-bottom:1px solid rgba(139,90,32,.14)}
body:not(.home) .sidebar li:last-child{border-bottom:0}
body:not(.home) .sidebar li a{display:block;padding:6px 2px;color:#6c451b;text-decoration:none;font-size:13px;line-height:1.28;overflow-wrap:anywhere}
body:not(.home) .sidebar li a:visited{color:#6c451b}
body:not(.home) .sidebar li a:hover,body:not(.home) .sidebar li a:focus{color:#3f2811;text-decoration:underline}
body:not(.home) .sidebar form{margin-bottom:18px}
body:not(.home) .sidebar input[type=search]{max-width:100%;box-sizing:border-box}
@media(max-width:900px){body:not(.home) .sidebar{font-size:13px}body:not(.home) .sidebar h3{font-size:17px}}


/* v28 – dezenter Startseiten-Link oberhalb des Inhalts auf Unterseiten */
body:not(.home) .sp-home-back{margin:0 0 18px}
body:not(.home) .sp-home-back a{display:inline-flex;align-items:center;gap:7px;color:#6c451b;text-decoration:none;font-size:14px;font-weight:700;line-height:1.2;padding:7px 11px;border:1px solid rgba(139,90,32,.24);border-radius:999px;background:rgba(255,255,255,.38)}
body:not(.home) .sp-home-back a:hover,body:not(.home) .sp-home-back a:focus{color:#3f2811;text-decoration:underline;background:rgba(255,255,255,.62)}
@media(max-width:700px){body:not(.home) .sp-home-back{margin:0 0 14px}body:not(.home) .sp-home-back a{font-size:13px;padding:6px 10px}}