*{box-sizing:border-box}
:root{
  --bg:#ece8df;
  --paper:#fbfaf6;
  --paper-2:#f6f2e9;
  --ink:#171717;
  --muted:#746f67;
  --line:#d6d0c5;
  --blue:rgba(94,130,153,.16);
  --red:rgba(181,78,78,.24);
  --tape:#d8c8a7;
  --type:"Courier Prime","Courier New",monospace;
  --sans:"Inter",Arial,sans-serif;
}
body{
  margin:0;
  color:var(--ink);
  /* Schiefer: dunkles Graublau statt tiefschwarz, mit leichter natürlicher Steinstruktur. */
  background-color:#363c3e;
  background-image:
    radial-gradient(circle at 14% 16%,rgba(255,255,255,.08),transparent 24%),
    radial-gradient(circle at 84% 20%,rgba(255,255,255,.05),transparent 20%),
    radial-gradient(circle at 18% 78%,rgba(0,0,0,.10),transparent 26%),
    radial-gradient(circle at 76% 76%,rgba(0,0,0,.08),transparent 28%),
    repeating-linear-gradient(18deg,rgba(255,255,255,.022) 0,rgba(255,255,255,.022) 2px,transparent 2px,transparent 11px),
    repeating-linear-gradient(112deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 1px,transparent 1px,transparent 13px),
    linear-gradient(180deg,#40474a 0%,#353b3d 34%,#2f3436 100%);
  background-size:auto,auto,auto,auto,240px 240px,280px 280px,100% 100%;
  background-attachment:fixed;
  font-family:var(--type);
  line-height:1.55;
}
.site-header{
  background:rgba(251,250,246,.94);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(8px);
  position:sticky;
  top:0;
  z-index:10;
}
.header-inner{
  max-width:1080px;
  height:76px;
  margin:auto;
  padding:0 24px;
  display:flex;
  align-items:center;
  gap:24px;
}
.brand{
  color:var(--ink);
  text-decoration:none;
  font-size:29px;
  font-weight:700;
  letter-spacing:-1px;
}
.search-box{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:8px;
  border-bottom:1px solid #999;
  padding:5px 0;
}
.search-box input{
  border:0;
  outline:0;
  background:transparent;
  font:14px var(--type);
  width:185px;
}
.home-shell{
  max-width:1020px;
  margin:0 auto;
  padding:64px 24px 80px;
}
.intro{
  max-width:680px;
  margin-bottom:62px;
}
.eyebrow{
  color:var(--muted);
  font-size:12px;
  letter-spacing:2px;
  margin:0 0 12px;
}
.intro h1{
  font-size:52px;
  line-height:1.04;
  margin:0 0 18px;
  letter-spacing:-2px;
}
.intro>p:last-child{
  max-width:580px;
  color:var(--muted);
  font-size:17px;
}
.section-heading{
  display:flex;
  align-items:baseline;
  gap:14px;
  margin:0 0 28px;
}
.section-heading>span{
  font:600 11px var(--sans);
  color:#8f897f;
  letter-spacing:1.4px;
}
.section-heading h2{
  margin:0;
  font-size:28px;
  border-bottom:2px solid var(--ink);
  padding-bottom:5px;
}
.category-section{margin-bottom:72px}
.category-board{
  display:grid;
  grid-template-columns:1.4fr .9fr;
  gap:28px;
}
.category-card{
  position:relative;
  min-height:270px;
  background:
    linear-gradient(var(--blue) 1px,transparent 1px),
    linear-gradient(90deg,var(--blue) 1px,transparent 1px),
    var(--paper);
  background-size:24px 24px;
  border:1px solid #d8d0c3;
  box-shadow:0 12px 30px rgba(64,53,38,.10);
  padding:40px 34px 30px;
  transform:rotate(-.2deg);
}
.category-card:nth-child(2){transform:rotate(.35deg)}
.tape{
  position:absolute;
  width:105px;
  height:27px;
  top:-14px;
  left:50%;
  transform:translateX(-50%) rotate(-3deg);
  background:rgba(216,200,167,.78);
  box-shadow:0 1px 2px rgba(0,0,0,.08);
}
.card-label{
  margin:0 0 4px;
  font:600 10px var(--sans);
  letter-spacing:2px;
  color:#8a847a;
}
.category-card h3{
  font-size:26px;
  margin:0 0 18px;
}
.category-card nav{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 28px;
}
.category-card:nth-child(2) nav{grid-template-columns:1fr}
.category-card a{
  color:var(--ink);
  text-decoration:none;
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:10px 0;
  border-bottom:1px dotted #beb6aa;
  transition:.18s ease;
}
.category-card a:hover{padding-left:5px}
.latest-section{margin-top:12px}
.recipe-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.recipe-card{
  display:grid;
  grid-template-columns:125px 1fr 34px;
  gap:24px;
  align-items:center;
  color:var(--ink);
  text-decoration:none;
  background:rgba(251,250,246,.9);
  border:1px solid #ddd5ca;
  border-radius:3px;
  padding:12px 18px 12px 12px;
  box-shadow:0 6px 20px rgba(54,46,34,.06);
  transition:transform .18s ease,box-shadow .18s ease;
}
.recipe-card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(54,46,34,.11);
}
.thumb{
  height:90px;
  border-radius:3px;
  background-size:cover;
  background-position:center;
}
.photo-a{background-image:url("images/rezept-demo.png")}
.photo-b{background:linear-gradient(135deg,#a9a181,#6d745f)}
.photo-c{background:linear-gradient(135deg,#c9875d,#6f8c5e)}
.photo-d{background:linear-gradient(135deg,#6c4b3b,#2f241e)}
.photo-e{background:linear-gradient(135deg,#c2a173,#e3d2ad)}
.recipe-info small{
  display:block;
  color:#8a847b;
  font:600 10px var(--sans);
  letter-spacing:1.2px;
  margin-bottom:5px;
}
.recipe-info h3{
  margin:0 0 5px;
  font-size:21px;
}
.recipe-info p{
  margin:0;
  color:var(--muted);
  font-size:13px;
}
.arrow{font-size:28px}
.site-footer{
  max-width:1020px;
  margin:0 auto;
  padding:34px 24px 42px;
  border-top:1px solid #aaa39a;
  display:flex;
  justify-content:space-between;
  gap:25px;
}
.site-footer div{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.site-footer span,.site-footer a{
  color:var(--muted);
  font-size:12px;
}
.site-footer nav{display:flex;gap:18px}
.site-footer a{text-decoration:none}

/* Recipe */
.top-print{
  margin-left:auto;
  color:var(--ink);
  text-decoration:none;
  font-size:14px;
}
.recipe-layout{
  max-width:1120px;
  margin:34px auto 70px;
  padding:0 22px;
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:28px;
  align-items:start;
}
.recipe-sidebar{
  position:sticky;
  top:108px;
}
.sidebar-inner{
  background:rgba(251,250,246,.82);
  border:1px solid #ddd5c8;
  box-shadow:0 8px 24px rgba(58,48,35,.07);
  padding:24px 20px;
}
.back-link{
  display:block;
  color:var(--muted);
  text-decoration:none;
  font-size:12px;
  margin-bottom:28px;
}
.sidebar-group+ .sidebar-group{margin-top:28px}
.sidebar-group p{
  font:600 10px var(--sans);
  letter-spacing:1.7px;
  color:#8b857c;
  margin:0 0 8px;
}
.sidebar-group a{
  display:block;
  color:var(--ink);
  text-decoration:none;
  font-size:14px;
  padding:8px 0;
  border-bottom:1px dotted #c7bfb4;
}
.sidebar-group a.active{
  font-weight:700;
  padding-left:9px;
  border-left:3px solid var(--ink);
}
.recipe-paper{
  background-color:var(--paper);
  background-image:
    linear-gradient(90deg,transparent 0,transparent 42px,var(--red) 43px,transparent 44px),
    repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--blue) 32px);
  border:1px solid #d9d1c5;
  box-shadow:0 12px 32px rgba(60,49,35,.12);
  padding:42px 58px 60px;
  min-height:900px;
}
.breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  font-size:11px;
  margin-bottom:38px;
}
.breadcrumb a{
  color:var(--muted);
  text-decoration:none;
}
.recipe-paper>h1{
  font-size:38px;
  letter-spacing:-1.2px;
  line-height:1.08;
  margin:0 0 18px;
  padding-bottom:10px;
  border-bottom:2px solid var(--ink);
  width:max-content;
  max-width:100%;
}
.meta-row{
  display:flex;
  gap:28px;
  flex-wrap:wrap;
  color:#504b44;
  font-size:13px;
  padding-bottom:18px;
}
.recipe-image{
  margin:28px 0 34px;
  position:relative;
}
.photo-tape{
  position:absolute;
  z-index:2;
  top:-13px;
  left:34px;
  width:115px;
  height:27px;
  background:rgba(216,200,167,.8);
  transform:rotate(-2deg);
}
.recipe-image img{
  display:block;
  width:100%;
  height:380px;
  object-fit:cover;
  border-radius:3px;
}
.recipe-section{margin:30px 0}
.recipe-section h2{
  display:flex;
  align-items:center;
  gap:15px;
  text-transform:uppercase;
  font-size:18px;
  letter-spacing:.5px;
}
.recipe-section h2:after{
  content:"";
  height:1px;
  background:#736d64;
  flex:1;
}
.recipe-section h2 span{
  background:#e5d6b8;
  padding:4px 9px;
  transform:rotate(-.7deg);
}
.recipe-section li{margin:6px 0}
.print-button{
  display:block;
  margin:40px auto 0;
  background:#f3ecde;
  border:1px solid #5f5950;
  padding:12px 20px;
  font:14px var(--type);
  cursor:pointer;
}

@media(max-width:780px){
  .header-inner{height:66px;padding:0 16px}
  .brand{font-size:23px}
  .search-box input{display:none}
  .home-shell{padding:40px 16px 60px}
  .intro h1{font-size:40px}
  .category-board{grid-template-columns:1fr}
  .category-card nav{grid-template-columns:1fr}
  .recipe-card{grid-template-columns:88px 1fr 22px;gap:14px}
  .thumb{height:72px}
  .recipe-info h3{font-size:17px}
  .recipe-layout{display:block;margin:18px auto;padding:0 10px}
  .recipe-sidebar{position:static;margin-bottom:15px}
  .sidebar-inner{padding:15px 16px}
  .sidebar-group{display:none}
  .back-link{margin:0}
  .recipe-paper{
    padding:30px 22px 45px;
    background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--blue) 32px);
  }
  .recipe-paper>h1{font-size:29px}
  .recipe-image img{height:250px}
  .site-footer{flex-direction:column}
}
@media print{
  .site-header,.recipe-sidebar,.breadcrumb,.print-button{display:none!important}
  body{background:white}
  .recipe-layout{display:block;max-width:none;margin:0;padding:0}
  .recipe-paper{box-shadow:none;border:0;background:white!important;padding:0}
  .photo-tape{display:none}
  .recipe-image img{height:65mm}
  .recipe-section{break-inside:avoid}
}


/* Version 4 homepage: same notebook language as recipe page */
.home-layout{
  max-width:1120px;
  margin:34px auto 70px;
  padding:0 22px;
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:28px;
  align-items:start;
}
.home-sidebar{position:sticky;top:108px}
.home-paper{
  position:relative;
  overflow:hidden;
  background-color:var(--paper);
  background-image:
    linear-gradient(90deg,transparent 0,transparent 42px,var(--red) 43px,transparent 44px),
    repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--blue) 32px);
  border:1px solid #d9d1c5;
  box-shadow:0 14px 36px rgba(60,49,35,.12);
  padding:44px 56px 58px;
  min-height:900px;
}
.home-heading{margin-top:0}
.home-heading h1{
  margin:0;
  font-size:30px;
  border-bottom:2px solid var(--ink);
  padding-bottom:5px;
}
.home-category-grid{
  display:grid;
  grid-template-columns:1.35fr .9fr;
  gap:24px;
}
.home-category-card{
  position:relative;
  background:
    linear-gradient(rgba(90,123,145,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(90,123,145,.10) 1px,transparent 1px),
    rgba(255,254,249,.88);
  background-size:24px 24px;
  border:1px solid #d8d0c3;
  box-shadow:0 8px 22px rgba(64,53,38,.08);
  padding:34px 28px 26px;
}
.home-category-card:nth-child(1){transform:rotate(-.25deg)}
.home-category-card:nth-child(2){transform:rotate(.3deg)}
.home-category-card h2{
  margin:0 0 16px;
  font-size:24px;
}
.home-category-card nav{
  display:grid;
  grid-template-columns:1fr;
}
.home-category-card a{
  display:flex;
  justify-content:space-between;
  gap:14px;
  color:var(--ink);
  text-decoration:none;
  padding:9px 0;
  border-bottom:1px dotted #beb6aa;
  transition:padding .18s ease;
}
.home-category-card a:hover{padding-left:5px}
.paper-divider{
  height:1px;
  margin:48px 0 38px;
  background:linear-gradient(90deg,transparent,#9d968b 15%,#9d968b 85%,transparent);
  opacity:.55;
}
.home-recipe-list .recipe-card{
  background:rgba(255,254,249,.82);
}
.home-recipe-list .recipe-card:nth-child(odd){
  transform:rotate(-.08deg);
}
.home-recipe-list .recipe-card:nth-child(even){
  transform:rotate(.08deg);
}
@media(max-width:780px){
  .home-layout{display:block;margin:18px auto;padding:0 10px}
  .home-sidebar{position:static;margin-bottom:15px}
  .home-sidebar .sidebar-group{display:none}
  .home-sidebar .sidebar-inner{display:none}
  .home-paper{
    padding:30px 18px 44px;
    background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--blue) 32px);
  }
  .home-category-grid{grid-template-columns:1fr}
  .home-category-card{transform:none!important}
}


/* Version 7 – zusätzliche Rezeptdetails */
.recipe-intro{
  max-width:760px;
  margin:18px 0 22px;
  font-family:Inter,Arial,sans-serif;
  font-size:1.02rem;
  line-height:1.7;
  color:#4d514d;
}
.time-detail{
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  margin:8px 0 20px;
  font-family:Inter,Arial,sans-serif;
  font-size:.9rem;
  color:#666b66;
}
.time-detail strong{color:#343834;font-weight:600}
@media(max-width:700px){
  .time-detail{gap:6px 14px}
}


/* Version 10.1: globale Rezeptsuche */
.search-wrap{
  margin-left:auto;
  position:relative;
}
.search-wrap .search-box{margin-left:0}
.search-results{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:min(390px,calc(100vw - 32px));
  max-height:420px;
  overflow:auto;
  background:var(--paper);
  border:1px solid var(--line);
  box-shadow:0 14px 35px rgba(0,0,0,.12);
  z-index:50;
}
.search-result{
  display:block;
  padding:12px 14px;
  color:var(--ink);
  text-decoration:none;
  border-bottom:1px solid var(--line);
}
.search-result:last-child{border-bottom:0}
.search-result:hover,.search-result:focus{background:var(--paper-2);outline:none}
.search-result strong{display:block;font-size:15px}
.search-result span{display:block;margin-top:2px;color:var(--muted);font:11px var(--sans);text-transform:uppercase;letter-spacing:.6px}
.search-empty{padding:14px;color:var(--muted);font-size:13px}
@media(max-width:780px){
  .search-wrap{min-width:0}
  .search-box input{display:block;width:125px}
  .search-results{position:fixed;top:66px;left:16px;right:16px;width:auto}
}


/* Slate-background contrast for the existing footer */
.site-footer{border-top-color:rgba(255,255,255,.28)}
.site-footer strong{color:rgba(255,255,255,.92)}
.site-footer span,.site-footer a{color:rgba(255,255,255,.72)}

/* Version 11 – Startseite direkt auf Schiefer statt auf einem zweiten großen Papierblock */
.home-layout > .home-paper{
  background:transparent;
  background-image:none;
  border:0;
  box-shadow:none;
  padding:22px 0 12px;
  min-height:0;
  overflow:visible;
}
.home-layout > .home-paper .section-heading h1,
.home-layout > .home-paper .section-heading h2{
  color:#f7f4ec;
  border-bottom-color:#f7f4ec;
  text-shadow:0 1px 1px rgba(0,0,0,.28);
}
.home-layout > .home-paper .paper-divider{
  background:linear-gradient(90deg,transparent,rgba(247,244,236,.48) 15%,rgba(247,244,236,.48) 85%,transparent);
  opacity:1;
}
.home-layout > .home-paper .home-category-card{
  background:
    linear-gradient(rgba(90,123,145,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(90,123,145,.10) 1px,transparent 1px),
    rgba(255,254,249,.96);
  background-size:24px 24px;
  box-shadow:0 10px 26px rgba(0,0,0,.22);
}
.home-layout > .home-paper .home-recipe-list .recipe-card{
  background:rgba(255,254,249,.96);
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}
.home-layout .home-sidebar .sidebar-inner{
  background:rgba(251,250,246,.96);
  box-shadow:0 9px 26px rgba(0,0,0,.18);
}
@media(max-width:780px){
  .home-layout > .home-paper{
    padding:20px 0 26px;
    background:none;
  }
}

/* Version 12 – realistischere Notizblock-Optik, bewusst nah am bestehenden Design */
:root{
  --paper-real:#f8f5ec;
  --paper-line:rgba(89,126,154,.14);
  --paper-margin:rgba(181,78,78,.30);
}

/* Schiefer nur minimal strukturieren – keine Deko, Zutaten oder Illustrationen */
body{
  background-color:#1d1f1e;
  background-image:
    radial-gradient(ellipse at 18% 12%,rgba(255,255,255,.032),transparent 34%),
    radial-gradient(ellipse at 82% 72%,rgba(255,255,255,.018),transparent 38%),
    repeating-linear-gradient(11deg,rgba(255,255,255,.010) 0,rgba(255,255,255,.010) 1px,transparent 1px,transparent 8px),
    repeating-linear-gradient(101deg,rgba(0,0,0,.065) 0,rgba(0,0,0,.065) 1px,transparent 1px,transparent 13px);
  background-size:auto,auto,240px 240px,290px 290px;
  background-attachment:fixed;
}

/* Linke Navigation: weiterhin gleich aufgebaut, nur etwas echteres Papier */
.sidebar-inner{
  position:relative;
  isolation:isolate;
  background-color:rgba(249,246,238,.97);
  background-image:
    linear-gradient(118deg,transparent 0 76%,rgba(118,103,81,.035) 77%,transparent 79%),
    radial-gradient(ellipse at 18% 14%,rgba(115,96,72,.035),transparent 21%),
    radial-gradient(ellipse at 86% 82%,rgba(115,96,72,.025),transparent 19%);
  border:1px solid rgba(198,188,173,.92);
  border-radius:3px 5px 4px 3px;
  box-shadow:0 10px 28px rgba(0,0,0,.21),inset 0 0 20px rgba(104,91,70,.025);
}
.sidebar-inner:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(16deg,transparent 0 88%,rgba(255,255,255,.28) 89%,transparent 91%);
  opacity:.75;
}

/* Startseite: Kategorie-Fenster wie Seiten aus einem echten College-/Notizblock */
.home-layout > .home-paper .home-category-card{
  isolation:isolate;
  overflow:visible;
  padding:36px 28px 26px 48px;
  background-color:var(--paper-real);
  background-image:
    linear-gradient(90deg,transparent 0,transparent 35px,var(--paper-margin) 36px,transparent 37px),
    repeating-linear-gradient(to bottom,transparent 0,transparent 27px,var(--paper-line) 28px),
    linear-gradient(128deg,transparent 0 78%,rgba(111,94,68,.040) 79%,transparent 81%),
    radial-gradient(ellipse at 17% 12%,rgba(115,96,72,.035),transparent 18%),
    radial-gradient(ellipse at 82% 88%,rgba(115,96,72,.028),transparent 20%);
  background-size:auto,auto,100% 100%,100% 100%,100% 100%;
  border:1px solid rgba(199,189,174,.95);
  border-radius:3px 5px 4px 3px;
  box-shadow:0 15px 28px rgba(0,0,0,.24),0 3px 7px rgba(0,0,0,.11),inset 0 0 24px rgba(111,93,67,.035);
  transition:transform .2s ease,box-shadow .2s ease;
}
.home-layout > .home-paper .home-category-card:nth-child(1){transform:rotate(-.28deg)}
.home-layout > .home-paper .home-category-card:nth-child(2){transform:rotate(.34deg)}
.home-layout > .home-paper .home-category-card:hover{
  box-shadow:0 18px 32px rgba(0,0,0,.27),0 4px 8px rgba(0,0,0,.13),inset 0 0 24px rgba(111,93,67,.035);
}
.home-layout > .home-paper .home-category-card:nth-child(1):hover{transform:rotate(-.10deg) translateY(-2px)}
.home-layout > .home-paper .home-category-card:nth-child(2):hover{transform:rotate(.14deg) translateY(-2px)}

/* Lochung links – der dunkle Schiefer scheint optisch durch */
.home-layout > .home-paper .home-category-card:before{
  content:"";
  position:absolute;
  z-index:3;
  left:7px;
  top:13px;
  bottom:13px;
  width:18px;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 9px,
      #171918 0 4px,
      rgba(83,76,66,.48) 4.2px 4.8px,
      rgba(255,255,255,.62) 5px 5.5px,
      transparent 5.7px) 0 0/18px 31px repeat-y;
  filter:drop-shadow(1px 1px 1px rgba(0,0,0,.16));
}

/* leichte Papierfasern und ein kaum sichtbarer Knick */
.home-layout > .home-paper .home-category-card:after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(162deg,transparent 0 69%,rgba(108,91,67,.035) 70%,transparent 71%),
    linear-gradient(15deg,transparent 0 88%,rgba(255,255,255,.30) 89%,transparent 91%);
  opacity:.8;
}
.home-category-card > *{position:relative;z-index:1}

/* Klebeband etwas natürlicher, aber nicht dekorativer */
.home-category-card .tape{
  z-index:4;
  width:98px;
  height:28px;
  top:-15px;
  background:
    linear-gradient(100deg,rgba(255,255,255,.18),transparent 38%,rgba(128,104,66,.07)),
    rgba(217,199,160,.78);
  border-left:1px solid rgba(154,130,91,.10);
  border-right:1px solid rgba(154,130,91,.08);
  box-shadow:0 2px 4px rgba(0,0,0,.13);
  transform:translateX(-50%) rotate(-2.4deg);
}
.home-category-card:nth-child(2) .tape{transform:translateX(-50%) rotate(1.8deg)}

/* Die drei neuen Rezepte bleiben im bisherigen Aufbau; nur das Papier wirkt weniger digital */
.home-layout > .home-paper .home-recipe-list .recipe-card{
  background-color:rgba(249,246,238,.98);
  background-image:
    repeating-linear-gradient(to bottom,transparent 0,transparent 29px,rgba(92,126,150,.050) 30px),
    linear-gradient(142deg,transparent 0 86%,rgba(116,96,69,.030) 87%,transparent 89%);
  border-color:rgba(200,190,175,.94);
  border-radius:2px 4px 3px 2px;
  box-shadow:0 9px 21px rgba(0,0,0,.20),inset 0 0 16px rgba(100,83,59,.025);
}

/* Rezept-Unterseiten: gleiche Struktur wie bisher, nur als glaubwürdigere Notizbuchseite */
.recipe-paper{
  position:relative;
  isolation:isolate;
  overflow:visible;
  background-color:#fbf8ef;
  background-image:
    linear-gradient(90deg,transparent 0,transparent 42px,var(--paper-margin) 43px,transparent 44px),
    repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--paper-line) 32px),
    linear-gradient(128deg,transparent 0 82%,rgba(112,93,67,.025) 83%,transparent 85%),
    radial-gradient(ellipse at 13% 9%,rgba(106,87,61,.025),transparent 18%),
    radial-gradient(ellipse at 86% 78%,rgba(106,87,61,.020),transparent 20%);
  border-color:rgba(198,188,173,.95);
  border-radius:3px 5px 4px 3px;
  box-shadow:0 16px 34px rgba(0,0,0,.23),0 3px 9px rgba(0,0,0,.10),inset 0 0 28px rgba(110,91,66,.025);
}
.recipe-paper:before{
  content:"";
  position:absolute;
  z-index:3;
  left:7px;
  top:18px;
  bottom:18px;
  width:18px;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 9px,
      #171918 0 3.8px,
      rgba(83,76,66,.45) 4px 4.6px,
      rgba(255,255,255,.58) 4.8px 5.3px,
      transparent 5.5px) 0 0/18px 32px repeat-y;
  filter:drop-shadow(1px 1px 1px rgba(0,0,0,.14));
}
.recipe-paper:after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(160deg,transparent 0 74%,rgba(103,84,61,.025) 75%,transparent 76%),
    linear-gradient(16deg,transparent 0 91%,rgba(255,255,255,.24) 92%,transparent 94%);
  opacity:.75;
}
.recipe-paper > *{position:relative;z-index:1}

