/* Seriengrafiken: Kachel mit fester Pixelgröße; Grundlage ../werkzeug.css */
.sg-spalten{margin:6px 0 0;font-size:.86rem;color:var(--grey);line-height:1.7;}
.sg-spalten code{background:#f6efec;border-radius:4px;padding:1px 5px;font-size:.84rem;color:var(--dark);}
.sg-blaettern{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--grey);}
.sg-blaettern .btn{padding:6px 12px;}
.sg-flaeche{position:absolute;top:0;left:0;transform-origin:0 0;box-shadow:0 6px 20px -10px rgba(34,31,29,.4);}
.sg-g{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:80px 84px 70px;font-family:'Ubuntu','Trebuchet MS',Arial,sans-serif;overflow:hidden;}
.sg-story{padding:150px 84px 160px;}
.sg-farbig{background:var(--sg-farbe);color:var(--sg-auf);}
.sg-hell{background:#fff;color:#221f1d;border-top:56px solid var(--sg-farbe);}
.sg-oben{display:flex;align-items:center;gap:30px;}
.sg-logo{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:18px;padding:16px 20px;max-width:340px;}
.sg-hell .sg-logo{padding:0;}
.sg-logo img{max-height:110px;max-width:300px;object-fit:contain;display:block;}
.sg-titel{margin:0;font-size:46px;font-weight:700;line-height:1.15;letter-spacing:.01em;}
.sg-hell .sg-titel{color:var(--sg-farbe);}
.sg-mitte{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;font-size:48px;}
.sg-z1{margin:0;font-size:150px;font-weight:700;line-height:1.08;hyphens:manual;}
.sg-quadrat .sg-z1{font-size:130px;}
.sg-strich{display:block;width:140px;height:12px;border-radius:6px;background:currentColor;opacity:.9;margin:.55em 0 .5em;}
.sg-hell .sg-strich{background:var(--sg-farbe);}
.sg-z2{margin:0 0 .35em;font-size:1em;font-weight:700;line-height:1.25;}
.sg-z3{margin:0;font-size:.8em;line-height:1.3;opacity:.92;}
.sg-fuss{margin:0;font-size:34px;font-weight:700;opacity:.92;}