:root{
  --gfwk-green:#0d6b4e;
  --gfwk-green-2:#168a62;
  --gfwk-green-dark:#084b39;
  --gfwk-green-deep:#063d31;
  --gfwk-green-soft:#eaf7f1;
  --gfwk-gold:#d7aa42;
  --gfwk-gold-soft:#fff6dc;
  --gfwk-cream:#fff9eb;
  --gfwk-ink:#173f34;
  --gfwk-muted:#6d8179;
  --gfwk-line:#d8e7df;
}

body.gfwk-page .entry-header,
body.gfwk-page .post-header,
body.gfwk-page .wp-block-post-title,
body.gfwk-page .entry-title,
body.gfwk-page .page-title{display:none!important}

.gfwk-app,.gfwk-app *{box-sizing:border-box}
.gfwk-app{
  position:relative;
  width:100vw!important;
  max-width:none!important;
  margin:30px 0 68px calc(50% - 50vw)!important;
  padding:0 clamp(22px,7vw,112px);
  transform:none!important;
  color:var(--gfwk-ink);
  font-family:inherit;
}

.gfwk-page-head{
  width:100%;
  margin:0 0 24px;
  padding:0 0 20px;
  border-bottom:1px solid var(--gfwk-line);
}
.gfwk-kicker{display:block;margin-bottom:7px;color:#2c8b68;font-size:11px;font-weight:950;letter-spacing:.14em}
.gfwk-page-head h1{display:block!important;visibility:visible!important;opacity:1!important;margin:0!important;color:#0b4f3b!important;font-size:clamp(34px,3.6vw,48px)!important;line-height:1!important;font-weight:950!important;letter-spacing:-.035em}
.gfwk-page-head p{max-width:760px;margin:9px 0 0;color:var(--gfwk-muted);font-size:14px;line-height:1.48;font-weight:650}
.gfwk-tools-label{display:block;margin:0 0 10px 2px;color:#2c8b68;font-size:10px;font-weight:950;letter-spacing:.13em}

.gfwk-tools{display:grid;gap:22px;align-items:stretch;width:100%}
.gfwk-tools.is-single{grid-template-columns:1fr}
.gfwk-tools.is-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.gfwk-tools.is-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

.gfwk-tool-card{min-width:0;border:1px solid var(--gfwk-line);border-radius:24px;background:#fff;box-shadow:0 16px 36px rgba(13,90,67,.07);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.gfwk-tool-card:hover{transform:translateY(-3px);border-color:#a9d2bf;box-shadow:0 22px 44px rgba(13,90,67,.12)}
.gfwk-card-link{height:100%;display:flex;flex-direction:column;color:inherit!important;text-decoration:none!important}
.gfwk-card-visual{height:230px;display:grid;place-items:center;padding:18px;background:linear-gradient(145deg,#eff9f4 0%,#fff9e9 100%);overflow:hidden}
.gfwk-card-visual>img{width:100%;height:100%;object-fit:cover;border-radius:16px}
.gfwk-card-placeholder{width:104px;height:104px;display:grid;place-items:center;border:3px solid var(--gfwk-gold);border-radius:27px;background:var(--gfwk-green);box-shadow:0 16px 26px rgba(7,61,47,.2)}
.gfwk-card-placeholder span{color:#fff3c5;font-size:52px;font-weight:950}
.gfwk-card-body{display:flex;flex:1;flex-direction:column;padding:18px 20px 20px}
.gfwk-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.gfwk-card-label{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;background:var(--gfwk-green-soft);color:#176648;font-size:9px;font-weight:950;letter-spacing:.07em;text-transform:uppercase}
.gfwk-card-status{display:inline-flex;align-items:center;gap:6px;color:#61766d;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.gfwk-card-status i{width:7px;height:7px;border-radius:50%;background:#20a66d;box-shadow:0 0 0 3px #e8f7ef}
.gfwk-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}
.gfwk-card-title-row h3{margin:0!important;color:#123d31!important;font-size:25px!important;line-height:1.05!important;font-weight:950!important;letter-spacing:-.025em}
.gfwk-card-arrow{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;background:#eef7f3;color:#176648;font-size:16px;font-weight:900}
.gfwk-card-body p{margin:8px 0 17px;color:#657c73;font-size:13px;line-height:1.5}
.gfwk-open-button{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:0 18px;border-radius:12px;background:linear-gradient(135deg,#169265,#0d6047);color:#fff;font-size:13px;font-weight:950;box-shadow:0 8px 18px rgba(13,96,71,.16)}
.gfwk-open-button b{font-size:18px;line-height:1}
.gfwk-empty{padding:28px;border:1px dashed #c8ddd3;border-radius:18px;background:#fff;color:#72877e;text-align:center;font-weight:800}

/* Ein einzelnes Werkzeug bekommt eine echte breite Fokuskarte. */
.gfwk-tools.is-single .gfwk-tool-card{width:100%;min-height:390px}
.gfwk-tools.is-single .gfwk-card-link{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.8fr)}
.gfwk-tools.is-single .gfwk-card-visual{height:auto;min-height:390px;padding:30px 42px;overflow:hidden}
.gfwk-tools.is-single .gfwk-card-body{justify-content:center;padding:38px 40px 36px;border-left:1px solid #edf2ef}
.gfwk-tools.is-single .gfwk-card-title-row h3{font-size:34px!important}
.gfwk-tools.is-single .gfwk-card-body p{max-width:430px;margin-top:13px;margin-bottom:26px;font-size:14px;line-height:1.58}
.gfwk-tools.is-single .gfwk-open-button{margin-top:0;min-height:50px;font-size:13px}

/* FuchsWalze card preview: screenshot-like, razor-sharp and responsive. */
.gfwk-walze-shot{position:relative;width:min(620px,100%);height:238px;display:grid;place-items:center}
.gfwk-walze-machine{position:relative;width:520px;max-width:92%;padding:22px 24px 18px;border:5px solid #d3a43a;border-radius:25px;background:linear-gradient(180deg,#0d6b4e,#084d3b);box-shadow:0 17px 30px rgba(7,61,47,.22),inset 0 0 0 3px rgba(255,239,172,.28)}
.gfwk-walze-crown{position:absolute;left:50%;top:-16px;transform:translateX(-50%);width:44%;height:22px;border:4px solid #d3a43a;border-bottom:0;border-radius:15px 15px 0 0;background:#0a5a43}
.gfwk-walze-reels{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:7px;border:2px solid #a97b20;border-radius:15px;background:#062f27;overflow:hidden}
.gfwk-walze-reel{position:relative;height:106px;border-radius:9px;background:linear-gradient(90deg,#efe4c9 0%,#fffdf5 18%,#fff 50%,#fffdf5 82%,#efe4c9 100%);box-shadow:inset 0 0 8px rgba(104,72,14,.24);overflow:hidden}
.gfwk-walze-reel:before,.gfwk-walze-reel:after{content:"";position:absolute;left:0;right:0;height:30%;z-index:2;pointer-events:none}
.gfwk-walze-reel:before{top:0;background:linear-gradient(#d9cfb7,transparent)}
.gfwk-walze-reel:after{bottom:0;background:linear-gradient(transparent,#d9cfb7)}
.gfwk-walze-reel b{position:absolute;left:5px;right:5px;top:8px;color:#557168;font-size:7px;text-align:center;text-transform:uppercase;letter-spacing:.04em;z-index:3}
.gfwk-walze-reel span{position:absolute;left:4px;right:4px;top:50%;transform:translateY(-50%);padding:5px 2px;border:2px solid #d1a13b;border-radius:6px;color:#1d473a;font-size:8px;font-weight:950;text-align:center;z-index:3;background:rgba(255,255,255,.68)}
.gfwk-walze-console{display:grid;grid-template-columns:1fr 78px;gap:8px;margin-top:9px}
.gfwk-walze-result{min-height:38px;display:flex;align-items:center;padding:0 11px;border-radius:9px;background:#062f27;color:#f8e9b1;font-size:8px;font-weight:900;overflow:hidden;white-space:nowrap}
.gfwk-walze-spin{display:grid;place-items:center;border-radius:9px;background:linear-gradient(180deg,#f0cf69,#cf992e);color:#173d31;font-size:10px;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.gfwk-walze-lever{position:absolute;right:-25px;top:60px;width:14px;height:72px;border-radius:10px;background:#c5942f;transform:rotate(4deg);box-shadow:0 5px 8px rgba(0,0,0,.18)}
.gfwk-walze-lever:before{content:"";position:absolute;left:50%;top:-18px;transform:translateX(-50%);width:27px;height:27px;border:3px solid #8f6517;border-radius:50%;background:#e5b94e}

@media(max-width:1080px){
  .gfwk-app{padding-inline:32px}
  .gfwk-tools.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gfwk-tools.is-single .gfwk-card-link{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}
  .gfwk-tools.is-single .gfwk-card-visual{padding:26px}
  .gfwk-tools.is-single .gfwk-card-body{padding:30px}
}
@media(max-width:840px){
  .gfwk-tools.is-pair,.gfwk-tools.is-grid{grid-template-columns:1fr}
  .gfwk-tools.is-single .gfwk-tool-card{min-height:0}
  .gfwk-tools.is-single .gfwk-card-link{display:flex}
  .gfwk-tools.is-single .gfwk-card-visual{height:280px;min-height:0;padding:20px}
  .gfwk-tools.is-single .gfwk-card-body{padding:24px;border-left:0;border-top:1px solid #edf2ef}
  .gfwk-tools.is-single .gfwk-card-title-row h3{font-size:28px!important}
}
@media(max-width:620px){
  .gfwk-app{margin-top:18px!important;margin-bottom:42px!important;padding-inline:12px}
  .gfwk-page-head{margin-bottom:18px;padding-bottom:16px}
  .gfwk-page-head h1{font-size:35px!important}
  .gfwk-page-head p{font-size:13px}
  .gfwk-tool-card{border-radius:19px}
  .gfwk-card-visual,.gfwk-tools.is-single .gfwk-card-visual{height:230px;padding:14px}
  .gfwk-card-body,.gfwk-tools.is-single .gfwk-card-body{padding:17px}
  .gfwk-card-title-row h3,.gfwk-tools.is-single .gfwk-card-title-row h3{font-size:24px!important}
  .gfwk-card-meta{align-items:flex-start}
  .gfwk-walze-machine{transform:scale(.86)}
}
@media(max-width:430px){
  .gfwk-walze-machine{transform:scale(.76)}
  .gfwk-card-status{font-size:8px}
}