/* Bild und vorhandenes Klebeband nur minimal realistischer */
.recipe-image{
  box-shadow:0 7px 18px rgba(50,42,32,.09);
}
.recipe-image .photo-tape{
  background:
    linear-gradient(100deg,rgba(255,255,255,.17),transparent 40%,rgba(128,104,66,.06)),
    rgba(217,199,160,.79);
  box-shadow:0 2px 4px rgba(0,0,0,.12);
}

@media(max-width:780px){
  .home-layout > .home-paper .home-category-card{
    padding:34px 20px 26px 44px;
    transform:none!important;
  }
  .recipe-paper:before{left:3px;width:16px;background-size:16px 32px}
}

@media print{
  .recipe-paper:before,.recipe-paper:after{display:none!important}
  .recipe-image{box-shadow:none}
}

/* =====================================================================
   Version 13 – Startseite näher an der freigegebenen Designvorlage
   Nur Design/CSS. Bestehende Struktur, Inhalte und CMS-Logik bleiben gleich.
   ===================================================================== */

/* Etwas breiteres, luftigeres Desktop-Raster wie in der Referenz */
@media (min-width: 981px){
  .header-inner{max-width:1280px;padding-left:28px;padding-right:28px}
  .home-layout{
    max-width:1280px;
    grid-template-columns:240px minmax(0,1fr);
    gap:62px;
    margin-top:34px;
    padding-left:24px;
    padding-right:24px;
  }
  .home-layout > .home-paper{padding-top:20px}
}

