*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4ed;color:#24362d;font:16px/1.55 system-ui,Arial,sans-serif}.top{background:#fffdf9;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(22px,5vw,90px);position:sticky;top:0;z-index:5;box-shadow:0 2px 15px #34433012}.brand{font:bold 26px Georgia,serif;color:#224f3b;text-decoration:none}.brand span{color:#b58b43}.top nav{display:flex;gap:25px;flex-wrap:wrap}.top nav a{color:#344f40;text-decoration:none;font-weight:600}.btn{display:inline-block;background:#286247;color:white;border-radius:12px;padding:12px 22px;text-decoration:none;font-weight:700}.hero{min-height:480px;margin:20px clamp(16px,3vw,55px) 0;border-radius:24px;display:flex;align-items:center;background:linear-gradient(90deg,#142e28d9 0%,#1c393d85 46%,#1c393d00 100%),url('assets/img/hero-start.jpg') center/cover}.hero-text{max-width:720px;color:white;padding:clamp(25px,6vw,85px)}.hero h1{font:clamp(40px,5vw,76px)/1.07 Georgia,serif;margin:12px 0 18px}.hero p{font-size:19px;max-width:550px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:900;color:#b48a45}.hero .eyebrow{color:#ffe0a2}.section{padding:68px clamp(18px,5vw,90px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.section-head h2,.nature h2,.cta h2{font:clamp(30px,3vw,48px) Georgia,serif;margin:8px 0}.section-head p{color:#657166}.categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.categories a{background:#fffdfa;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #24362d10;text-decoration:none;color:inherit;padding-bottom:18px}.categories img{display:block;width:100%;height:195px;object-fit:cover;object-position:center}.categories b,.categories span{display:block;margin:10px 15px 0}.categories b{font:19px Georgia,serif}.categories span{font-size:14px;color:#6d756e}.profiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.profile{border:1px solid #e7ddcc;background:#fff;border-radius:20px;overflow:hidden}.profile img{width:100%;height:235px;object-fit:cover}.profile-body{padding:23px}.profile small{color:#a17a3a;font-weight:800;letter-spacing:.08em}.profile h3{font:30px Georgia,serif;margin:8px 0}.profile p{color:#687369;min-height:75px}.profile button{background:none;border:0;padding:0;color:#286247;font-weight:800;font-size:15px;cursor:pointer}.nature{margin:25px clamp(18px,5vw,90px);display:grid;grid-template-columns:1fr 1fr;background:#e8e4d9;border-radius:24px;overflow:hidden}.nature .nature-left{display:flex;flex-direction:column;min-width:0}.nature .nature-copy{padding:32px 38px 18px}.nature .nature-lake{display:block;width:calc(100% - 76px);height:190px;object-fit:cover;border-radius:14px;margin:0 38px 26px}.nature .nature-village{display:block;width:100%;height:405px;object-fit:cover}.cta{text-align:center;margin:65px auto;padding:55px 25px;max-width:850px;background:#ece5f0;border-radius:25px}.pill{display:inline-block;border-radius:30px;background:#fff;padding:10px 20px;color:#6b5677;font-weight:700}footer{padding:35px;text-align:center;color:#6d756e}dialog{width:min(940px,94vw);border:0;border-radius:24px;padding:0;box-shadow:0 25px 90px #0005}dialog::backdrop{background:#0d251ccc}.close{float:right;border:0;background:#eee;border-radius:50%;width:38px;height:38px;cursor:pointer;margin:12px}.detail-header{padding:35px;background:#eae3f0}.detail-header h2{font:44px Georgia,serif;margin:8px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:25px}.detail-grid img{width:100%;height:320px;object-fit:cover;border-radius:15px}@media(max-width:1250px){.categories{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.top{position:static;flex-wrap:wrap}.categories{grid-template-columns:repeat(2,1fr)}.profiles{grid-template-columns:1fr 1fr}.nature{grid-template-columns:1fr}.nature .nature-village{height:300px}}@media(max-width:620px){.top nav{gap:12px;font-size:14px}.section-head{display:block}.categories,.profiles{grid-template-columns:1fr}.hero{min-height:420px}.detail-grid{grid-template-columns:1fr}}
/* Neubau 04: Scroll-Navigation, fünf Karten und gleich hohe Bildflächen */
html{scroll-padding-top:92px}section[id],footer[id]{scroll-margin-top:92px}
.profiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.profile img{height:205px;display:block}
.profile-body{padding:17px}.profile h3{font-size:23px}.profile p{font-size:14px;min-height:106px}
.profile button{font-size:13px;text-align:left}
.nature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;background:transparent;overflow:visible;margin-top:25px}
.nature-tile{height:365px;position:relative;display:block;overflow:hidden;border-radius:22px;color:white;text-decoration:none}
.nature-tile img{width:100%;height:100%;object-fit:cover;display:block}
.nature-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,37,30,.83),rgba(13,37,30,.02) 75%)}
.nature-label{position:absolute;z-index:1;left:30px;right:24px;bottom:27px;display:flex;flex-direction:column;gap:4px;text-shadow:0 1px 8px #0008}
.nature-label small{color:#f8d28e;font-weight:800;letter-spacing:.12em}
.nature-label strong{font:clamp(26px,2.6vw,40px) Georgia,serif}
.nature-label span{font-size:15px}
@media(max-width:1350px){.profiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.profiles{grid-template-columns:repeat(2,minmax(0,1fr))}.nature{grid-template-columns:1fr}.nature-tile{height:320px}}
@media(max-width:620px){.profiles{grid-template-columns:1fr}.nature-tile{height:285px}.top nav{gap:10px}}

/* Neubau 05: zwei vollständige Rubrikreihen und vier gleich große Ortsbilder */
.categories{grid-template-columns:repeat(5,minmax(0,1fr))}
.nature{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.nature-tile{height:305px}
.nature-label{left:17px;right:12px;bottom:19px}
.nature-label strong{font-size:clamp(19px,1.7vw,27px)}
.nature-label span{font-size:13px}
@media(max-width:1350px){.nature{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.nature{grid-template-columns:1fr}.nature-tile{height:275px}}

/* Neubau 06: interaktive Bildergalerie in der geöffneten Visitenkarte */
.photo-gallery{min-width:0}.photo-gallery .gallery-main{display:block;width:100%;height:320px;object-fit:contain;background:#eeeae1;border-radius:15px}.gallery-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.gallery-thumb{border:3px solid transparent;border-radius:10px;padding:0;background:#f7f4ed;cursor:pointer;overflow:hidden}.gallery-thumb:focus-visible,.gallery-thumb[aria-pressed="true"]{border-color:#286247;outline:2px solid #e6d3a8}.gallery-thumb img{display:block;width:100%;height:75px;object-fit:cover;border-radius:6px}.gallery-note{font-size:13px;color:#657166;margin:8px 0}

/* Neubau 07: echte anklickbare Rubrikseiten und Muster-Visitenkarten */
.welcome-note{margin:30px clamp(18px,5vw,90px) 0;padding:22px 30px;background:#f0e9f3;border-left:5px solid #b9a0c9;border-radius:16px}.welcome-note strong{font:26px Georgia,serif}.welcome-note p{margin:6px 0 0}.rubric-page{max-width:1550px;margin:auto;padding:34px clamp(18px,5vw,90px) 70px}.back-link{color:#286247;text-decoration:none;font-weight:700}.rubric-intro{margin:26px 0 35px}.rubric-intro h1{font:clamp(35px,4vw,56px) Georgia,serif;margin:10px 0}.rubric-intro>p{font-size:18px;color:#657166}.rubric-intro .sample-info{background:#f0e9f3;border-radius:12px;padding:14px 18px;font-size:15px;color:#55465e}.rubric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.rubric-card{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #e7ddcc}.rubric-card>img{width:100%;height:210px;object-fit:cover;display:block}.rubric-card-body{padding:18px}.sample-tag{font-size:11px;letter-spacing:.1em;color:#8b6b9e;font-weight:800}.rubric-card h2{font:23px Georgia,serif;margin:7px 0}.rubric-card p{font-size:14px;color:#687369}.rubric-card button{background:none;border:0;padding:0;color:#286247;font-weight:800;cursor:pointer}.gallery-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-description dl{display:grid;grid-template-columns:100px 1fr;gap:10px 12px;font-size:14px}.detail-description dt{font-weight:800}.detail-description dd{margin:0;overflow-wrap:anywhere}.demo-url{color:#286247;text-decoration:underline}.preview-note{background:#f6f0e6;border-radius:12px;padding:12px;font-size:14px}.more-wrap{text-align:center;margin:25px}.more-btn{border:0;cursor:pointer}@media(max-width:1100px){.rubric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.rubric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.rubric-grid{grid-template-columns:1fr}.detail-description dl{grid-template-columns:1fr}.detail-description dt{margin-top:5px}}

/* Eintragungsformular */
.form-page{max-width:1050px;margin:0 auto;padding:42px 20px 85px;min-height:65vh}.entry-form{background:#fffdf8;border:1px solid #e6dfd0;border-radius:22px;padding:clamp(20px,4vw,44px)}.entry-form h1{font:clamp(30px,4vw,48px) Georgia,serif;margin:12px 0}.entry-form form{display:grid;gap:17px;margin-top:24px}.entry-form label{display:grid;gap:7px;font-weight:650}.entry-form input:not([type=checkbox]),.entry-form select,.entry-form textarea{width:100%;padding:12px;border:1px solid #a9b4a8;border-radius:9px;font:inherit;background:white}.entry-form textarea{resize:vertical}.entry-form .check{display:flex;align-items:flex-start;gap:12px}.entry-form .check input{margin-top:6px}.entry-form .small{font-size:13px;color:#58665b}.entry-form button.btn{border:0;cursor:pointer}.trap{position:absolute;left:-10000px}.private-link{overflow-wrap:anywhere}.admin-entry{padding:18px;margin:15px 0;border:1px solid #ddd;border-radius:12px}.admin-entry form{display:flex;flex-wrap:wrap;gap:10px}.admin-entry button{padding:8px 12px;cursor:pointer}

.rubric-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:25px}.live-grid{margin-top:30px}.live-gallery{max-width:750px;margin:20px 0}.live-gallery #live-main{display:block;width:100%;height:420px;object-fit:contain;background:#edece8;border-radius:12px}

/* Musterbilder nach Gewerbe */
.rubric-card img{object-fit:cover}

/* Version 13: Musterbilder nicht abschneiden */
.profiles.four .profile img{height:270px;object-fit:contain;object-position:center;background:#eeeae2;display:block}
.rubric-card>img{height:270px;object-fit:contain;background:#eeeae2}