/*
Theme Name: Strand Expert Coast
Theme URI: https://strand-expert.eu/
Author: Strand Expert
Description: Eigenständiges responsives Strand-Magazin mit globalem Headerbild und Sidebar.
Version: 1.3.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: strand-expert-coast
*/
:root{--ink:#172336;--blue:#006e83;--sea:#00a5b2;--sand:#fff5df;--paper:#fffefa;--line:#d8e4e4;--shadow:#152637;--muted:#536477}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fbfaf5;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.72}a{color:#006c85}a:hover{color:#004b61}.wrap{max-width:1240px;margin:auto;padding:0 24px}.topline{background:#142235;color:white;text-align:center;padding:8px 15px;font-size:.82rem;font-weight:700;letter-spacing:.035em}.sitebar{background:var(--paper);border-bottom:2px solid var(--ink)}.sitebar-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:1.35rem;font-weight:900;letter-spacing:-.04em}.brand-icon{width:43px;height:43px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:#75e2e1;box-shadow:3px 3px 0 var(--ink);font-size:1.35rem}.site-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:25px;padding:0;margin:0}.site-nav a{font-weight:800;text-decoration:none;color:var(--ink)}.site-nav a:hover{text-decoration:underline}.menu-toggle{display:none;border:2px solid var(--ink);background:white;border-radius:10px;padding:7px 12px;font-weight:800}.banner{position:relative;overflow:hidden;background:#b4e8e8;border-bottom:3px solid var(--ink)}.banner img{width:100%;height:clamp(200px,29vw,355px);object-fit:cover;object-position:center;display:block}.banner-link{display:block}.section{padding:42px 0}.intro{padding:28px 0 6px}.eyebrow{display:inline-block;border:2px solid var(--ink);border-radius:30px;background:#ffdc65;padding:4px 13px;font-size:.78rem;font-weight:900;box-shadow:2px 2px 0 var(--ink)}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}h1{font-size:clamp(2rem,4vw,3.4rem);margin:16px 0}h2{font-size:clamp(1.5rem,2.7vw,2.1rem)}h3{font-size:1.25rem}.intro p{max-width:800px;font-size:1.08rem}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start;padding-top:35px;padding-bottom:65px}.main-content{min-width:0}.panel,.widget,.post-card,.cat-card{background:white;border:2px solid var(--ink);border-radius:19px;box-shadow:6px 6px 0 var(--shadow)}.panel{padding:clamp(20px,3vw,40px)}.panel>:first-child{margin-top:0}.panel img{max-width:100%;height:auto;border-radius:10px}.panel table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.panel th,.panel td{border:1px solid #b8cbcd;padding:10px 12px;text-align:left}.panel th{background:#e9f8f8}.panel blockquote{border-left:5px solid var(--sea);padding:8px 18px;background:#eff9f8;margin-left:0}.sidebar{display:grid;gap:22px}.widget{padding:22px}.widget h2,.widget-title{font-size:1.1rem;margin:0 0 14px}.widget ul{list-style:none;margin:0;padding:0}.widget li{padding:9px 0;border-bottom:1px solid var(--line)}.widget li:last-child{border:0}.widget a{text-decoration:none;font-weight:650}.widget a:hover{text-decoration:underline}.search-form{display:flex;gap:5px}.search-field{width:100%;min-width:0;border:1px solid #b9c8c8;border-radius:8px;padding:10px}.search-submit,.button{border:2px solid var(--ink);background:#ffe074;border-radius:9px;padding:9px 12px;font-weight:850;cursor:pointer;text-decoration:none;color:var(--ink)}.cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cat-card{padding:24px;text-decoration:none;color:var(--ink);transition:transform .15s}.cat-card:nth-child(5n+1){background:#e9f9fb}.cat-card:nth-child(5n+2){background:#fff3dd}.cat-card:nth-child(5n+3){background:#f3f9e4}.cat-card:nth-child(5n+4){background:#fff0f6}.cat-card:nth-child(5n){background:#f0f2ff}.cat-card:hover,.post-card:hover{transform:translateY(-3px)}.cat-card h3{margin:10px 0}.cat-icon{font-size:1.65rem}.posts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.post-card{overflow:hidden;transition:transform .15s}.post-card a{text-decoration:none;color:var(--ink)}.post-card .thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#e7f4f3}.post-card-body{padding:20px}.post-card h3{margin:7px 0 10px}.post-card p{margin:0;color:var(--muted)}.meta{font-size:.85rem;color:var(--muted)}.archive-head{margin-bottom:26px}.pagination{margin-top:32px}.pagination .page-numbers{display:inline-block;padding:7px 13px;margin:3px;border:1px solid var(--ink);border-radius:7px}.site-footer{background:#142235;color:white;padding:44px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px}.site-footer a{color:white}.site-footer ul{padding-left:17px}.site-footer h3{margin-top:0}.copyright{margin-top:25px;border-top:1px solid #56616c;padding-top:20px;font-size:.85rem}.breadcrumbs{font-size:.83rem;color:var(--muted);margin:0 0 20px}.entry-title{margin-top:0}.entry-content p{margin-bottom:1.25em}.entry-content h2{margin-top:1.65em}.entry-content h3{margin-top:1.4em}.entry-content ul,.entry-content ol{padding-left:25px}.entry-content a{text-decoration:underline}.alignwide{max-width:100%}.wp-block-image img{height:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:white;z-index:1000;padding:10px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.screen-reader-text:focus{position:static;width:auto;height:auto;clip:auto}.site-nav .current-menu-item>a{text-decoration:underline}@media(max-width:900px){.content-grid{grid-template-columns:minmax(0,1fr) 260px;gap:22px}.wrap{padding:0 18px}.posts-grid{grid-template-columns:1fr}}@media(max-width:720px){.sitebar-inner{min-height:70px;flex-wrap:wrap}.menu-toggle{display:block}.site-nav{display:none;width:100%;padding:0 0 16px}.site-nav.open{display:block}.site-nav ul{display:block}.site-nav li{padding:10px 0;border-top:1px solid var(--line)}.banner img{height:clamp(150px,33vw,240px)}.content-grid{display:flex;flex-direction:column;padding-top:22px}.main-content,.sidebar{width:100%}.sidebar{grid-template-columns:1fr 1fr}.cat-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:480px){.wrap{padding:0 14px}.brand{font-size:1.15rem}.brand-icon{width:37px;height:37px}.sidebar{grid-template-columns:1fr}.panel{padding:20px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.banner img{height:150px}}

/* Coast 1.1 – neues Panoramabanner ohne abgeschnittene Bildschrift */
.banner{height:clamp(245px,24vw,390px);background:#4bbac6 url('assets/strand-banner-clean.webp') center 58%/cover no-repeat;display:flex;align-items:center;isolation:isolate}
.banner-overlay{width:100%;height:100%;display:flex;align-items:center;background:linear-gradient(90deg,rgba(9,33,50,.72) 0%,rgba(9,33,50,.42) 45%,rgba(9,33,50,.02) 100%)}
.banner-inner{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:9px;color:white;text-shadow:0 2px 8px rgba(0,0,0,.25)}
.banner-kicker{font-size:.82rem;font-weight:900;letter-spacing:.13em;background:#ffdc65;color:#172336;text-shadow:none;border:2px solid #172336;border-radius:25px;padding:4px 12px}
.banner-inner strong{font-size:clamp(1.75rem,4vw,3.6rem);max-width:790px;line-height:1.1;letter-spacing:-.04em}
.banner-subtitle{font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:600}
/* kompakte Artikelkarten: keine übergroßen Vorschaubilder in Kategorien */
.posts-grid{grid-template-columns:1fr;gap:17px}
.post-card>a{display:grid;grid-template-columns:220px minmax(0,1fr);height:100%;align-items:stretch}
.post-card .thumb{width:220px;height:100%;min-height:155px;max-height:225px;aspect-ratio:auto;object-fit:cover;border-radius:0}
.post-card-body{padding:18px 21px}
.post-card h3{font-size:1.1rem;line-height:1.3;margin:5px 0 9px}
.post-card p{font-size:.93rem;line-height:1.55}
@media(max-width:720px){.banner{height:250px;background-position:55% center}.banner-overlay{background:linear-gradient(90deg,rgba(9,33,50,.8),rgba(9,33,50,.26))}.post-card>a{grid-template-columns:150px minmax(0,1fr)}.post-card .thumb{width:150px;min-height:145px}.post-card-body{padding:14px}.post-card h3{font-size:1rem}}
@media(max-width:480px){.banner{height:225px}.banner-subtitle{font-size:.85rem}.post-card>a{grid-template-columns:1fr}.post-card .thumb{width:100%;height:165px;min-height:0;max-height:none}.post-card-body{padding:16px}}

/* Compact editorial introduction below the latest posts */
.home-guide{margin:52px 0 28px;padding:30px 32px;background:#f0f9fa;border:2px solid #18263b;border-radius:20px;box-shadow:6px 7px 0 #18263b;}
.home-guide h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2;margin:18px 0 16px;}
.home-guide h3{font-size:1.15rem;margin:22px 0 8px;}
.home-guide p{font-size:1rem;line-height:1.8;margin:0 0 14px;}
.home-guide-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
@media(max-width:700px){.home-guide{padding:22px 18px;margin-top:35px;box-shadow:4px 5px 0 #18263b}.home-guide-columns{grid-template-columns:1fr;gap:0;}}