/* Schiefer: gleichmäßig, ruhig, fein strukturiert */
body{
  background-color:#1b1d1c;
  background-image:
    radial-gradient(ellipse at 24% 18%,rgba(255,255,255,.026),transparent 34%),
    radial-gradient(ellipse at 78% 68%,rgba(255,255,255,.016),transparent 40%),
    repeating-linear-gradient(14deg,rgba(255,255,255,.009) 0,rgba(255,255,255,.009) 1px,transparent 1px,transparent 8px),
    repeating-linear-gradient(104deg,rgba(0,0,0,.07) 0,rgba(0,0,0,.07) 1px,transparent 1px,transparent 13px);
  background-size:auto,auto,250px 250px,300px 300px;
}

/* Header bewusst unverändert und ruhig */
.site-header{background:rgba(250,248,243,.97)}

/* Seitlicher Kategorienzettel: echtes, leicht unregelmäßiges Papier */
.home-layout .home-sidebar .sidebar-inner{
  background-color:#f7f3e9;
  background-image:
    repeating-linear-gradient(to bottom,transparent 0,transparent 30px,rgba(92,126,150,.045) 31px),
    radial-gradient(ellipse at 12% 8%,rgba(100,80,56,.035),transparent 20%),
    radial-gradient(ellipse at 86% 82%,rgba(100,80,56,.028),transparent 18%),
    linear-gradient(15deg,transparent 0 89%,rgba(255,255,255,.30) 90%,transparent 92%);
  border:1px solid rgba(198,188,173,.9);
  border-radius:4px 3px 5px 3px;
  clip-path:polygon(.4% .7%,98.7% 0,100% 2.2%,99.4% 98.9%,96.8% 100%,1.5% 99.4%,0 97.2%,.7% 2.1%);
  box-shadow:0 12px 26px rgba(0,0,0,.26),0 2px 5px rgba(0,0,0,.12);
  padding:24px 20px 26px;
}

