/*
Theme Name: Balkan-Stübchen
Theme URI: https://www.balkan-rees.de/
Author: OpenAI
Description: Rustikales, farbenfrohes WordPress-Theme für das Balkan-Stübchen in Rees. Enthält einen responsiven Bild-Slider und anpassbare Sliderbilder.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: balkan-stuebchen
*/
:root{--ink:#2e211a;--muted:#746254;--paper:#f5ead8;--white:#fff8eb;--green:#31563d;--green2:#547544;--line:#dfc9aa;--accent:#c64b32;--terracotta:#b94d34;--sun:#e2ae3b;--blue:#416b78;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--terracotta)}.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.site-header{background:rgba(245,234,216,.97);border-bottom:1px solid var(--line);position:relative;z-index:10}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.04em;font-size:1.15rem}.brand-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--terracotta);color:var(--white);font-family:var(--serif);font-size:22px}.nav-links{display:flex;align-items:center;gap:26px;font-size:.92rem;color:var(--muted)}.nav-links a{padding:8px 0}.nav-links a:hover{color:var(--terracotta)}
.hero{padding:58px 0 70px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:42px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:850;color:var(--green);margin:0 0 16px}.hero h1{font:500 clamp(3.1rem,6vw,5.4rem)/.98 var(--serif);letter-spacing:-.055em;margin:0 0 22px}.hero h1 em{color:var(--terracotta);font-weight:400}.hero-copy{font-size:1.08rem;color:var(--muted);max-width:500px;margin-bottom:28px}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:4px;font-weight:750;font-size:.92rem;border:1px solid var(--green);transition:transform .15s,filter .15s}.btn:hover{transform:translateY(-1px);filter:saturate(1.15)}.btn-primary{background:var(--terracotta);border-color:var(--terracotta);color:#fff8eb}.btn-primary:hover{color:#fff8eb}.btn-secondary{color:var(--green);background:#fff3dc}
.slider{position:relative;overflow:hidden;min-height:410px;background:linear-gradient(135deg,#d7a04a,#c65b3c 42%,#547544 72%,#31566a);border:8px solid #f0d9a9;box-shadow:0 16px 36px #4d321d24;border-radius:5px}.slider-track{position:relative;min-height:394px}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease;display:flex;align-items:flex-end;background-size:cover;background-position:center}.slide.is-active{opacity:1;visibility:visible}.slide:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(30,24,15,.78),rgba(30,24,15,.03) 72%)}.slide-content{position:relative;color:#fff8eb;padding:28px 30px;max-width:500px}.slide-kicker{display:inline-block;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;background:var(--sun);color:#2e211a;padding:5px 9px;margin-bottom:10px}.slide h2{font:500 clamp(1.8rem,3.2vw,2.7rem)/1.05 var(--serif);margin:0 0 7px}.slide p{margin:0;color:#fff3dc}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;border:0;border-radius:50%;width:42px;height:42px;background:#fff8ebed;color:var(--ink);font-size:1.45rem;cursor:pointer;display:grid;place-items:center}.slider-arrow:hover{background:var(--sun)}.slider-prev{left:14px}.slider-next{right:14px}.slider-dots{position:absolute;z-index:4;right:24px;bottom:25px;display:flex;gap:8px}.slider-dot{width:10px;height:10px;border:1px solid white;border-radius:50%;background:transparent;padding:0;cursor:pointer}.slider-dot[aria-current="true"]{background:var(--sun);border-color:var(--sun);transform:scale(1.2)}.slider-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.welcome-band{background:var(--green);color:var(--white);padding:25px 0}.welcome-inner{display:flex;justify-content:space-between;gap:22px;align-items:center}.welcome-inner strong{font:400 1.5rem var(--serif)}.welcome-inner span{color:#f2dfbf;font-size:.95rem}
section.content-section{padding:78px 0}.section-head{max-width:660px;margin-bottom:34px}.section-head h2,.visit h2{font:500 clamp(2.2rem,4vw,3.4rem)/1.08 var(--serif);letter-spacing:-.035em;margin:0 0 15px}.section-head>p:last-child{color:var(--muted);font-size:1.02rem}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:var(--white);border:1px solid var(--line);border-top:4px solid var(--terracotta);padding:27px 25px;min-height:190px}.feature:nth-child(2){border-top-color:var(--sun)}.feature:nth-child(3){border-top-color:var(--green2)}.feature-number{font:400 1.4rem var(--serif);color:var(--terracotta)}.feature h3{font-size:1.08rem;margin:17px 0 8px}.feature p{color:var(--muted);font-size:.94rem;margin:0}
.visit{background:#ead7b8}.visit-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:start}.visit-copy{color:var(--muted)}.contact-list{margin:0}.contact-row{padding:17px 0;border-bottom:1px solid #d5bfa0;display:grid;grid-template-columns:120px 1fr;gap:16px}.contact-row dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.contact-row dd{margin:0;font-weight:650}.note{font-size:.9rem;color:var(--muted);margin-top:15px}.contact-card{margin-top:42px;background:var(--white);padding:28px;border:1px solid var(--line);border-left:5px solid var(--sun)}.contact-card h3{font:500 1.8rem var(--serif);margin:0 0 8px}.contact-card p{color:var(--muted)}.site-footer{padding:26px 0;border-top:1px solid var(--line);background:#f0dfc4;color:var(--muted);font-size:.84rem}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-inner p{margin:0}
@media(max-width:800px){.nav{min-height:72px}.nav-links{gap:14px;font-size:.84rem}.hero{grid-template-columns:1fr;gap:28px;padding:44px 0 52px}.hero h1{font-size:clamp(3rem,12vw,4.5rem)}.slider,.slider-track{min-height:350px}.features{grid-template-columns:1fr}.feature{min-height:auto}.visit-grid{grid-template-columns:1fr;gap:26px}.welcome-inner{align-items:flex-start;flex-direction:column;gap:5px}section.content-section{padding:58px 0}}
@media(max-width:480px){.wrap{width:calc(100% - 28px)}.brand{font-size:1rem}.nav-links a:nth-child(1){display:none}.nav-links{gap:12px}.slider,.slider-track{min-height:320px}.slide-content{padding:22px 20px}.slider-arrow{width:36px;height:36px}.slider-dots{bottom:18px;right:18px}.contact-row{grid-template-columns:95px 1fr}.actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide,.btn{transition:none}}


/* Google-Bewertungen */
.reviews-section{background:#fff8eb}
.reviews-summary{display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:#f5ead8;border:1px solid var(--line);padding:25px 28px;margin:0 0 22px}
.reviews-score{font:500 3rem/1 var(--serif);color:var(--ink);letter-spacing:-.05em}
.reviews-stars{color:#d49a20;letter-spacing:.08em;font-size:1.35rem;line-height:1.2}
.reviews-meta{color:var(--muted);font-size:.9rem}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.review-card{background:#fffdf7;border:1px solid var(--line);border-radius:4px;padding:23px 22px}
.review-card .reviews-stars{font-size:1rem;margin-bottom:12px}
.review-card blockquote{margin:0 0 14px;font:400 1.17rem/1.4 var(--serif)}
.review-card p{font-size:.85rem;color:var(--muted);margin:0}
.review-disclaimer{font-size:.8rem;color:var(--muted);margin:16px 0 0}
@media(max-width:800px){.review-grid{grid-template-columns:1fr}.reviews-summary{gap:14px;padding:20px}}

/* Dezenter KI-Hinweis im Footer */
.ai-credit{font-size:.72rem;opacity:.72;letter-spacing:.01em}

/* Anpassbarer Call-to-Action-Bereich */
.contact-card{background:var(--cta-bg,var(--white));border-color:var(--cta-border,var(--line));border-left-color:var(--cta-accent,var(--sun))}
.contact-card .eyebrow{color:var(--cta-eyebrow,var(--green))}
.contact-card h3{color:var(--cta-heading,var(--ink))}
.contact-card p{color:var(--cta-copy,var(--muted))}

/* Call-to-action: vollständig ausblendbar */

/* Anpassbare Hero-Schaltflächen */
.hero-actions .btn{min-width:0}


/* Globale Typografie-Optionen aus dem Customizer */
body{font-family:var(--site-body-font,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--site-body-size,16px);color:var(--site-text-color,var(--ink))}
h1,h2,h3,h4,h5,h6,.brand,.welcome-inner strong,.slide h2,.review-card blockquote{font-family:var(--site-heading-font,Georgia,"Times New Roman",serif)}
a{transition:color .15s ease}
.btn{font-family:var(--site-button-font,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--site-button-size,.92rem);font-weight:var(--site-button-weight,750);text-transform:var(--site-button-case,none);letter-spacing:var(--site-button-spacing,0)}

/* Footer anpassbar über den WordPress-Customizer */
.ai-credit{font-size:var(--footer-credit-size, .72rem);opacity:.72;letter-spacing:.01em}


/* Vollständig über WordPress-Menüs steuerbare Navigation */
.nav-links .menu{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}
.nav-links .menu-item{list-style:none;margin:0;padding:0}
.nav-links .menu-item>a{display:block;padding:8px 0;color:var(--muted);font-size:.92rem}
.nav-links .menu-item>a:hover,.nav-links .current-menu-item>a,.nav-links .current_page_item>a{color:var(--terracotta)}
.nav-links .sub-menu{position:absolute;display:none;list-style:none;margin:0;padding:8px 0;min-width:190px;background:var(--white);border:1px solid var(--line);box-shadow:0 10px 24px #2e211a18;z-index:20}
.nav-links .menu-item{position:relative}
.nav-links .menu-item:hover>.sub-menu,.nav-links .menu-item:focus-within>.sub-menu{display:block}
.nav-links .sub-menu a{display:block;padding:9px 14px;white-space:nowrap;color:var(--ink)}
.nav-links .sub-menu a:hover{background:var(--paper);color:var(--terracotta)}
.nav-links .menu-item-has-children>a:after{content:"⌄";font-size:.8em;margin-left:6px}
@media(max-width:800px){.nav-links .menu{gap:14px}.nav-links .menu-item>a{font-size:.84rem}}
@media(max-width:480px){.nav-links .menu{gap:12px;flex-wrap:wrap;justify-content:flex-end}.nav-links .menu-item>a{font-size:.8rem}}


/* Anpassbare Kopfzeilen-Navigation */
.site-header{background:var(--nav-bg,#f5ead8);border-bottom:1px solid var(--nav-border,#dfc9aa)}
.nav-links .menu{justify-content:var(--nav-align,center);gap:var(--nav-gap,26px)}
.nav-links .menu-item>a{color:var(--nav-link-color,#746254);font-size:var(--nav-font-size,.92rem);font-weight:var(--nav-font-weight,400);padding-top:var(--nav-vpad,8px);padding-bottom:var(--nav-vpad,8px)}
.nav-links .menu-item>a:hover,.nav-links .current-menu-item>a,.nav-links .current_page_item>a{color:var(--nav-hover-color,#b94d34)}
.nav-links .sub-menu{background:var(--nav-dropdown-bg,#fff8eb);border-color:var(--nav-border,#dfc9aa)}
.nav-links .sub-menu a{color:var(--nav-link-color,#746254)}