/* Base */
:root{
  --primary:#d9934f;
  --text:#333;
  --muted:#777;
  --card:#ffffff;
  --bg:#fffdf9;
  --shadow:0 10px 24px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}

.site-header{
  display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.2rem 1rem;
}
.brand{display:block;text-align:center}
.site-header .brand .logo-img{
  height: 220px !important;
  width: auto !important;
  display: block;
  margin: 0 auto;
  max-height: none !important;
}

.nav{display:flex;gap:1.5rem;margin-top:.4rem}
.nav-link{text-decoration:none;color:#c27d35;font-weight:600}
.nav-link:hover{text-decoration:underline}

.container{width:min(960px,92%);margin:0 auto 80px}

.hero{background:linear-gradient(180deg,#fff6e8,transparent);border-radius:14px;padding:18px;border:1px solid #f1e7d9;margin:8px 0 24px;box-shadow:var(--shadow)}
.intro.content{font-size:18px;line-height:1.6;color:#482e1a}
.intro.content strong{font-weight:700}
.intro.content em{font-style:italic}
.intro.content .allura{font-family:'Allura',cursive;font-size:30px;color:#7b4a1e}

.grid{margin-top:8px}
.polaroid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}

.polaroid{background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:0 0 16px;border:1px solid #eee;transform:rotate(-.6deg)}
.polaroid:nth-child(2n){transform:rotate(.6deg)}

.polaroid-hero{background:linear-gradient(180deg,#ffd7ae,#ffffff 60%);padding:22px;border-radius:12px 12px 0 0;border-bottom:1px solid #f0e0ce}

.polaroid-photo{background:#f9f9f9;border:1px solid #eee;border-radius:8px;overflow:hidden}
.polaroid-photo .slide{width:100%;aspect-ratio:1/1;object-fit:cover;display:none}
.polaroid-photo .slide.active{display:block}

.polaroid-caption{padding:10px 14px 0;text-align:center}
.polaroid .title{font-family:'Allura',cursive;font-size:30px;color:#7b4a1e;margin:10px 0 0}
.polaroid .no{font-family:monospace;color:#555;margin:6px 0}

.dots{display:flex;gap:6px;justify-content:center;margin:6px 0 0}
.dot{width:7px;height:7px;border-radius:50%;background:#ddd}
.dot.active{background:#c27d35}

.site-footer{padding:30px 0;text-align:center;color:var(--muted)}
@media (max-width:520px){
  .logo-img{height:70px}
  .polaroid .title{font-size:26px}
}
.logo {
    text-align: center;
    margin: 20px 0;
}

.logo img {
    height: 140px;
    width: auto;
}
/* Einheitliche Bildfläche für die Polaroid-Karte */
.polaroid-photo{
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  /* gewünschtes Seitenverhältnis der Bühne: 4:3 (wirkt edel-breit) */
  aspect-ratio: 4 / 3;
}

/* Bilder IMMER auf die Bühne einpassen */
.polaroid-photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;    /* zentriert, ohne Verzerrung, mit elegantem Zuschnitt */
  display: block;
}

/* Falls der Slider ein Wrapper-Element hat */
.slider,
.slider .slide{
  height: 100%;
}
.slider .slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Auf sehr kleinen Screens gerne quadratisch */
@media (max-width: 520px){
  .polaroid-photo{ aspect-ratio: 1 / 1; }
}
/* --- FORCE PRODUCT IMAGE SIZE --- */
.polaroid-photo { 
  width:100%;
  height:300px;           /* gewünschte Bühnenhöhe */
  overflow:hidden;
  border-radius:16px;
}

.polaroid-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;  /* sauberer Zuschnitt */
  display:block;
}