/* Überschriften direkt auf Schiefer */
.home-layout > .home-paper .section-heading{
  margin-bottom:30px;
}
.home-layout > .home-paper .section-heading h1,
.home-layout > .home-paper .section-heading h2{
  color:#f7f4ec;
  border-bottom:2px solid rgba(247,244,236,.94);
  text-shadow:0 1px 1px rgba(0,0,0,.32);
  padding-bottom:6px;
}
.home-layout > .home-paper .home-heading h1{font-size:31px}

/* Zwei Notizblockseiten: nahezu gleich breit wie in der Referenz */
.home-category-grid{
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  gap:30px;
  align-items:stretch;
}
.home-layout > .home-paper .home-category-card{
  min-height:392px;
  padding:38px 29px 27px 57px;
  background-color:#f7f3e9;
  background-image:
    linear-gradient(90deg,transparent 0,transparent 40px,rgba(181,78,78,.31) 41px,transparent 42px),
    repeating-linear-gradient(to bottom,transparent 0,transparent 30px,rgba(89,126,154,.17) 31px),
    radial-gradient(ellipse at 16% 12%,rgba(93,75,53,.035),transparent 21%),
    radial-gradient(ellipse at 86% 82%,rgba(93,75,53,.03),transparent 19%),
    linear-gradient(16deg,transparent 0 88%,rgba(255,255,255,.28) 89%,transparent 91%),
    linear-gradient(164deg,transparent 0 72%,rgba(98,79,55,.035) 73%,transparent 74%);
  border:1px solid rgba(197,186,170,.92);
  border-radius:4px 5px 4px 3px;
  clip-path:polygon(.4% 1.2%,2.2% .2%,96.8% .7%,99.5% 2.1%,99.6% 96.8%,97.7% 99.2%,3.1% 99.7%,.5% 97.8%,1.1% 74%,.3% 49%,1% 24%);
  box-shadow:0 16px 28px rgba(0,0,0,.29),0 3px 7px rgba(0,0,0,.15),inset 0 0 24px rgba(95,76,53,.035);
}
.home-layout > .home-paper .home-category-card:nth-child(1){transform:rotate(-.18deg)}
.home-layout > .home-paper .home-category-card:nth-child(2){transform:rotate(.22deg)}

/* deutlichere Lochung eines Collegeblocks */
.home-layout > .home-paper .home-category-card:before{
  left:8px;
  top:12px;
  bottom:12px;
  width:22px;
  background:
    radial-gradient(circle at 50% 10px,
      #161817 0 5px,
      rgba(78,70,60,.52) 5.2px 5.8px,
      rgba(255,255,255,.54) 6px 6.5px,
      transparent 6.7px) 0 0/22px 33px repeat-y;
  filter:drop-shadow(1px 1px 1px rgba(0,0,0,.20));
}

/* Papierkanten/Fasern subtiler und weniger digital */
.home-layout > .home-paper .home-category-card:after{
  background:
    linear-gradient(162deg,transparent 0 70%,rgba(95,75,52,.045) 71%,transparent 72%),
    linear-gradient(13deg,transparent 0 89%,rgba(255,255,255,.32) 90%,transparent 92%),
    radial-gradient(ellipse at 22% 78%,rgba(105,85,61,.026),transparent 22%);
  opacity:.88;
}

/* Klebeband – etwas kleiner, matter und glaubwürdiger */
.home-category-card .tape{
  width:92px;
  height:27px;
  top:-14px;
  background:
    linear-gradient(103deg,rgba(255,255,255,.20),transparent 36%,rgba(118,94,59,.08)),
    rgba(216,198,159,.78);
  border:0;
  clip-path:polygon(1% 8%,98% 1%,100% 88%,3% 100%);
  box-shadow:0 2px 4px rgba(0,0,0,.16);
}

.home-category-card .card-label{margin-top:0}
.home-category-card h2{font-size:25px;margin-bottom:18px}
.home-category-card a{padding:10px 0}

/* Kein zusätzlicher Trenner/Block zwischen den Bereichen */
.home-layout > .home-paper .paper-divider{display:none}
.home-layout > .home-paper .latest-section,
.home-layout > .home-paper .home-recipe-list{margin-top:0}
.home-layout > .home-paper .home-category-grid + .paper-divider + .section-heading{
  margin-top:32px;
  margin-bottom:18px;
}

