/* Originallogo in der Kopfzeile */
.footer-social{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;font-size:.9rem}
/* Auf Tablets passen Navigation und Social-Links nicht nebeneinander. */
@media(min-width:761px) and (max-width:1100px){
  .header .container{gap:14px;justify-content:flex-start}
  .header .menu-btn{display:block;min-width:44px;min-height:44px}
  .header .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;gap:18px}
  .header .nav.open{display:flex}
  .header .nav a.active:after{display:none}
  .header .social-button{width:44px;height:44px;flex:0 0 44px;padding:0;font-size:0}
  .header .social-button:before{width:18px;height:18px;margin:0}
}
.header .brand{width:150px;height:126px;flex:none;padding:0;font-size:0;background:#fff url('../images/logo.jpg') center/contain no-repeat}
.header .brand .brand-mark{display:none}
.header .container{min-height:132px}
@media(max-width:760px){.header .container{min-height:88px}.header .brand{width:92px;height:84px}.nav{top:88px}}

.social-button{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .8rem;border:1px solid var(--green);border-radius:999px;color:var(--forest);font-size:.82rem;font-weight:bold;white-space:nowrap}
.social-button:hover{background:var(--forest);color:#fff}
.social-button:before{content:'';width:17px;height:17px;margin-right:.42rem;background:currentColor;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat}
.social-button[aria-label*="Facebook"]:before{mask-image:url('../images/icon-facebook.svg');-webkit-mask-image:url('../images/icon-facebook.svg')}
.social-button[aria-label*="Instagram"]:before{mask-image:url('../images/icon-instagram.svg');-webkit-mask-image:url('../images/icon-instagram.svg')}

/* Luftaufnahme der Baumschule als Startbanner */
.hero{min-height:270px;background:linear-gradient(90deg,rgba(12,45,31,.78),rgba(12,45,31,.24)),url('../images/start-hero.webp') center/cover}
.hero-content{padding:32px 0}
.hero h1{font-size:clamp(2.1rem,4vw,3.4rem)}
.hero p{font-size:1rem;margin-bottom:.45rem}
.hero .actions{margin-top:15px}
@media(max-width:760px){.hero{min-height:245px}.hero-content{padding:28px 0}.hero h1{font-size:2rem}.hero .eyebrow{margin-bottom:8px}}

.video-section{padding-top:0}
.video-frame{overflow:hidden;background:var(--forest);box-shadow:var(--shadow)}
.video-frame video{display:block;width:100%;max-height:680px;background:#102e24}

.honeypot{display:none!important}
.privacy-check{display:flex;align-items:flex-start;gap:.55rem;font-size:.88rem;line-height:1.45}
.privacy-check input{width:auto;margin-top:.22rem}
.privacy-check a{text-decoration:underline;text-underline-offset:3px}

/* Bilder vollständig anzeigen statt zuschneiden */
.card-img,.image,.detail-image{background-size:contain!important;background-repeat:no-repeat;background-position:center;background-color:#e9eee6}
.detail-image{display:block;width:100%;height:auto;min-height:0!important;max-height:650px;object-fit:contain;background:#e9eee6}

/* Unterhalb des sichtbaren Bereichs erst bei Bedarf rendern */
.gallery,.video-section{content-visibility:auto;contain-intrinsic-size:1px 620px}
.plant-thumb{width:34px;height:34px;object-fit:cover;border-radius:4px;display:block}
.price-table td:first-child{width:48px}
@media(max-width:600px){.plant-thumb{width:30px;height:30px}.price-table td:first-child{width:40px}}

/* Handy: Kopfzeile bleibt innerhalb der Bildschirmbreite, Social-Links nur als Symbole */
@media(max-width:760px){
  html,body{overflow-x:hidden}
  .header .container{gap:8px;justify-content:flex-start}
  .header .social-button{width:36px;height:36px;flex:0 0 36px;padding:0;font-size:0}
  .header .social-button:before{width:18px;height:18px;margin:0}
}
@media(max-width:390px){
  .header .container{min-height:80px;gap:6px}
  .header .brand{width:80px;height:76px}
  .nav{top:80px}
  .header .social-button{width:32px;height:32px;flex-basis:32px}
}

/* Preislisten werden auf Handys zu lesbaren Karten – der Preis bleibt immer sichtbar. */
@media(max-width:600px){
  .price-table{display:block;width:100%!important;margin:20px 0!important;background:transparent!important;border:0!important}
  .price-table thead{display:none!important}
  .price-table tbody,.price-table tr,.price-table td{display:block;width:100%!important;box-sizing:border-box}
  .price-table tr{margin:0 0 12px!important;padding:10px 12px!important;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 2px 10px rgba(20,45,30,.05)}
  .price-table td{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:7px 0!important;border:0!important;text-align:right!important;font-size:.92rem!important}
  .price-table td:before{font-weight:700;color:var(--forest);text-align:left}
  .price-table td:first-child{display:flex!important;justify-content:flex-start;padding:2px 0 8px!important}
  .price-table td:first-child:before{display:none}
  .price-table td:nth-child(2):before{content:'Sorte'}
  .price-table td:nth-child(3):before{content:'Größe'}
  .price-table td:nth-child(4):before{content:'Qualität'}
  .price-table td:nth-child(5){padding-top:10px!important;border-top:1px solid var(--line)!important;font-size:1.04rem!important;font-weight:700}
  .price-table td:nth-child(5):before{content:'Preis'}
  .price-table .plant-thumb{width:64px;height:64px;border-radius:6px}
}

/* Gemeinsamer Feinschliff für eine kompaktere, aber gut bedienbare Mobilansicht. */
.footer .brand::before,.footer .brand::after{content:none!important}.footer .brand .brand-mark{display:none!important}.footer .brand{gap:0!important}.copyright{display:flex;flex-wrap:wrap;align-items:center;gap:7px 15px}.copyright a{display:inline;margin:0}.back-to-top,.scroll-top,[data-scroll-top]{right:max(14px,env(safe-area-inset-right));bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px));z-index:20}
.assortment-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin:0 0 12px;border:1px solid #bdd0bf;border-radius:50%;color:var(--green);background:#f4f8f3}.assortment-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.products .product .card-link--primary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:10px;padding:.55rem .78rem;background:var(--forest);border:1px solid var(--forest);color:#fff}.products .product .card-link--secondary{display:inline-block;margin:10px 0 0;color:var(--green)}.products .product .card-link--primary:hover{background:var(--green);border-color:var(--green)}
.split--content-only{grid-template-columns:minmax(0,760px);justify-content:center}
.facts .container{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards .card-img{height:300px}
@media(max-width:760px){.topbar .container{min-height:30px;padding:4px 0;font-size:.78rem}.header .container{min-height:76px;gap:7px}.header .brand{width:84px;height:72px;flex:0 0 84px}.nav{top:76px;padding:15px 20px;gap:14px}.menu-btn{min-width:42px;min-height:42px}.social-button{margin-left:0}.hero{min-height:500px}.hero-content{padding:50px 0 42px}.hero .eyebrow{margin-bottom:11px}.hero p{font-size:1rem;margin-bottom:.7rem}.hero .actions{margin-top:17px}.hero .actions .button{min-height:42px;padding:.62rem .8rem;font-size:.88rem}.hero .actions .button:nth-child(n+2){background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.8)}section{padding:48px 0}.section-intro{margin-bottom:26px}.section-intro p{font-size:1rem}.facts .container{gap:0}.fact{padding:17px 20px}.fact strong{font-size:1.55rem}.cards,.products{gap:16px}.card-img{height:172px}.card-body{padding:17px}.products .product{padding:18px}.products .product .icon{margin-bottom:9px}.products .product .card-link--primary{margin-top:7px}.products .product .card-link--secondary{margin-top:8px}.image{min-height:250px}.footer{padding:38px 0 17px}.footer-grid{gap:14px}.footer-grid>div{margin:0}.footer h3{margin-bottom:.4rem}.footer a{margin:3px 0}.copyright{margin-top:22px;padding-top:15px;gap:5px 12px}.back-to-top,.scroll-top,[data-scroll-top]{right:max(10px,env(safe-area-inset-right));bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px));width:44px;height:44px}.category-highlight{margin:20px 0}.category-highlight img{height:190px}.price-table{margin:17px 0}}
@media(max-width:390px){.header .container{min-height:70px}.header .brand{width:78px;height:67px;flex-basis:78px}.nav{top:70px}.hero{min-height:470px}.hero-content{padding:43px 0 35px}.hero .actions{gap:7px}.hero .actions .button{font-size:.82rem;padding:.58rem .68rem}.card-img{height:158px}.container{width:min(1160px,calc(100% - 28px))}}

/* Zusätzliche Verdichtung der ersten Bildschirmhöhe auf Smartphones. */
@media(max-width:760px){h1,h2,h3{hyphens:auto;overflow-wrap:anywhere}}
@media(max-width:760px){.hero{min-height:330px}.hero-content{padding:32px 0 30px}}
@media(max-width:390px){.hero{min-height:300px}.hero-content{padding:25px 0}}

@media(max-width:760px){.facts .container{grid-template-columns:1fr}.cards .card-img{height:240px}.category-highlight img{height:240px}}
@media(max-width:390px){.cards .card-img{height:220px}}

/* Die obere Leiste bleibt auf allen Seitentypen gleich kompakt und zeigt mobil
   zuverlässig die Telefonnummer statt einer leeren grünen Fläche. */
@media(max-width:760px){
  .topbar .container>span:first-child:not(:last-child){display:none!important}
  .topbar .container>span:last-child{display:block!important;text-align:center}
  .offer--season-home{padding-top:32px}
  .back-to-top.is-footer-visible,.scroll-top.is-footer-visible,[data-scroll-top].is-footer-visible{opacity:0;pointer-events:none}
}