/*
Theme Name: ISP Dossier
Author: iSearch GmbH
Description: Eigenständiges Technikportal für isp-webhoster.de. Schlankes editierbares Dossier-Theme.
Version: 1.0.0
Text Domain: isp-dossier
*/
@font-face{font-family:Plex;src:url(assets/plex-regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Plex;src:url(assets/plex-medium.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Plex;src:url(assets/plex-semibold.woff2) format('woff2');font-weight:600 800;font-style:normal;font-display:swap}
:root{--canvas:#f3f6f8;--paper:#fff;--ink:#25303d;--muted:#566574;--accent:#006477;--rule:#cdd7df;--tint:#e7f0f2;--measure:68ch;--max:1280px}
*{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Plex,system-ui,sans-serif;font-size:18px;line-height:1.7}::selection{background:#b3d5db;color:#172e35}a{color:var(--accent);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button,input,select{font:inherit}button,.button{cursor:pointer}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,h4{font-weight:500;line-height:1.15;letter-spacing:-.025em;text-wrap:balance;margin:0}h1{font-size:clamp(2.2rem,3.8vw,3.8rem)}h2{font-size:clamp(1.65rem,2.5vw,2.35rem)}h3{font-size:1.25rem;font-weight:600}p{margin:0 0 1.35em}strong{font-weight:600}ul,ol{padding-left:1.4em}li{margin:.45em 0}.wrap{width:min(calc(100% - 96px),var(--max));margin:auto}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--rule)}.header-inner{display:flex;align-items:center;gap:28px;min-height:84px}.brand{color:var(--ink);font-size:1.35rem;letter-spacing:-.035em;text-decoration:none;white-space:nowrap;line-height:1.1}.brand b{font-weight:600}.brand small{display:block;color:var(--muted);font-size:.74rem;letter-spacing:.01em;margin-top:5px}.main-nav{margin-left:auto;display:flex;align-items:center;gap:26px;font-size:.94rem;line-height:1.4}.main-nav a{text-decoration:none;color:var(--ink)}.main-nav a:hover{color:var(--accent)}.header-search{position:relative;font-size:.9rem}.header-search summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center}.header-search summary::-webkit-details-marker{display:none}.header-search svg{width:19px;height:19px}.header-search form{position:absolute;right:0;top:40px;padding:20px;width:340px;background:var(--paper);border:1px solid var(--rule);box-shadow:0 12px 28px rgba(37,48,61,.1)}.search-form{display:flex;gap:8px;flex-wrap:wrap}.search-form label{width:100%;font-size:.88rem}.search-form input{min-width:0;flex:1;width:150px;border:1px solid var(--muted);border-radius:4px;background:white;padding:8px 12px}.search-form button{background:var(--accent);color:white;border:0;padding:9px 15px;border-radius:4px}.draft-note{border-bottom:1px solid var(--rule);font-size:.78rem;line-height:1.5;background:var(--tint);padding:7px 0;color:#30565e}.draft-note .wrap{display:flex;gap:18px;justify-content:space-between}.draft-note a{color:inherit}.hero{display:grid;grid-template-columns:7fr 5fr;gap:72px;padding:72px 0 52px;align-items:start}.hero h1{font-size:clamp(2.55rem,4.9vw,4.85rem);letter-spacing:-.032em;line-height:1.06;max-width:12.5ch}.hero .lead{max-width:47ch;font-size:1.18rem;line-height:1.6;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:4px;text-decoration:none;font-size:1rem;line-height:1.5;font-weight:500}.button:hover{background:#004e5d;text-decoration:none}.button.secondary{background:transparent;color:var(--accent)}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.topic-index{border-top:1px solid var(--ink)}.topic-index h2{font-size:1rem;margin:15px 0 5px;color:var(--muted);letter-spacing:0;font-weight:400}.topic-index a{display:block;border-bottom:1px solid var(--rule);padding:16px 28px 17px 0;text-decoration:none;position:relative}.topic-index a span{display:block;font-size:1.28rem;font-weight:500;line-height:1.3;color:var(--ink)}.topic-index a p{font-size:.93rem;color:var(--muted);line-height:1.5;margin:6px 0 0}.topic-index a svg{position:absolute;right:0;top:20px;width:19px;height:19px}.section{padding:76px 0}.section.paper{background:var(--paper)}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:34px}.section-head p{max-width:54ch;color:var(--muted);font-size:1rem}.requirement-raster{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);margin-bottom:32px}:is(.requirement-raster,.requirement-raster>.wp-block-group__inner-container)>div{padding:20px 24px;background:white;border-right:1px solid var(--rule)}:is(.requirement-raster,.requirement-raster>.wp-block-group__inner-container)>div:first-child{padding-left:0;background:transparent}:is(.requirement-raster,.requirement-raster>.wp-block-group__inner-container)>div:last-child{border:0;background:var(--tint)}.requirement-raster h2,.requirement-raster h3{font-size:1rem;letter-spacing:0;margin-bottom:9px;font-weight:600}.requirement-raster p{font-size:.98rem;line-height:1.55;margin:0}.home-photo img{width:100%;height:300px;object-fit:cover;object-position:50% 57%}.home-photo figcaption,.article-photo figcaption{font-size:.78rem;line-height:1.5;color:var(--muted);padding-top:9px}.feature-dossier{display:grid;grid-template-columns:2fr 1fr;gap:80px}.feature-dossier p{max-width:65ch;margin-top:20px}.feature-note{padding-top:6px}.feature-note details{border-bottom:1px solid var(--rule);padding:17px 0}.feature-note summary{cursor:pointer;font-weight:500;line-height:1.4}.feature-note details p{font-size:.95rem;line-height:1.6;margin:14px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);counter-reset:step;margin:38px 0 0;padding:0;list-style:none;gap:36px}.steps li{border-top:1px solid var(--rule);padding-top:20px;counter-increment:step;margin:0}.steps li:before{content:counter(step);display:block;font-size:2rem;line-height:1;color:var(--accent);margin-bottom:17px}.steps h3{font-weight:500}.steps p{font-size:1rem;margin:10px 0}.product-list{border-top:1px solid var(--ink)}.product-row{display:grid;grid-template-columns:80px 1.2fr 1.4fr auto;gap:24px;align-items:center;border-bottom:1px solid var(--rule);padding:23px 0}.product-row img{width:80px;height:70px;object-fit:cover}.product-row h3{font-size:1.2rem}.product-row h3 a{text-decoration:none;color:var(--ink)}.product-row .family{font-size:.84rem;color:var(--muted);margin:3px 0 0}.product-row .summary{font-size:.98rem;line-height:1.5;margin:0;color:var(--muted)}.product-row>a{font-size:.95rem;white-space:nowrap}.ad-note{font-size:.87rem;color:var(--muted);line-height:1.6;margin-bottom:25px;max-width:84ch}.breadcrumb{font-size:.84rem;display:flex;gap:10px;flex-wrap:wrap;margin:29px 0 26px}.breadcrumb a{color:var(--muted)}.page-title{max-width:21ch;margin-bottom:22px}.page-lead{font-size:1.18rem;line-height:1.65;max-width:72ch;color:var(--muted);margin-bottom:30px}.article-intro{padding:0 0 40px}.article-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:62px;align-items:start}.article-main{min-width:0;max-width:100%}.article-body{font-size:1.125rem;line-height:1.75}.article-body>p,.article-body>ul,.article-body>ol,.article-body>h2,.article-body>h3{max-width:var(--measure)}.article-body h2{margin:66px 0 22px;scroll-margin-top:116px}.article-body h2:first-child{margin-top:0}.article-body h3{margin:34px 0 15px}.article-body blockquote{margin:28px 0;padding:20px 28px;background:var(--tint);font-size:1.04rem;max-width:68ch}.article-body a{overflow-wrap:anywhere}.article-body code{font-family:ui-monospace,monospace;font-size:.9em;background:var(--canvas);padding:2px 4px;overflow-wrap:anywhere}.toc{position:sticky;top:110px;max-height:calc(100vh - 132px);overflow:auto;padding-bottom:20px;font-size:.85rem;line-height:1.55}.toc summary{font-size:.93rem;cursor:pointer;font-weight:600;margin-bottom:12px}.toc nav{border-top:1px solid var(--rule);padding-top:13px}.toc a{display:block;color:var(--muted);text-decoration:none;padding:6px 0;line-height:1.45}.toc a:hover{color:var(--accent)}.toc .toc-end{border-top:1px solid var(--rule);margin-top:12px;padding-top:15px}.article-photo{margin-bottom:42px}.article-photo img{width:100%;height:auto;max-height:340px;object-fit:cover}.article-body table,.facts-table{border-collapse:collapse;font-size:.98rem;line-height:1.55;width:100%;text-align:left;font-variant-numeric:tabular-nums;background:white}.article-body table caption,.facts-table caption{text-align:left;font-weight:500;margin:0 0 14px;font-size:1.05rem;color:var(--ink)}.article-body th,.article-body td,.facts-table th,.facts-table td{padding:15px 18px;vertical-align:top;border-bottom:1px solid var(--rule);min-width:160px}.article-body th,.facts-table th{font-weight:600;background:var(--canvas)}.table-scroll{overflow-x:auto;margin:28px 0;max-width:100%;scrollbar-color:var(--muted) var(--canvas);scrollbar-width:thin}.table-scroll:focus{outline-offset:0}.table-hint{font-size:.8rem;color:var(--muted);margin:9px 0}.diagram{padding:28px;background:var(--tint);margin:42px 0}.diagram h3{font-size:1.12rem;letter-spacing:0;margin-bottom:20px}.diagram-flow{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;gap:12px;align-items:center}.diagram-flow .node{background:white;padding:17px;font-size:.92rem;line-height:1.5}.diagram-flow .node b{display:block;margin-bottom:5px}.diagram-flow .connector{color:var(--accent);width:26px}.diagram p{font-size:.83rem;line-height:1.6;margin:17px 0 0}.sources{border-top:1px solid var(--rule);padding-top:34px;margin-top:55px;font-size:.9rem;line-height:1.6}.sources h2{font-size:1.55rem}.sources ul{padding-left:20px}.sources a{overflow-wrap:anywhere}.order{padding:32px;background:var(--tint);margin-top:36px}.order h2{font-size:1.7rem;margin-bottom:13px}.order p{font-size:.98rem;max-width:70ch}.order small{display:block;font-size:.84rem;margin:12px 0 0;color:var(--muted)}.article-end{margin-top:50px;padding-top:22px;border-top:1px solid var(--rule)}.related{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:1rem}.related a{display:block;padding:16px 0}.listing{display:grid;grid-template-columns:230px 1fr;gap:62px}.guide-row{padding:24px 0;border-bottom:1px solid var(--rule)}.guide-row h2{font-size:1.45rem;margin-bottom:10px}.guide-row h2 a{text-decoration:none;color:var(--ink)}.guide-row p{max-width:68ch;font-size:1rem;color:var(--muted);margin:0}.guide-row .topic{font-size:.8rem;margin-top:10px;color:var(--accent)}.topic-block{padding:40px 0;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:1fr 1.5fr;gap:64px}.topic-block h2{font-size:2rem}.topic-block ul{margin-top:0}.topic-block li{font-size:1rem}.checklist{padding:30px;background:var(--paper);border:1px solid var(--rule);margin:28px 0}.checklist fieldset{border:0;padding:0;margin:0 0 26px}.checklist legend{font-weight:600;margin-bottom:12px}.checklist label{display:flex;gap:12px;align-items:flex-start;font-size:1rem;line-height:1.6;padding:8px 0;cursor:pointer}.checklist input{width:20px;height:20px;margin-top:3px;flex-shrink:0;accent-color:var(--accent)}.checklist output{font-size:.94rem;display:block;margin-top:15px}.checklist .controls{display:flex;gap:14px;flex-wrap:wrap}.checklist button{font-size:.94rem}.checklist .js-only{display:none}.js .checklist .js-only{display:inline-flex}.check-summary{padding:16px;background:var(--tint);font-size:.92rem;line-height:1.55;margin-top:15px}.check-summary:empty{display:none}.glossary details{padding:20px 0;border-bottom:1px solid var(--rule)}.glossary summary{cursor:pointer;font-size:1.15rem;font-weight:500}.glossary p{font-size:1rem;margin:15px 0 0;max-width:68ch}.site-footer{margin-top:76px;background:var(--ink);color:#fff;padding:42px 0;font-size:.88rem;line-height:1.65}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:54px}.site-footer a{color:#e3f3f5}.site-footer p{color:#d0dce5;margin-bottom:15px}.site-footer .brand{color:white}.footer-links a{display:block;margin:7px 0}.footer-bottom{border-top:1px solid #536170;margin-top:28px;padding-top:20px;font-size:.8rem;color:#d0dce5}.empty{padding:42px 0;max-width:68ch}.results-title{margin-bottom:26px}
@media(min-width:1001px){.toc:not([open])>nav{display:block}.toc summary{list-style:none}.toc summary::-webkit-details-marker{display:none}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:40px}.main-nav{gap:16px}.main-nav a:nth-child(3){display:none}.article-grid,.listing{grid-template-columns:200px minmax(0,1fr);gap:38px}.product-row{grid-template-columns:70px 1.2fr 1.2fr auto;gap:18px}.product-row img{width:70px}.steps{gap:24px}}
@media(max-width:1000px){.article-grid,.listing{grid-template-columns:1fr}.toc{position:static;max-height:none;border-bottom:1px solid var(--rule);padding:15px 0;margin-bottom:4px}.toc summary{margin:0}.toc nav{margin-top:15px}.toc a{font-size:.95rem}.feature-dossier{gap:40px}.hero h1{font-size:3.5rem}.steps{grid-template-columns:1fr 1fr}.product-row{grid-template-columns:72px 1fr auto}.product-row .summary{grid-column:2/4}.product-row>a{grid-column:3;grid-row:1}.topic-block{gap:35px}}
@media(max-width:700px){body{font-size:17px}.wrap{width:calc(100% - 40px)}html{scroll-padding-top:120px}.header-inner{min-height:96px;flex-wrap:wrap;gap:12px;padding:15px 0}.brand{font-size:1.22rem}.brand small{font-size:.7rem}.main-nav{margin:0;order:3;width:100%;gap:24px;font-size:.85rem}.main-nav a:nth-child(3){display:block}.main-nav a:nth-child(4){display:none}.header-search{margin-left:auto}.header-search form{right:-3px;width:min(340px,calc(100vw - 40px));top:34px}.draft-note{font-size:.7rem}.draft-note .wrap{display:block}.draft-note .wrap>a{display:none}.hero{grid-template-columns:1fr;gap:37px;padding:44px 0 35px}.hero h1{font-size:clamp(2.65rem,10.5vw,3.5rem);max-width:14ch}.hero .lead{font-size:1.05rem;margin:22px 0}.actions{gap:18px}.topic-index a{padding-top:13px;padding-bottom:13px}.topic-index a span{font-size:1.14rem}.topic-index a p{font-size:.87rem}.section{padding:46px 0}.section-head{grid-template-columns:1fr;gap:18px;margin-bottom:26px}.section-head p{margin:0}.requirement-raster{grid-template-columns:1fr;margin-bottom:25px}:is(.requirement-raster,.requirement-raster>.wp-block-group__inner-container)>div,:is(.requirement-raster,.requirement-raster>.wp-block-group__inner-container)>div:first-child{padding:16px 20px;border-right:0;border-bottom:1px solid var(--rule)}:is(.requirement-raster,.requirement-raster>.wp-block-group__inner-container)>div:first-child{padding-left:20px;background:white}.requirement-raster p{font-size:.94rem}.home-photo img{height:215px}.feature-dossier{grid-template-columns:1fr;gap:20px}.feature-dossier p{font-size:1rem}.steps{grid-template-columns:1fr 1fr;gap:25px 22px}.steps p{font-size:.91rem}.steps h3{font-size:1.1rem}.steps li:before{font-size:1.6rem}.product-row{grid-template-columns:56px 1fr;gap:14px;padding:22px 0}.product-row img{width:56px;height:62px}.product-row h3{font-size:1.07rem}.product-row .summary{grid-column:2/3;font-size:.91rem}.product-row>a{grid-column:2;grid-row:3;justify-self:start}.product-row .family{font-size:.75rem}.breadcrumb{margin:22px 0;font-size:.8rem}.page-title{font-size:2.3rem;max-width:20ch;overflow-wrap:break-word}.page-lead{font-size:1.06rem;line-height:1.65}.article-intro{padding-bottom:20px}.article-grid{gap:25px}.article-body{font-size:1.0625rem;line-height:1.75}.article-body h2{margin-top:45px;font-size:1.65rem;scroll-margin-top:130px}.article-photo{margin-bottom:30px}.article-photo img{max-height:250px}.diagram{padding:20px}.diagram-flow{grid-template-columns:1fr;gap:10px}.diagram-flow .connector{transform:rotate(90deg);justify-self:center}.diagram-flow .node{padding:14px}.table-scroll{margin:24px 0}.article-body td,.article-body th,.facts-table th,.facts-table td{padding:13px 15px;min-width:150px}.order{padding:24px}.related{grid-template-columns:1fr;gap:0}.topic-block{grid-template-columns:1fr;gap:20px;padding:30px 0}.topic-block h2{font-size:1.7rem}.checklist{padding:22px}.footer-grid{grid-template-columns:1fr;gap:24px}.site-footer{margin-top:45px;padding:32px 0}.sources h2{font-size:1.45rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Native Group wrappers carry no visual box; the editorial layout belongs to the outer group. */
.wp-block-group__inner-container{display:contents}
.article-grid>aside{align-self:stretch;min-width:0}
.steps li>strong{display:block;font-size:1.25rem;font-weight:600;line-height:1.15;letter-spacing:-.025em;margin-bottom:12px}
@media(max-width:700px){.steps li>strong{font-size:1.1rem}}
@media print{.site-header,.draft-note,.toc,.site-footer,.checklist .controls{display:none}.wrap{width:100%}.article-grid{display:block}.article-photo img{max-height:200px}.checklist{border:0;padding:0}body{background:white;color:black;font-size:11pt}.section{padding:20px 0}a{color:black}.table-scroll{overflow:visible}}