/* Die drei neuesten Rezepte – wie in der Referenz nebeneinander */
.home-recipe-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.home-layout > .home-paper .home-recipe-list .recipe-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0;
  min-width:0;
  padding:9px 9px 12px;
  background-color:#f7f3e9;
  background-image:
    repeating-linear-gradient(to bottom,transparent 0,transparent 29px,rgba(92,126,150,.055) 30px),
    radial-gradient(ellipse at 80% 88%,rgba(101,80,56,.025),transparent 21%);
  border:1px solid rgba(199,188,172,.92);
  border-radius:3px 4px 3px 4px;
  clip-path:polygon(.5% .8%,98.7% .2%,100% 2%,99.5% 98.5%,97.5% 100%,1.8% 99.3%,0 97%,.6% 2.3%);
  box-shadow:0 11px 22px rgba(0,0,0,.24),0 2px 5px rgba(0,0,0,.12);
  transform:none;
}
.home-layout > .home-paper .home-recipe-list .recipe-card:nth-child(1){transform:rotate(-.13deg)}
.home-layout > .home-paper .home-recipe-list .recipe-card:nth-child(2){transform:rotate(.08deg)}
.home-layout > .home-paper .home-recipe-list .recipe-card:nth-child(3){transform:rotate(-.05deg)}
.home-recipe-list .thumb{
  width:100%;
  height:145px;
  border-radius:1px;
  background-position:center;
  background-size:cover;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);
}
.home-recipe-list .recipe-info{width:100%;padding:8px 3px 0}
.home-recipe-list .recipe-info small{display:none}
.home-recipe-list .recipe-info h3{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.home-recipe-list .recipe-info p{
  border-top:1px solid rgba(118,109,98,.28);
  padding-top:8px;
  font-size:11px;
  color:#5d5952;
}
.home-recipe-list .arrow{
  position:absolute;
  right:12px;
  bottom:9px;
  font-size:18px;
}

/* Rezept-Unterseiten: keine Layoutänderung – nur dieselbe realistischere Papierqualität */
.recipe-paper{
  background-color:#f8f4e9;
  background-image:
    linear-gradient(90deg,transparent 0,transparent 43px,rgba(181,78,78,.29) 44px,transparent 45px),
    repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(89,126,154,.15) 32px),
    radial-gradient(ellipse at 14% 9%,rgba(98,79,56,.032),transparent 19%),
    radial-gradient(ellipse at 84% 82%,rgba(98,79,56,.026),transparent 20%),
    linear-gradient(17deg,transparent 0 91%,rgba(255,255,255,.27) 92%,transparent 94%);
  clip-path:polygon(.4% .5%,98.8% 0,100% 1.4%,99.6% 98.3%,98.1% 99.7%,2% 99.4%,.3% 98%,.7% 72%,.2% 43%,.7% 18%);
  box-shadow:0 16px 34px rgba(0,0,0,.25),0 3px 8px rgba(0,0,0,.12),inset 0 0 26px rgba(100,80,56,.03);
}

@media(max-width:980px){
  .home-layout{gap:28px}
  .home-category-grid{grid-template-columns:1fr 1fr;gap:20px}
  .home-layout > .home-paper .home-category-card{padding-left:50px}
}
@media(max-width:780px){
  .home-recipe-list{grid-template-columns:1fr}
  .home-recipe-list .thumb{height:180px}
  .home-layout > .home-paper .home-category-card{min-height:auto;clip-path:none}
  .recipe-paper{clip-path:none}
}

/* =====================================================================
   Version 14 – realistischere Papier-/Notizblock-Optik
   Abgestimmte Variante: ruhige Schiefertafel, realistische Notizblätter
   und eine passende Papier-Kopfzeile. Ausschließlich CSS/Design.
   ===================================================================== */

:root{
  --paper-real:#f4efe4;
  --paper-real-2:#faf6ec;
  --paper-ink:#171716;
  --paper-blue:rgba(77,120,153,.17);
  --paper-red:rgba(184,74,68,.36);
  --paper-edge:rgba(181,169,151,.82);
  --tape-real:rgba(214,194,153,.82);
}

/* Ruhige schwarze Schiefertafel – nur Materialstruktur, keine Dekoration. */
body{
  background-color:#191b1a;
  background-image:
    radial-gradient(ellipse at 20% 13%,rgba(255,255,255,.026),transparent 31%),
    radial-gradient(ellipse at 76% 72%,rgba(255,255,255,.015),transparent 39%),
    repeating-linear-gradient(16deg,rgba(255,255,255,.008) 0,rgba(255,255,255,.008) 1px,transparent 1px,transparent 7px),
    repeating-linear-gradient(106deg,rgba(0,0,0,.075) 0,rgba(0,0,0,.075) 1px,transparent 1px,transparent 12px),
    radial-gradient(circle at 35% 44%,rgba(255,255,255,.008) 0 1px,transparent 1.5px);
  background-size:auto,auto,230px 230px,290px 290px,19px 19px;
  background-attachment:fixed;
}

