/*
Theme Name: IT Stössel Zuhause
Author: IT Stössel
Description: Schlichtes Block-Theme für IT-Dienstleistungen für Privatkunden.
Version: 1.2.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: it-stoessel
License: GPL-2.0-or-later
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:#fafaf8;color:#252629;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #717171;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.045em}h1{font-size:clamp(3rem,7.5vw,6.5rem);font-weight:500;margin-bottom:28px}h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:500}h3{font-size:1.4rem;font-weight:500}p{margin-bottom:1.3rem}.wp-site-blocks{padding:0}.site-header,.site-main,.site-footer{max-width:1160px;margin:auto;padding-inline:40px}.site-header{display:flex;justify-content:space-between;align-items:center;padding-block:30px;border-bottom:1px solid #dededa;gap:20px}.brand{font-size:24px;letter-spacing:.08em;margin:0}.brand a{text-decoration:none}.brand-sub{display:block;font-size:11px;letter-spacing:.14em;margin-top:3px}.navigation{display:flex;gap:28px;margin:0;font-size:14px}.navigation a{text-decoration:none}.hero{padding-block:90px 76px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;margin-bottom:28px}.lead{font-size:1.2rem;max-width:620px;color:#5c5d60}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.wp-block-button__link{display:inline-block;text-decoration:none;background:#252629;color:white;border:1px solid #252629;border-radius:2px;padding:14px 23px;font-size:14px;line-height:1.4}.is-style-outline .wp-block-button__link{background:transparent;color:#252629}.wp-block-button__link:hover{background:#45464a;color:white}.hero-note{font-size:10px;letter-spacing:.16em;margin:52px 0 0;color:#6b6b6b}.network-section{border-top:1px solid #dededa;padding-block:70px;display:grid;grid-template-columns:1.15fr 1fr;column-gap:90px}.network-section>.eyebrow{grid-column:1/-1}.network-section>h2,.network-section>p{grid-column:1}.network-section>.network-list{grid-column:2;grid-row:2/4}.network-list h3{margin-bottom:10px}.network-list p{color:#626367;font-size:15px;border-bottom:1px solid #dededa;padding-bottom:23px;margin-bottom:24px}.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:50px;border-block:1px solid #dededa}.device .eyebrow{color:#696a6c}.device p:last-child{color:#626367;max-width:440px}.process{padding-block:70px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.step h3{font-size:1.1rem}.step p{font-size:15px;color:#626367}.contact{padding:50px;background:#eeeeea;margin-bottom:60px}.contact h2{max-width:700px}.address{font-size:13px;color:#626367;margin:30px 0 0}.site-footer{display:flex;justify-content:space-between;gap:20px;padding-block:25px;font-size:12px;border-top:1px solid #dededa}.content-page{padding-block:70px;min-height:65vh;max-width:800px;margin:auto}.site-main>*{margin-block-start:0}.wp-block-group{box-sizing:border-box}@media(max-width:700px){.site-header,.site-main,.site-footer{padding-inline:22px}.site-header{padding-block:22px}.brand{font-size:19px}.navigation{gap:16px;font-size:12px}.hero{padding-block:60px}.network-section{display:block;padding-block:45px}.network-list{margin-top:32px}.device-grid,.steps{grid-template-columns:1fr;gap:25px}.device-grid{padding-block:35px}.process{padding-block:45px}.contact{padding:28px 22px}.site-footer{flex-direction:column;gap:0}.site-footer p{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Gestaltung in Anlehnung an den bisherigen Auftritt */
body{background:#fff;font-weight:300}.site-header{max-width:1280px;border:0;padding-block:18px}.brand a{display:block;background:url('assets/logo.webp') left center/100px auto no-repeat;min-height:72px;padding-left:120px;padding-top:9px}.brand{font-size:18px}.site-main{max-width:none;padding:0}.hero{background:linear-gradient(#ffffff8c,#ffffffa8),url('assets/hero.webp') center/cover;min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 24px}.hero h1{font-size:clamp(2.7rem,5vw,4.8rem);font-weight:300;letter-spacing:-.04em}.hero .lead{color:#333;max-width:650px}.hero .eyebrow{font-size:10px}.hero-note{margin-top:30px}.network-section,.device-grid,.process{max-width:1100px;margin:auto;padding-inline:40px}.network-section{border:0;padding-block:80px}.device-grid{border:0;border-top:1px solid #ddd}.process{padding-block:60px}.contact{background:#242527;color:#fff;margin:0;text-align:center;padding:70px 24px}.contact:before{content:'';display:block;width:80px;height:2px;background:#fff;margin:0 auto 35px}.contact .lead{margin-inline:auto;color:#ddd}.contact h2{margin-inline:auto}.contact .wp-block-buttons{justify-content:center}.contact .wp-block-button__link{background:#fff;color:#242527;border-color:#fff}.contact .is-style-outline .wp-block-button__link{background:transparent;color:#fff}.contact .address{color:#ddd}.site-footer{max-width:none;background:#202123;color:#eee;border:0;padding:25px max(24px,calc((100vw - 1080px)/2));flex-wrap:wrap}.content-page{padding:60px 24px;overflow-wrap:anywhere}.content-page h2{font-size:1.65rem;margin-top:35px;letter-spacing:-.02em}.content-page h1{font-size:3rem}.cookie-reopen{border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.cookie-banner{position:fixed;z-index:10000;bottom:0;left:0;right:0;padding:24px max(22px,calc((100vw - 1080px)/2));background:#202123;color:#fff;box-shadow:0 -2px 16px #0003;max-height:70vh;overflow:auto}.cookie-banner[hidden]{display:none}.cookie-banner h2{font-size:1.2rem;letter-spacing:0;margin-bottom:10px}.cookie-banner p{font-size:14px;max-width:900px;margin-bottom:16px}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}.cookie-actions button{background:transparent;color:#fff;border:1px solid #bdbdbd;padding:10px 16px;font:inherit;font-size:13px;cursor:pointer}.cookie-actions button:hover{background:#fff;color:#202123}.cookie-status{font-size:12px;margin-top:10px}.cookie-banner a{color:#fff}.cookie-banner button:focus-visible,.cookie-reopen:focus-visible{outline:3px solid #aaa;outline-offset:3px}@media(max-width:700px){.brand a{background-size:80px;padding-left:95px;min-height:60px}.brand{font-size:15px}.brand-sub{font-size:9px}.hero{min-height:540px}.network-section,.device-grid,.process{padding-inline:24px}.hero .wp-block-buttons{justify-content:center}.contact{margin:0}.site-header{padding-inline:18px}.navigation{gap:12px}}

.brand a{display:flex;align-items:center;padding-top:0}.brand-sub{margin-top:0;font-size:13px;letter-spacing:.06em}@media(max-width:700px){.brand-sub{font-size:11px}}

/* Tastatur, Kontrast, Textvergrößerung und mobile Bedienung */
:root{color-scheme:light}body{font-size:16px}.site-header{flex-wrap:wrap}.brand-sub{font-size:14px}.navigation{flex-wrap:wrap;gap:12px}.navigation a,.site-footer a,.cookie-reopen{display:inline-flex;align-items:center;min-height:44px;padding:8px 4px}.primary-navigation{margin:0}.site-header .navigation{margin:0}.hero{background:linear-gradient(#ffffffb8,#ffffffc7),url('assets/hero.webp') center/cover}.eyebrow,.hero .eyebrow,.hero-note{font-size:14px;letter-spacing:.09em}.hero-note{color:#484848}.site-footer{font-size:14px;align-items:center}.site-footer p{margin:0}.site-footer .copyright{white-space:nowrap}.address{font-size:14px}.wp-block-button__link,.cookie-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.cookie-banner p{line-height:1.65}.skip-link{position:fixed;left:16px;top:16px;z-index:20000;background:white;color:#202123;padding:14px 20px;transform:translateY(-160%);text-decoration:underline}.skip-link:focus{transform:none}:focus-visible{outline:3px solid #175baa!important;outline-offset:4px!important}.contact :focus-visible,.site-footer :focus-visible,.cookie-banner :focus-visible{outline-color:#ffc857!important}.site-main:focus{outline:0}.content-page{line-height:1.75}.content-page a{overflow-wrap:anywhere}.print-form{border:1px solid #777;padding:24px}.print-button{border:1px solid #252629;background:#252629;color:#fff;padding:12px 20px;font:inherit;min-height:44px;cursor:pointer}.site-footer a:hover{text-decoration-thickness:2px}@media(max-width:600px){.site-header{gap:12px}.site-header .primary-navigation{flex-basis:100%}.site-header .navigation{justify-content:flex-end}.brand-sub{font-size:14px}.cookie-banner{max-height:85vh}.cookie-actions{flex-direction:column}.cookie-actions button{width:100%;text-align:left;justify-content:flex-start}.site-footer{gap:10px}.site-footer p{line-height:2}.hero{padding-inline:24px}.hero h1{overflow-wrap:anywhere}.content-page h1{font-size:2.4rem}.print-form{padding:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(forced-colors:active){.brand a{background-color:White;forced-color-adjust:none}.brand-sub{color:#252629}.wp-block-button__link,.print-button,.cookie-actions button{border:2px solid ButtonText}.skip-link{border:2px solid LinkText}}@media print{header,footer,.skip-link,.cookie-banner,.print-button{display:none!important}body,.content-page{background:white;color:black}.content-page{max-width:none;padding:0}.content-page a{color:black}.print-form{break-inside:avoid}.site-main{padding:0}}