:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#00539D;background:#f3f6f5}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1150px;margin:auto;padding:38px 20px 70px}.head{display:flex;align-items:center;gap:15px;margin-bottom:28px}.mark{background:#00539D;color:white;border-radius:15px;padding:13px;font-weight:800;letter-spacing:.06em}h1{font-size:clamp(24px,3vw,34px);margin:0}p{line-height:1.5}.muted{color:#62777d;font-size:14px}.layout{display:grid;grid-template-columns:minmax(300px,440px) minmax(320px,1fr);gap:20px}.panel{background:#fff;border:1px solid #dfe7e6;border-radius:17px;padding:24px;box-shadow:0 8px 25px #18313b09}.panel h2{margin:0 0 8px;font-size:19px}label{display:block;font-size:13px;font-weight:650;margin:15px 0 6px}input,select{width:100%;border:1px solid #becdcc;border-radius:9px;padding:11px 12px;font:inherit;color:inherit;background:#fff}input:focus,select:focus{outline:2px solid #4aaca4;outline-offset:1px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hide{display:none!important}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}button{border:0;border-radius:10px;padding:12px 16px;font:inherit;font-weight:650;cursor:pointer;background:#00539D;color:white}button.secondary{background:#e8f1fa;color:#00539D}button:disabled{opacity:.5;cursor:not-allowed}.preview{border:1px solid #dfe7e6;border-radius:10px;background:#fff;padding:24px;overflow:auto;margin-top:18px}.status{font-size:13px;min-height:20px;margin-top:12px;color:#17675e}.hint{font-size:13px;color:#64767a;margin-top:15px}.code{width:100%;min-height:190px;resize:vertical;font:12px/1.5 ui-monospace,monospace;border:1px solid #d7e1df;border-radius:9px;padding:12px;background:#f8faf9;white-space:pre;overflow:auto}details{margin-top:22px}summary{cursor:pointer;font-weight:650}.steps{font-size:14px;line-height:1.7;padding-left:20px}@media(max-width:800px){.layout{grid-template-columns:1fr}.wrap{padding-top:20px}.panel{padding:18px}.twocol{grid-template-columns:1fr}}

/* WordPress-/WPBakery-Theme-Overrides: Buttons nur in diesem Generator */
.wrap .actions button:not(.secondary),
.wrap .actions button:not(.secondary):hover,
.wrap .actions button:not(.secondary):focus,
.wrap .actions button:not(.secondary):active,
.wrap .actions button:not(.secondary):visited {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: #00539D !important;
  background-image: none !important;
  text-shadow: none !important;
  opacity: 1;
}
.wrap .actions button.secondary,
.wrap .actions button.secondary:hover,
.wrap .actions button.secondary:focus {
  color: #00539D !important;
  -webkit-text-fill-color: #00539D !important;
  background-color: #e8f1fa !important;
  background-image: none !important;
  text-shadow: none !important;
}