/* Kopfzeile jetzt ebenfalls wie ein echtes Stück helles Papier. */
.site-header{
  position:sticky;
  top:0;
  z-index:20;
  isolation:isolate;
  background-color:#f4efe5;
  background-image:
    radial-gradient(ellipse at 15% 20%,rgba(104,83,57,.040),transparent 21%),
    radial-gradient(ellipse at 82% 70%,rgba(104,83,57,.028),transparent 18%),
    linear-gradient(168deg,transparent 0 76%,rgba(105,84,58,.030) 77%,transparent 79%),
    repeating-linear-gradient(12deg,rgba(102,82,57,.015) 0,rgba(102,82,57,.015) 1px,transparent 1px,transparent 10px);
  border:0;
  box-shadow:0 7px 17px rgba(0,0,0,.18),inset 0 -1px 0 rgba(146,129,106,.28);
  backdrop-filter:none;
}
.site-header:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(20deg,transparent 0 87%,rgba(255,255,255,.28) 88%,transparent 90%),
    linear-gradient(154deg,transparent 0 84%,rgba(112,92,66,.026) 85%,transparent 87%);
  opacity:.8;
}
.site-header:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-7px;
  height:9px;
  z-index:-1;
  background:#f4efe5;
  clip-path:polygon(0 0,100% 0,100% 36%,97% 67%,94% 45%,91% 79%,88% 55%,85% 82%,82% 52%,79% 73%,76% 48%,73% 83%,70% 58%,67% 76%,64% 50%,61% 80%,58% 55%,55% 84%,52% 51%,49% 75%,46% 46%,43% 80%,40% 56%,37% 83%,34% 49%,31% 75%,28% 53%,25% 82%,22% 50%,19% 77%,16% 45%,13% 80%,10% 51%,7% 75%,4% 48%,0 72%);
  filter:drop-shadow(0 2px 1px rgba(0,0,0,.13));
}
.header-inner{
  max-width:1280px;
  min-height:82px;
  height:82px;
  padding:0 28px;
}
.brand{
  font-size:30px;
  letter-spacing:-1.2px;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.search-wrap{margin-left:auto}
.search-box{
  position:relative;
  min-width:250px;
  margin-left:0;
  gap:10px;
  padding:9px 14px 10px;
  border:1px solid rgba(177,164,145,.72);
  border-bottom-color:rgba(151,139,122,.82);
  background-color:#f8f3e8;
  background-image:
    radial-gradient(ellipse at 16% 18%,rgba(101,80,55,.035),transparent 24%),
    linear-gradient(16deg,transparent 0 84%,rgba(255,255,255,.34) 85%,transparent 88%);
  clip-path:polygon(1% 7%,98% 1%,100% 14%,99% 91%,96% 100%,2% 97%,0 84%,.5% 18%);
  box-shadow:0 5px 11px rgba(0,0,0,.12),inset 0 0 13px rgba(92,72,50,.026);
}
.search-box span{font-size:20px;line-height:1;color:#242421}
.search-box input{
  width:200px;
  font-size:14px;
  color:#37332e;
}
.search-box input::placeholder{color:#69635b;opacity:.95}
.search-results{
  top:calc(100% + 15px);
  border-color:rgba(187,174,155,.86);
  background:#f7f2e7;
  box-shadow:0 13px 30px rgba(0,0,0,.22);
}

/* Desktop-Anordnung exakt in der ruhigen, breiten Referenz. */
@media (min-width:981px){
  .home-layout{
    max-width:1280px;
    grid-template-columns:238px minmax(0,1fr);
    gap:62px;
    margin-top:40px;
    padding-left:24px;
    padding-right:24px;
  }
}

/* Linker Kategorienzettel: leicht geknittertes, herausgerissenes Papier. */
.home-layout .recipe-sidebar .sidebar-inner,
.recipe-layout .recipe-sidebar .sidebar-inner{
  position:relative;
  isolation:isolate;
  overflow:visible;
  background-color:#f4efe4;
  background-image:
    radial-gradient(ellipse at 16% 13%,rgba(94,73,50,.050),transparent 21%),
    radial-gradient(ellipse at 84% 79%,rgba(94,73,50,.035),transparent 20%),
    linear-gradient(156deg,transparent 0 69%,rgba(107,86,61,.045) 70%,transparent 72%),
    linear-gradient(25deg,transparent 0 88%,rgba(255,255,255,.38) 89%,transparent 92%),
    repeating-linear-gradient(9deg,rgba(95,75,52,.012) 0,rgba(95,75,52,.012) 1px,transparent 1px,transparent 11px);
  border:1px solid rgba(188,174,154,.74);
  border-radius:0;
  clip-path:polygon(1.4% 1.2%,4% .2%,13% 1%,22% .4%,33% 1.1%,45% .3%,56% .9%,68% .2%,79% 1%,90% .2%,98.6% 1.4%,99.3% 11%,98.7% 22%,99.5% 35%,98.8% 49%,99.4% 63%,98.9% 76%,99.5% 88%,98.2% 98.6%,88% 99.5%,77% 98.8%,66% 99.6%,53% 98.9%,40% 99.6%,27% 98.8%,14% 99.4%,2% 98.5%,.7% 88%,1.2% 75%,.5% 62%,1.1% 49%,.4% 36%,1.2% 22%,.6% 10%);
  box-shadow:0 14px 27px rgba(0,0,0,.29),0 3px 7px rgba(0,0,0,.13),inset 0 0 20px rgba(89,69,47,.04);
  filter:drop-shadow(0 5px 5px rgba(0,0,0,.08));
  transform:rotate(-.12deg);
}
.home-layout .recipe-sidebar .sidebar-inner:before,
.recipe-layout .recipe-sidebar .sidebar-inner:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(165deg,transparent 0 20%,rgba(91,71,49,.032) 21%,transparent 22%),
    linear-gradient(15deg,transparent 0 74%,rgba(255,255,255,.26) 75%,transparent 77%),
    radial-gradient(ellipse at 73% 38%,rgba(117,95,67,.025),transparent 19%);
}
.sidebar-inner:after{
  background:
    linear-gradient(17deg,transparent 0 86%,rgba(255,255,255,.32) 87%,transparent 90%),
    linear-gradient(154deg,transparent 0 77%,rgba(102,80,56,.035) 78%,transparent 80%);
  opacity:1;
}
.sidebar-group a{border-bottom:1px solid rgba(125,117,106,.26)}

/* Überschriften wie Kreide/Tinte direkt auf dem Schiefer. */
.home-layout > .home-paper .section-heading h1,
.home-layout > .home-paper .section-heading h2{
  color:#f7f3ea;
  border-bottom-color:#f7f3ea;
  text-shadow:0 1px 1px rgba(0,0,0,.45);
  letter-spacing:-.5px;
}
.home-layout > .home-paper .section-heading{margin-bottom:30px}
.home-layout > .home-paper .home-category-grid + .paper-divider + .section-heading{
  margin-top:30px;
  margin-bottom:18px;
}
.home-layout > .home-paper .paper-divider{display:none}

/* Kategorieblätter: realistischere Collegeblock-Seiten. */
.home-category-grid{
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  gap:31px;
  align-items:stretch;
}
.home-layout > .home-paper .home-category-card{
  min-height:398px;
  isolation:isolate;
  overflow:visible;
  padding:39px 29px 28px 58px;
  background-color:#f4efe4;
  background-image:
    linear-gradient(90deg,transparent 0,transparent 41px,var(--paper-red) 42px,transparent 43px),
    repeating-linear-gradient(to bottom,transparent 0,transparent 30px,var(--paper-blue) 31px),
    radial-gradient(ellipse at 12% 10%,rgba(103,81,56,.050),transparent 18%),
    radial-gradient(ellipse at 83% 84%,rgba(103,81,56,.038),transparent 21%),
    linear-gradient(151deg,transparent 0 43%,rgba(91,70,48,.032) 44%,transparent 45%),
    linear-gradient(22deg,transparent 0 78%,rgba(255,255,255,.40) 79%,transparent 81%),
    repeating-linear-gradient(8deg,rgba(96,74,50,.012) 0,rgba(96,74,50,.012) 1px,transparent 1px,transparent 10px);
  border:1px solid rgba(189,175,154,.76);
  border-radius:0;
  clip-path:polygon(1.2% 1.8%,5% .4%,10% 1%,17% .2%,25% .9%,33% .3%,41% 1%,50% .25%,59% .9%,68% .2%,77% .8%,86% .15%,94% .9%,98.8% .5%,99.6% 8%,98.9% 17%,99.7% 28%,98.8% 39%,99.5% 50%,98.9% 61%,99.7% 72%,98.8% 82%,99.4% 92%,98.3% 98.4%,91% 99.3%,82% 98.6%,73% 99.4%,64% 98.7%,55% 99.6%,46% 98.8%,37% 99.5%,28% 98.7%,19% 99.4%,10% 98.6%,2% 99.2%,.6% 91%,1.3% 80%,.4% 69%,1.1% 57%,.3% 46%,1.2% 35%,.4% 24%,1.1% 13%);
  box-shadow:0 18px 30px rgba(0,0,0,.31),0 4px 8px rgba(0,0,0,.15),inset 0 0 28px rgba(92,70,47,.045);
  filter:drop-shadow(0 6px 5px rgba(0,0,0,.07));
}
.home-layout > .home-paper .home-category-card:nth-child(1){transform:rotate(-.16deg)}
.home-layout > .home-paper .home-category-card:nth-child(2){transform:rotate(.18deg)}
.home-layout > .home-paper .home-category-card:hover{box-shadow:0 20px 34px rgba(0,0,0,.33),0 4px 9px rgba(0,0,0,.16),inset 0 0 28px rgba(92,70,47,.045)}
.home-layout > .home-paper .home-category-card:nth-child(1):hover{transform:rotate(-.08deg) translateY(-1px)}
.home-layout > .home-paper .home-category-card:nth-child(2):hover{transform:rotate(.09deg) translateY(-1px)}

/* Dunkle Lochung mit hellem ausgerissenem Papierkranz. */
.home-layout > .home-paper .home-category-card:before{
  left:7px;
  top:10px;
  bottom:10px;
  width:25px;
  background:
    radial-gradient(circle at 50% 11px,
      #151716 0 5.2px,
      rgba(72,65,57,.64) 5.4px 5.9px,
      rgba(248,243,233,.92) 6.1px 7px,
      rgba(132,117,96,.35) 7.2px 7.6px,
      transparent 7.8px) 0 0/25px 33px repeat-y;
  filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
}
.home-layout > .home-paper .home-category-card:after{
  background:
    linear-gradient(162deg,transparent 0 17%,rgba(91,70,48,.035) 18%,transparent 19%),
    linear-gradient(14deg,transparent 0 70%,rgba(255,255,255,.31) 71%,transparent 73%),
    linear-gradient(150deg,transparent 0 83%,rgba(103,81,56,.038) 84%,transparent 86%),
    radial-gradient(ellipse at 72% 35%,rgba(99,77,52,.026),transparent 17%);
  opacity:1;
}
.home-category-card > *{position:relative;z-index:2}

/* Matteres, leicht geknittertes Kreppband. */
.home-category-card .tape{
  z-index:5;
  width:92px;
  height:29px;
  top:-15px;
  background-color:var(--tape-real);
  background-image:
    linear-gradient(100deg,rgba(255,255,255,.21),transparent 30%,rgba(105,81,48,.09) 64%,rgba(255,255,255,.09)),
    repeating-linear-gradient(12deg,rgba(113,89,54,.025) 0,rgba(113,89,54,.025) 1px,transparent 1px,transparent 6px);
  border:0;
  clip-path:polygon(2% 9%,12% 5%,26% 9%,39% 3%,53% 7%,67% 2%,82% 8%,98% 4%,100% 91%,85% 96%,70% 91%,54% 98%,39% 92%,22% 97%,3% 91%);
  box-shadow:0 3px 5px rgba(0,0,0,.17);
  transform:translateX(-50%) rotate(-2deg);
}
.home-category-card:nth-child(2) .tape{transform:translateX(-50%) rotate(1.5deg)}
.home-category-card h2{font-size:25px;margin-bottom:18px}
.home-category-card a{border-bottom:1px solid rgba(115,106,94,.28);padding:10px 0}

/* Drei neue Rezepte: kleine herausgerissene Papierkarten. */
.home-recipe-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:17px;
}
.home-layout > .home-paper .home-recipe-list .recipe-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0;
  min-width:0;
  padding:9px 9px 12px;
  background-color:#f4efe4;
  background-image:
    repeating-linear-gradient(to bottom,transparent 0,transparent 29px,rgba(87,123,150,.065) 30px),
    radial-gradient(ellipse at 15% 13%,rgba(102,80,55,.038),transparent 20%),
    radial-gradient(ellipse at 80% 86%,rgba(102,80,55,.028),transparent 19%),
    linear-gradient(20deg,transparent 0 86%,rgba(255,255,255,.34) 87%,transparent 90%);
  border:1px solid rgba(190,176,155,.75);
  border-radius:0;
  clip-path:polygon(1.5% 2%,8% .5%,16% 1.4%,25% .3%,34% 1.2%,44% .4%,54% 1.1%,64% .2%,74% 1.3%,84% .3%,94% 1.1%,99% .8%,99.6% 14%,98.8% 29%,99.5% 43%,98.9% 57%,99.7% 72%,98.8% 86%,98% 98.5%,89% 99.4%,79% 98.7%,69% 99.5%,59% 98.8%,49% 99.4%,39% 98.7%,29% 99.4%,19% 98.7%,9% 99.4%,1.2% 98.1%,.5% 83%,1.2% 67%,.4% 51%,1.1% 35%,.5% 19%);
  box-shadow:0 13px 24px rgba(0,0,0,.28),0 3px 6px rgba(0,0,0,.13),inset 0 0 18px rgba(91,69,47,.035);
  transform:none;
}
.home-layout > .home-paper .home-recipe-list .recipe-card:nth-child(1){transform:rotate(-.12deg)}
.home-layout > .home-paper .home-recipe-list .recipe-card:nth-child(2){transform:rotate(.08deg)}
.home-layout > .home-paper .home-recipe-list .recipe-card:nth-child(3){transform:rotate(-.04deg)}
.home-layout > .home-paper .home-recipe-list .recipe-card:hover{transform:translateY(-2px)}
.home-recipe-list .thumb{
  width:100%;
  height:145px;
  border-radius:0;
  box-shadow:0 1px 2px rgba(0,0,0,.12),inset 0 0 0 1px rgba(255,255,255,.18);
}
.home-recipe-list .recipe-info{width:100%;padding:8px 3px 0}
.home-recipe-list .recipe-info small{display:none}
.home-recipe-list .recipe-info h3{margin:0 0 8px;font-size:16px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-recipe-list .recipe-info p{border-top:1px solid rgba(112,104,92,.30);padding-top:8px;font-size:11px;color:#5d5952}
.home-recipe-list .arrow{right:12px;bottom:9px;font-size:18px}

/* Unterseiten behalten ihre Struktur, bekommen aber die gleiche echte Papierqualität. */
.recipe-paper{
  background-color:#f5f0e5;
  background-image:
    linear-gradient(90deg,transparent 0,transparent 43px,rgba(184,74,68,.33) 44px,transparent 45px),
    repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(77,120,153,.15) 32px),
    radial-gradient(ellipse at 13% 10%,rgba(99,77,53,.043),transparent 19%),
    radial-gradient(ellipse at 85% 80%,rgba(99,77,53,.032),transparent 20%),
    linear-gradient(154deg,transparent 0 46%,rgba(92,70,48,.030) 47%,transparent 48%),
    linear-gradient(18deg,transparent 0 89%,rgba(255,255,255,.35) 90%,transparent 92%);
  border:1px solid rgba(190,176,155,.76);
  border-radius:0;
  clip-path:polygon(.9% 1.1%,5% .2%,12% .8%,20% .15%,29% .9%,38% .2%,47% .8%,56% .15%,65% .9%,74% .2%,83% .8%,92% .15%,99% 1%,99.6% 12%,98.9% 26%,99.6% 41%,98.8% 57%,99.5% 72%,98.9% 87%,98% 99%,88% 99.5%,77% 98.8%,66% 99.5%,55% 98.9%,44% 99.6%,33% 98.8%,22% 99.4%,11% 98.7%,1% 99%,.4% 87%,1% 73%,.3% 59%,1% 45%,.3% 31%,1% 17%);
  box-shadow:0 18px 35px rgba(0,0,0,.29),0 4px 9px rgba(0,0,0,.13),inset 0 0 28px rgba(93,71,48,.038);
}
.recipe-paper:before{
  left:8px;
  top:16px;
  bottom:16px;
  width:23px;
  background:
    radial-gradient(circle at 50% 10px,#151716 0 4.8px,rgba(74,66,57,.56) 5px 5.5px,rgba(248,243,233,.88) 5.7px 6.6px,transparent 6.9px) 0 0/23px 32px repeat-y;
}
.recipe-paper:after{
  background:
    linear-gradient(163deg,transparent 0 21%,rgba(93,71,49,.031) 22%,transparent 23%),
    linear-gradient(16deg,transparent 0 75%,rgba(255,255,255,.28) 76%,transparent 78%),
    linear-gradient(151deg,transparent 0 88%,rgba(101,79,55,.035) 89%,transparent 91%);
  opacity:1;
}

/* Footer weiterhin dezent auf Schiefer. */
.site-footer{border-top-color:rgba(255,255,255,.20)}
.site-footer strong{color:rgba(255,255,255,.92)}
.site-footer span,.site-footer a{color:rgba(255,255,255,.68)}

@media(max-width:980px){
  .header-inner{padding-left:22px;padding-right:22px}
  .home-layout{gap:28px}
  .home-category-grid{grid-template-columns:1fr 1fr;gap:20px}
  .home-layout > .home-paper .home-category-card{padding-left:51px}
}
@media(max-width:780px){
  .site-header:after{height:6px;bottom:-4px}
  .header-inner{height:70px;min-height:70px;padding:0 16px}
  .brand{font-size:23px}
  .search-box{min-width:0;padding:7px 10px}
  .search-box input{width:120px}
  .home-recipe-list{grid-template-columns:1fr}
  .home-recipe-list .thumb{height:180px}
  .home-layout > .home-paper .home-category-card{min-height:auto;clip-path:none;padding-left:46px}
  .home-layout .recipe-sidebar .sidebar-inner,.recipe-layout .recipe-sidebar .sidebar-inner{clip-path:none;transform:none}
  .recipe-paper{clip-path:none}
}
@media print{
  .site-header:before,.site-header:after{display:none!important}
}

/* =====================================================================
   Version 15 – finaler Schiefer-Hintergrund
   Muss am Dateiende stehen, damit ältere body-Regeln ihn nicht überschreiben.
   ===================================================================== */
body{
  background-color:#363c3f;
  background-image:
    radial-gradient(ellipse at 16% 12%,rgba(255,255,255,.055) 0,rgba(255,255,255,.018) 22%,transparent 48%),
    radial-gradient(ellipse at 82% 30%,rgba(255,255,255,.030) 0,transparent 42%),
    radial-gradient(ellipse at 26% 82%,rgba(0,0,0,.095) 0,transparent 46%),
    radial-gradient(ellipse at 78% 78%,rgba(0,0,0,.070) 0,transparent 44%),
    repeating-linear-gradient(14deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 9px),
    repeating-linear-gradient(104deg,rgba(0,0,0,.040) 0,rgba(0,0,0,.040) 1px,transparent 1px,transparent 15px),
    linear-gradient(180deg,#40474a 0%,#383e41 38%,#303638 100%);
  background-size:auto,auto,auto,auto,260px 260px,310px 310px,100% 100%;
  background-attachment:fixed;
}

/* =====================================================================
   Version 16.1 – Kategorie-Unterseiten / Typografie-Korrektur
   - lange Rezeptnamen bleiben vollständig in den Karten
   - redundante kleine KOCHEN/BACKEN-Labels werden entfernt
   ===================================================================== */

/* Startseite: kleine graue Kategoriebezeichnung in den großen Zetteln ausblenden. */
.home-category-card > .card-label{
  display:none !important;
}

/* Kategorie-Unterseiten: das kleine graue „KOCHEN/BACKEN“ vor der Überschrift entfernen. */
.category-page .section-heading > span{
  display:none !important;
}

/* Kategorie-Unterseiten: Rezeptkarten bekommen genug Raum für den vollständigen Titel. */
.category-page .home-recipe-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}

.category-page .home-recipe-list .recipe-card{
  position:relative;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch;
  gap:0 !important;
  min-width:0;
  height:100%;
  padding:9px 9px 13px !important;
}

.category-page .home-recipe-list .thumb{
  width:100% !important;
  height:148px;
  flex:0 0 148px;
}

.category-page .home-recipe-list .recipe-info{
  width:100%;
  min-width:0;
  padding:9px 4px 20px;
}

.category-page .home-recipe-list .recipe-info h3{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.22;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere;
  hyphens:auto;
  min-height:2.44em;
}

.category-page .home-recipe-list .recipe-info p{
  margin-top:auto;
}

.category-page .home-recipe-list .arrow{
  position:absolute;
  right:13px;
  bottom:10px;
}

@media(max-width:1080px) and (min-width:781px){
  .category-page .home-recipe-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:780px){
  .category-page .home-recipe-list{
    grid-template-columns:1fr;
  }
  .category-page .home-recipe-list .thumb{
    height:180px;
    flex-basis:180px;
  }
}



/* Version 17 – gleiche Optik, stabile eindeutige CSS-Version für Cloudflare */


/* Version 18 – deployment-safe category card fix */
.category-page .home-recipe-list .recipe-info h3{
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}
.category-page .section-heading > span,
.home-category-card > .card-label,
.home-recipe-list .recipe-info small{display:none !important;}


/* =====================================================================
   Version 19 – Unterseiten optisch an Startseite angeglichen
   Kategorie-Seiten liegen direkt auf Schiefer; Karten bleiben Papier.
   Rezeptdetail-Seiten behalten ihre Struktur, verwenden aber dieselbe
   ruhige, realistische Notizbuchsprache wie die Startseite.
   ===================================================================== */

/* KATEGORIE-UNTERSEITEN: den zweiten großen Papierblock entfernen. */
.recipe-layout > .category-page{
  position:relative;
  overflow:visible;
  min-height:0;
  padding:22px 0 18px;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
}

.recipe-layout > .category-page .section-heading{
  margin:0 0 30px;
}
.recipe-layout > .category-page .section-heading h1,
.recipe-layout > .category-page .section-heading h2{
  color:#f7f4ec;
  border-bottom:2px solid rgba(247,244,236,.96);
  padding-bottom:6px;
  text-shadow:0 1px 1px rgba(0,0,0,.30);
  letter-spacing:-.5px;
}

/* Kategorie-Rezeptkarten: exakt dieselbe Papieridee wie „Neue Rezepte“. */
.category-page .home-recipe-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.category-page .home-recipe-list .recipe-card{
  position:relative;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch;
  gap:0 !important;
  min-width:0;
  height:100%;
  padding:9px 9px 13px !important;
  background-color:#f4efe4;
  background-image:
    repeating-linear-gradient(to bottom,transparent 0,transparent 29px,rgba(87,123,150,.065) 30px),
    radial-gradient(ellipse at 15% 13%,rgba(102,80,55,.038),transparent 20%),
    radial-gradient(ellipse at 80% 86%,rgba(102,80,55,.028),transparent 19%),
    linear-gradient(20deg,transparent 0 86%,rgba(255,255,255,.34) 87%,transparent 90%);
  border:1px solid rgba(190,176,155,.75);
  border-radius:0;
  clip-path:polygon(1.5% 2%,8% .5%,16% 1.4%,25% .3%,34% 1.2%,44% .4%,54% 1.1%,64% .2%,74% 1.3%,84% .3%,94% 1.1%,99% .8%,99.6% 14%,98.8% 29%,99.5% 43%,98.9% 57%,99.7% 72%,98.8% 86%,98% 98.5%,89% 99.4%,79% 98.7%,69% 99.5%,59% 98.8%,49% 99.4%,39% 98.7%,29% 99.4%,19% 98.7%,9% 99.4%,1.2% 98.1%,.5% 83%,1.2% 67%,.4% 51%,1.1% 35%,.5% 19%);
  box-shadow:0 13px 24px rgba(0,0,0,.28),0 3px 6px rgba(0,0,0,.13),inset 0 0 18px rgba(91,69,47,.035);
  transform:none;
  transition:transform .18s ease,box-shadow .18s ease;
}
.category-page .home-recipe-list .recipe-card:nth-child(3n+1){transform:rotate(-.10deg)}
.category-page .home-recipe-list .recipe-card:nth-child(3n+2){transform:rotate(.07deg)}
.category-page .home-recipe-list .recipe-card:nth-child(3n){transform:rotate(-.03deg)}
.category-page .home-recipe-list .recipe-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 29px rgba(0,0,0,.31),0 4px 8px rgba(0,0,0,.14);
}
.category-page .home-recipe-list .thumb{
  width:100% !important;
  height:148px;
  flex:0 0 148px;
  border-radius:0;
  box-shadow:0 1px 2px rgba(0,0,0,.12),inset 0 0 0 1px rgba(255,255,255,.18);
}
.category-page .home-recipe-list .recipe-info{
  width:100%;
  min-width:0;
  padding:9px 4px 22px;
}
.category-page .home-recipe-list .recipe-info h3{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.22;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
  min-height:2.44em;
}
.category-page .home-recipe-list .recipe-info p{
  margin:0;
  border-top:1px solid rgba(112,104,92,.30);
  padding-top:8px;
  font-size:11px;
  color:#5d5952;
}
.category-page .home-recipe-list .arrow{
  position:absolute;
  right:13px;
  bottom:10px;
  font-size:18px;
}

/* REZEPTDETAILS: gleiche Papierqualität, weniger „zweites UI-Design“. */
.recipe-layout > .recipe-paper{
  padding:48px 58px 58px;
  background-color:#f4efe4;
  background-image:
    linear-gradient(90deg,transparent 0,transparent 43px,rgba(184,74,68,.32) 44px,transparent 45px),
    repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(77,120,153,.135) 32px),
    radial-gradient(ellipse at 13% 10%,rgba(99,77,53,.046),transparent 19%),
    radial-gradient(ellipse at 85% 80%,rgba(99,77,53,.034),transparent 20%),
    linear-gradient(154deg,transparent 0 46%,rgba(92,70,48,.032) 47%,transparent 48%),
    linear-gradient(18deg,transparent 0 89%,rgba(255,255,255,.36) 90%,transparent 92%),
    repeating-linear-gradient(8deg,rgba(96,74,50,.010) 0,rgba(96,74,50,.010) 1px,transparent 1px,transparent 10px);
  border:1px solid rgba(189,175,154,.76);
  box-shadow:0 18px 34px rgba(0,0,0,.30),0 4px 8px rgba(0,0,0,.14),inset 0 0 28px rgba(92,70,47,.042);
}
.recipe-paper .breadcrumb{
  margin-bottom:32px;
  color:#766f65;
}
.recipe-paper > h1{
  font-size:36px;
  padding-bottom:8px;
  margin-bottom:16px;
  border-bottom:2px solid var(--ink);
}
.recipe-paper .meta-row{
  border-bottom:1px solid rgba(112,104,92,.24);
  padding-bottom:15px;
}
.recipe-paper .recipe-image{
  margin-top:30px;
  box-shadow:0 8px 18px rgba(0,0,0,.16);
}
.recipe-paper .recipe-image img{
  border-radius:0;
}
.recipe-paper .recipe-section h2{
  text-transform:none;
  font-size:20px;
  letter-spacing:0;
  margin-top:34px;
}
.recipe-paper .recipe-section h2:after{
  background:rgba(89,82,73,.46);
}
.recipe-paper .recipe-section h2 span{
  background:transparent;
  padding:0 0 4px;
  border-bottom:2px solid var(--ink);
  transform:none;
}
.recipe-paper .print-button{
  background:#eee5d3;
  border:1px solid rgba(84,76,66,.58);
  box-shadow:0 4px 9px rgba(0,0,0,.10);
}

@media(max-width:1080px) and (min-width:781px){
  .category-page .home-recipe-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
  .recipe-layout > .category-page{padding:12px 0 24px}
  .category-page .home-recipe-list{grid-template-columns:1fr}
  .category-page .home-recipe-list .thumb{height:180px;flex-basis:180px}
  .recipe-layout > .recipe-paper{padding:32px 22px 44px}
  .recipe-paper > h1{font-size:29px}
}