/* igelkunibert.de – statische Version (Tailwind-2-Subset, ohne Build) */

@font-face{font-family:Handlee;src:url(../fonts/Handlee-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Noto Sans";src:url(../fonts/NotoSans-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Noto Sans";src:url(../fonts/NotoSans-Bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Noto Sans";src:url(../fonts/NotoSans-Italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"Noto Sans";src:url(../fonts/NotoSans-BoldItalic.woff2) format("woff2");font-style:italic;font-weight:700;font-display:swap}

/* reset */
html{tab-size:4;line-height:1.5;-webkit-text-size-adjust:100%;font-family:"Noto Sans",sans-serif}
body{margin:0;font-family:inherit;line-height:inherit;color:#111827;background:#fff}
*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}
h1,h2,h3,h4,h5,h6,p,blockquote,figure,hr,pre,dl,dd{margin:0}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
ol,ul{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:inherit}
button{font-family:inherit;font-size:100%;line-height:inherit;margin:0;padding:0;color:inherit;background:transparent;background-image:none;cursor:pointer;text-transform:none;-webkit-appearance:button}
img,svg,video{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none!important}

/* layout */
.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}
@media (min-width:640px){.container{max-width:640px}}
@media (min-width:768px){.container{max-width:768px}}
@media (min-width:1024px){.container{max-width:1024px}}
@media (min-width:1280px){.container{max-width:1280px}}
@media (min-width:1536px){.container{max-width:1536px}}

.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}
.z-10{z-index:10}
.mx-auto{margin-left:auto;margin-right:auto}
.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.-mt-24{margin-top:-6rem}
.ml-4{margin-left:1rem}
.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}
.h-48{height:12rem}.h-auto{height:auto}.min-h-screen{min-height:100vh}
.w-80{width:20rem}.w-full{width:100%}
.max-w-xs{max-width:20rem}.max-w-lg{max-width:32rem}.max-w-screen-lg{max-width:1024px}
.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}
.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}
.gap-4{gap:1rem}.gap-8{gap:2rem}
.overflow-hidden{overflow:hidden}
.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}
.bg-white{background-color:#fff}.bg-gray-100{background-color:#f3f4f6}
.bg-kunibert-green{background-color:#2a362c}
.bg-kunibert-light-green{background-color:#3c4d3f}
.bg-kunibert-brown{background-color:#b7732d}
.bg-kunibert-light-brown{background-color:#cb8035}
.hover\:bg-kunibert-light-brown:hover{background-color:#cb8035}
.p-4{padding:1rem}.p-6{padding:1.5rem}.p-12{padding:3rem}
.py-12{padding-top:3rem;padding-bottom:3rem}.py-24{padding-top:6rem;padding-bottom:6rem}
.text-center{text-align:center}
.font-sans{font-family:"Noto Sans",sans-serif}
.font-handwriting{font-family:Handlee,cursive}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.font-bold{font-weight:700}.italic{font-style:italic}
.leading-relaxed{line-height:1.625}
.text-white{color:#fff}
.hover\:text-gray-600:hover{color:#4b5563}
.opacity-5{opacity:.05}
.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.transition{transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}

@media (min-width:640px){
  .sm\:flex-row{flex-direction:row}
  .sm\:py-24{padding-top:6rem;padding-bottom:6rem}
  .sm\:pb-24{padding-bottom:6rem}
}
@media (min-width:768px){
  .md\:col-span-3{grid-column:span 3/span 3}
  .md\:col-start-3{grid-column-start:3}
  .md\:mt-0{margin-top:0}
  .md\:grid{display:grid}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
  .md\:text-2xl{font-size:1.5rem;line-height:2rem}
  .md\:opacity-100{opacity:1}
}
@media (min-width:1024px){
  .lg\:max-w-md{max-width:28rem}
}

/* hero logo box (next/image "fill" ersetzt) */
.hero-logo{width:20rem;height:12rem;display:flex;align-items:center}
.hero-logo img{width:100%;height:auto}
.press-logos img{width:auto;height:auto;max-width:100%}
.augusta{width:314px;height:auto}

/* Buchvorschau-Button */
.preview-btn{display:flex;align-items:flex-start}
.preview-btn .arrow{margin-left:1rem;margin-top:1rem;animation:bounce 1.5s infinite}
@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}
.cover-btn img{width:100%;height:auto}

/* Lightbox (ersetzt Reach-Dialog + Swiper) */
.lightbox{position:fixed;inset:0;z-index:110;background:rgba(0,0,0,.66);display:flex;align-items:center;justify-content:center;padding:1rem}
.lightbox__inner{position:relative;width:100%;max-width:95vw;background:#fff}
@media (min-width:768px){.lightbox__inner{max-width:65vw}}
.lightbox__inner img{width:100%;height:auto;display:none}
.lightbox__inner img.is-active{display:block}
.lightbox__close{position:absolute;top:.5rem;right:.5rem;width:2.25rem;height:2.25rem;border-radius:9999px;background:#fff;color:#111;font-size:1.25rem;line-height:1;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:2.75rem;height:2.75rem;border-radius:9999px;background:rgba(255,255,255,.9);color:#2a362c;font-size:1.5rem;line-height:1;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.lightbox__nav--prev{left:.5rem}.lightbox__nav--next{right:.5rem}
.lightbox__dots{position:absolute;bottom:.75rem;left:0;right:0;display:flex;justify-content:center;gap:.5rem}
.lightbox__dots button{width:.6rem;height:.6rem;border-radius:9999px;background:rgba(0,0,0,.25)}
.lightbox__dots button.is-active{background:#45621c}
body.no-scroll{overflow:hidden}

/* Rechtstexte (prose) */
.prose{color:#374151;max-width:65ch;font-size:1rem;line-height:1.75}
.prose a{color:#111827;text-decoration:underline;font-weight:500;word-break:break-word}
.prose strong{color:#111827;font-weight:600}
.prose h1{color:#111827;font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}
.prose h2{color:#111827;font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}
.prose h3{color:#111827;font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}
.prose h4{color:#111827;font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}
.prose p{margin-top:1.25em;margin-bottom:1.25em}
.prose ul{list-style:disc;padding-left:1.625em;margin-top:1.25em;margin-bottom:1.25em}
.prose li{margin-top:.5em;margin-bottom:.5em}
.prose h2+*,.prose h3+*,.prose h4+*{margin-top:0}
.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}
@media (min-width:1024px){
  .lg\:prose-xl{font-size:1.25rem;line-height:1.8}
  .lg\:prose-xl p{margin-top:1.2em;margin-bottom:1.2em}
  .lg\:prose-xl h1{font-size:2.8em;margin-top:0;margin-bottom:.8571429em;line-height:1}
  .lg\:prose-xl h2{font-size:1.8em;margin-top:1.5555556em;margin-bottom:.8888889em;line-height:1.1111111}
  .lg\:prose-xl h3{font-size:1.5em;margin-top:1.6em;margin-bottom:.6666667em;line-height:1.3333333}
  .lg\:prose-xl h4{margin-top:1.8em;margin-bottom:.6em;line-height:1.6}
  .lg\:prose-xl ul{margin-top:1.2em;margin-bottom:1.2em}
  .lg\:prose-xl li{margin-top:.6em;margin-bottom:.6em}
}
.back-link{display:inline-block;margin-bottom:2rem;font-size:.875rem;color:#4b5563}
.back-link:hover{color:#111827}