/* Werner Rezepte – Darstellung. Alles unter .wr, damit Divi nicht beeinflusst wird. */
@font-face{font-family:"WR Atkinson";src:url(fonts/atkinson-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"WR Atkinson";src:url(fonts/atkinson-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"WR Bricolage";src:url(fonts/bricolage.woff2) format("woff2");font-weight:400 800;font-display:swap}

.wr{
  --wr-bg:#F5F7F4; --wr-flaeche:#FFFFFF; --wr-tinte:#18231F; --wr-grau:#5E6B66;
  --wr-tanne:#1F4A3F; --wr-tanne-hell:#DCE8E3; --wr-linie:#D6DDD9; --wr-erledigt:#9AA5A1; --wr-gelb:#F3D46B;
  --wr-titel:"WR Bricolage","Avenir Next",-apple-system,"Helvetica Neue",sans-serif;
  font:18px/1.55 "WR Atkinson",-apple-system,"Helvetica Neue",Arial,sans-serif;
  color:var(--wr-tinte); max-width:1040px; margin:0 auto; padding:8px 0 48px;
}
.wr *,.wr *::before,.wr *::after{box-sizing:border-box}
.wr h1,.wr h2{font-family:var(--wr-titel);font-weight:700;line-height:1.1;color:var(--wr-tinte);padding:0;margin:0}
.wr a{color:var(--wr-tanne)}
.wr button,.wr input,.wr textarea{font:inherit;color:inherit}
.wr :focus-visible{outline:3px solid var(--wr-tanne);outline-offset:2px}
.wr ul,.wr ol{list-style:none;margin:0;padding:0}
.wr p{padding:0}

/* Kopfzeile der Rezeptseiten */
.wr-kopf{display:flex;align-items:center;gap:12px;min-height:44px;margin-bottom:4px}
.wr-zurueck{font-weight:700;text-decoration:none}
.wr-neu{margin-left:auto;text-decoration:none;font-weight:700;font-size:16px;border:1.5px solid var(--wr-tanne);border-radius:10px;padding:6px 12px}

.wr-meldung{background:var(--wr-tanne-hell);border-radius:10px;padding:10px 14px;margin:8px 0}
.wr-fehler{background:#F8DEDA}
.wr-entwurf{font:700 13px/1 "WR Atkinson",sans-serif;background:var(--wr-gelb);color:#3b3000;border-radius:6px;padding:3px 7px;vertical-align:middle}

/* Übersicht */
.wr-hero{padding:16px 0 4px}
.wr-hero h1{font-size:clamp(40px,8vw,72px);letter-spacing:-.02em}
.wr-anzahl{color:var(--wr-grau);margin:6px 0 0}
.wr-suche{margin:22px 0 12px;position:relative}
.wr-suche input{width:100%;font-size:19px;padding:14px 16px 14px 46px;border:2px solid var(--wr-linie);border-radius:14px;background:var(--wr-flaeche);-webkit-appearance:none;appearance:none}
.wr-suche input:focus{border-color:var(--wr-tanne);outline:none}
.wr-suche svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--wr-grau)}
.wr-chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 16px;scrollbar-width:none}
.wr-chips::-webkit-scrollbar{display:none}
.wr-chip{flex:none;border:1.5px solid var(--wr-linie);background:var(--wr-flaeche);border-radius:999px;padding:7px 15px;font-size:16px;cursor:pointer}
.wr-chip[aria-pressed="true"]{background:var(--wr-tanne);border-color:var(--wr-tanne);color:#fff}
.wr-liste{border-top:1px solid var(--wr-linie)}
.wr-liste a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 2px;border-bottom:1px solid var(--wr-linie);text-decoration:none;color:var(--wr-tinte)}
.wr-liste a:hover h2{color:var(--wr-tanne)}
.wr-liste h2{font-size:24px;font-weight:500}
.wr-meta{color:var(--wr-grau);font-size:15px;text-align:right;flex:none;max-width:45%}
.wr-leer{color:var(--wr-grau);padding:24px 0}
.wr-fuss{margin-top:28px;font-size:14px}
.wr-fuss a{color:var(--wr-grau)}

/* Rezept */
.wr-rezept{padding:12px 0 0}
.wr-rezept h1{font-size:clamp(34px,6.5vw,58px);letter-spacing:-.015em;max-width:18ch}
.wr-fakten{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;margin:14px 0 4px;color:var(--wr-grau);font-size:16px}
.wr-fakten b{color:var(--wr-tinte)}
.wr-stepper{display:inline-flex;align-items:center;gap:8px}
.wr-st{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--wr-tanne);background:var(--wr-flaeche);color:var(--wr-tanne);font-size:20px;line-height:1;cursor:pointer;display:grid;place-content:center;padding:0}
.wr-st:disabled{opacity:.35;cursor:default}
[data-wr-zahl]{min-width:1.4em;text-align:center;font-size:19px}
.wr-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.wr-tag{background:var(--wr-tanne-hell);color:var(--wr-tanne);border-radius:6px;padding:2px 9px;font-size:14px;font-weight:700}
.wr-notiz{margin:18px 0 0;padding:12px 16px;border-left:4px solid var(--wr-gelb);background:var(--wr-flaeche);border-radius:0 10px 10px 0;font-style:italic;max-width:62ch}
.wr-foto{margin:22px 0 0}
.wr-foto img{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:14px}
.wr-spalten{display:grid;gap:32px;margin-top:28px}
@media (min-width:820px){
  .wr-spalten{grid-template-columns:minmax(280px,5fr) 7fr;gap:48px}
  .wr-zutaten{position:sticky;top:110px;align-self:start}
}
.wr-sek{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}
.wr-sek h2{font-size:26px}
.wr-reset{border:0;background:none;color:var(--wr-tanne);font-size:15px;cursor:pointer;padding:4px 0;visibility:hidden}
.wr-reset.on{visibility:visible}
.wr-skaliert{margin:0 0 10px;font-size:15px;background:var(--wr-gelb);border-radius:10px;padding:8px 12px}
.wr-skaliert button{border:0;background:none;text-decoration:underline;cursor:pointer;font-size:15px;padding:0 0 0 4px}
.wr-zutaten ul{background:var(--wr-flaeche);border:1px solid var(--wr-linie);border-radius:14px;overflow:hidden}
.wr-zutaten li+li{border-top:1px solid var(--wr-linie)}
.wr-zutaten li.wr-gruppe{font-family:var(--wr-titel);font-weight:700;font-size:17px;padding:12px 16px 6px;background:var(--wr-bg)}
.wr-zutaten label{display:flex;gap:14px;align-items:flex-start;padding:13px 16px;cursor:pointer;min-height:52px;margin:0;font-weight:400}
.wr-zutaten input{-webkit-appearance:none;appearance:none;flex:none;width:26px;height:26px;margin:1px 0 0;border:2px solid var(--wr-linie);border-radius:8px;background:var(--wr-bg);display:grid;place-content:center;cursor:pointer}
.wr-zutaten input::after{content:"";width:12px;height:7px;border:3px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.wr-zutaten input:checked{background:var(--wr-tanne);border-color:var(--wr-tanne)}
.wr-zutaten input:checked::after{opacity:1}
.wr-zutaten input:checked+span{color:var(--wr-erledigt);text-decoration:line-through}
.wr-menge{font-weight:700}
.wr-schritte ol{counter-reset:wr}
.wr-schritte li{counter-increment:wr;display:grid;grid-template-columns:40px 1fr;gap:4px;padding:0 0 18px;max-width:62ch}
.wr-schritte li::before{content:counter(wr);font-family:var(--wr-titel);font-weight:700;font-size:20px;color:var(--wr-tanne);line-height:1.4}
.wr-quelle{margin-top:26px;font-size:15px;color:var(--wr-grau)}
.wr-aktionen,.wr-knoepfe{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.wr-btn{display:inline-block;border:1.5px solid var(--wr-linie);background:var(--wr-flaeche);border-radius:10px;padding:9px 16px;font-size:16px;line-height:1.3;cursor:pointer;text-decoration:none;color:var(--wr-tinte)!important}
.wr-primaer{background:var(--wr-tanne);border-color:var(--wr-tanne);color:#fff!important}
.wr-leise{border-color:transparent;background:none}

/* Erfassen und Anmelden */
.wr-erfassen h1,.wr-anmelden h1{font-size:clamp(32px,6vw,48px);margin:8px 0 18px}
.wr-form .wr-l,.wr-kats legend,.wr-anmelden label{display:block;font-weight:700;margin:16px 0 6px;padding:0}
.wr-form input[type=text],.wr-form input[type=url],.wr-form textarea,.wr-anmelden input[type=text],.wr-anmelden input[type=password]{
  width:100%;font-size:17px;padding:10px 12px;border:1.5px solid var(--wr-linie);border-radius:10px;background:var(--wr-flaeche);-webkit-appearance:none;appearance:none}
.wr-form textarea{resize:vertical;line-height:1.5}
.wr-form input:focus,.wr-form textarea:focus,.wr-anmelden input:focus{border-color:var(--wr-tanne);outline:none}
.wr-titel{font-size:22px!important;font-family:var(--wr-titel)!important}
.wr-hilfe{color:var(--wr-grau);font-size:14px;margin:4px 0 0}
.wr-ok{color:#1f6b43;font-size:14px;margin:4px 0 0;min-height:1.2em}
.wr-einfuegen{margin:20px 0 4px;background:var(--wr-flaeche);border:1.5px dashed var(--wr-linie);border-radius:12px;padding:12px 16px}
.wr-einfuegen summary{cursor:pointer;font-weight:700}
.wr-einfuegen textarea{margin-top:8px}
.wr-form-spalten{display:grid;gap:8px 32px}
@media (min-width:820px){.wr-form-spalten{grid-template-columns:3fr 2fr}}
.wr-kats{border:0;margin:0;padding:0}
.wr-kats label{display:block;margin:3px 0;font-weight:400}
.wr-dateien{display:grid;gap:16px;margin-top:10px}
@media (min-width:820px){.wr-dateien{grid-template-columns:1fr 1fr}}
.wr-dateien .wr-l{display:block;font-weight:700;margin:16px 0 6px}
.wr-dateien input[type=file]{display:block;width:100%;font-size:15px;color:var(--wr-grau);padding:10px;border:1.5px dashed var(--wr-linie);border-radius:10px;background:var(--wr-flaeche)}
.wr-dateien input[type=file]::file-selector-button{font:inherit;font-size:15px;color:var(--wr-tinte);background:var(--wr-bg);border:1.5px solid var(--wr-linie);border-radius:8px;padding:7px 14px;margin-right:12px;cursor:pointer}
.wr-dateien input[type=file]::-webkit-file-upload-button{font:inherit;font-size:15px;color:var(--wr-tinte);background:var(--wr-bg);border:1.5px solid var(--wr-linie);border-radius:8px;padding:7px 14px;margin-right:12px;cursor:pointer}
.wr-vorschaubild{display:block;max-width:180px;border-radius:8px;margin-bottom:6px}
.wr-klein{font-size:14px;color:var(--wr-grau);display:block;margin:4px 0}
.wr-loeschen{margin-top:36px;padding-top:18px;border-top:1px solid var(--wr-linie)}
.wr-link-gefahr{border:0;background:none;color:#a4262c;text-decoration:underline;cursor:pointer;padding:0;font-size:15px}
.wr-anmelden{max-width:420px}
.wr-anmelden .login-remember label{font-weight:400;display:flex;gap:8px;align-items:center}
.wr-anmelden #wp-submit{background:var(--wr-tanne);color:#fff;border:0;border-radius:10px;padding:11px 22px;font-size:17px;cursor:pointer}

/* Drucken: nur das Rezept, ohne Kopf und Fuss der Website */
@media print{
  #top-header,#main-header,#main-footer,.et-l--header,.et-l--footer,#et-main-area>header,.et_pb_scroll_top,
  .wr-kopf,.wr-aktionen,.wr-reset,.wr-st,.wr-skaliert button,.wr-fuss{display:none!important}
  #page-container{padding-top:0!important}
  .wr{font-size:12pt;color:#000;padding:0}
  .wr *{color:#000!important}
  .wr-zutaten ul{border:0;background:none}
  .wr-zutaten li+li{border-top:0}
  .wr-zutaten input{display:none}
  .wr-zutaten label{padding:2px 0;min-height:0}
  .wr-zutaten li.wr-gruppe{background:none;padding:8px 0 2px}
  .wr-spalten{grid-template-columns:1fr 2fr;gap:24px}
  .wr-zutaten{position:static}
  .wr-rezept h1{font-size:26pt}
  .wr-tag,.wr-notiz,.wr-skaliert{background:none;border:1px solid #999}
  .wr-foto img{max-height:220px}
  .wr-schritte li{padding-bottom:6px;break-inside:avoid}
}