/*
Theme Name: Betreiberjournal
Author: iSearch GmbH
Description: Eigenständiges redaktionelles Theme für webhoster-ratgeber.de.
Version: 1.0.0
Text Domain: wr-journal
*/
@font-face{font-family:Manrope;src:url(assets/manrope.woff2) format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:'Roboto Serif';src:url(assets/roboto-serif.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{--white:#fff;--ink:#23282a;--muted:#596266;--line:#dce0e1;--surface:#f5f6f6;--copper:#8c492c;--ease-out:cubic-bezier(.23,1,.32,1);--motion:180ms;--measure:66ch}
*{box-sizing:border-box}html{scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--white);font-family:Manrope,sans-serif;font-size:17px;line-height:1.6}a{color:var(--copper);text-underline-offset:.2em;text-decoration-thickness:1px}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--copper);outline-offset:4px}::selection{background:#ead3c7;color:#23282a}input{caret-color:var(--copper)}img{max-width:100%;height:auto;display:block}h1,h2,h3{line-height:1.16;letter-spacing:-.025em;text-wrap:balance;font-weight:650}h1{font-size:clamp(2.45rem,4.7vw,4.9rem)}h2{font-size:clamp(1.8rem,3vw,2.8rem)}h3{font-size:1.4rem}p{margin:0 0 1.3em}figure{margin:0}figcaption{font:400 .78rem/1.5 Manrope,sans-serif;color:var(--muted);margin-top:12px}small{font-size:.82rem}.wrap{max-width:1320px;margin:auto;padding:0 42px}.skip{position:absolute;top:0;left:20px;transform:translateY(-150%);z-index:20;background:var(--white);padding:14px}.skip:focus{transform:translateY(0)}.site-header{padding:24px 0 20px;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:14px;line-height:1.15;color:var(--ink);text-decoration:none;font-size:1.5rem;font-weight:750;letter-spacing:-.035em}.brand svg{width:34px;height:42px;flex-shrink:0}.brand span span{font-size:.85rem;display:block;letter-spacing:0;font-weight:450;color:var(--muted);margin-top:5px}.site-nav{display:flex;align-items:center;gap:24px;font-size:.85rem;font-weight:600}.site-nav a{color:var(--ink);text-decoration:none;padding:8px 0}.site-nav a[aria-current]{color:var(--copper)}.nav-mobile{display:none}.preview-notice{background:var(--surface);font-size:.73rem;padding:8px 0;color:var(--muted)}.hero{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(320px,.95fr);gap:36px;padding-top:72px;padding-bottom:72px;align-items:start}.hero-index{padding-top:12px;font-size:.85rem}.hero-index h2{font-size:1rem;letter-spacing:0;margin:0 0 20px}.hero-index a{display:block;padding:10px 0;color:var(--muted);text-decoration:none}.hero-copy h1{margin:0 0 28px;font-size:clamp(2.6rem,5.6vw,5.3rem);letter-spacing:-.04em;line-height:1.06}.hero-copy p{max-width:38ch;font-size:1.1rem;line-height:1.65;color:var(--muted)}.hero-copy .text-link{display:inline-block;margin-top:8px;font-weight:650}.hero-media{padding-top:3px}.hero-media img{height:438px;width:100%;object-fit:cover;border-radius:12px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:30px}.section-title h2{margin:0}.dossiers{border-top:1px solid var(--line);padding:55px 0 70px}.dossier-main{display:grid;grid-template-columns:1.2fr 1fr;gap:54px;align-items:center}.dossier-main img{width:100%;height:310px;object-fit:cover;border-radius:12px}.dossier-main h3{font-size:2.35rem;margin:0 0 20px}.dossier-main p{max-width:48ch;color:var(--muted)}.dossier-main a{font-weight:650}.dossier-list{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:0 54px}.dossier-row{border-top:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:110px 1fr;gap:22px}.dossier-row small{color:var(--muted);padding-top:3px}.dossier-row h3{font-size:1.2rem;margin:0 0 8px}.dossier-row p{font-size:.9rem;color:var(--muted);margin:0}.dossier-row a{color:var(--ink);text-decoration:none}.request-section{background:var(--surface);padding:60px 0 65px}.request-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:34px}.request-intro h2{margin:0;max-width:15ch}.request-intro p{max-width:48ch;color:var(--muted)}.request-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.request-steps button{border:0;border-bottom:2px solid var(--line);background:transparent;text-align:left;padding:15px 12px 19px;line-height:1.4;color:var(--muted);transition:border-color var(--motion) var(--ease-out),color var(--motion) var(--ease-out)}.request-steps button span{display:block;font-size:.75rem;margin-bottom:7px}.request-steps button[aria-pressed=true]{color:var(--copper);border-color:var(--copper)}.request-panels{padding-top:30px;max-width:76ch}.request-panels h3{margin:0 0 12px}.request-panels p{margin:0}.request-panels [hidden]{display:none}.no-js .request-steps{display:none}.no-js .request-panels>section{padding:18px 0}.library{padding:70px 0}.library-search{display:flex;gap:12px;max-width:600px;margin:25px 0 30px}.library-search input,.search-page input{border:1px solid var(--line);border-radius:8px;padding:12px 16px;min-width:0;flex:1;background:var(--white)}.button{display:inline-block;background:var(--ink);color:var(--white);padding:13px 20px;border:0;border-radius:8px;text-decoration:none;font-size:.9rem;line-height:1.4;white-space:nowrap;transition:background-color 120ms var(--ease-out)}.button:hover{background:var(--copper)}.library-table{width:100%;border-collapse:collapse}.library-table td,.library-table th{text-align:left;padding:18px 0;border-bottom:1px solid var(--line);vertical-align:top}.library-table th{font-size:.75rem;color:var(--muted);font-weight:600}.library-table td:first-child{width:160px;font-size:.8rem;color:var(--muted)}.library-table td:last-child{width:70px;text-align:right;font-size:.75rem;color:var(--muted)}.library-table a{color:var(--ink);text-decoration:none;font-weight:600}.library-table p{margin:7px 0 0;font-size:.87rem;color:var(--muted);max-width:70ch}.library-count{font-size:.8rem;color:var(--muted);min-height:24px}.products-strip{background:var(--ink);color:var(--white);padding:62px 0}.products-strip p{color:#cbd0d2;max-width:60ch}.products-strip a{color:#f0c4ad}.product-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin-top:28px}.product-rows a{display:flex;justify-content:space-between;gap:24px;padding:19px 0;border-bottom:1px solid #555d61;text-decoration:none}.product-rows span:last-child{font-size:.82rem;color:#cbd0d2}.editorial-home{padding-top:72px;padding-bottom:70px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:54px}.editorial-home aside{font-size:.85rem;color:var(--muted)}.editorial-home aside h2{font-size:1.25rem;color:var(--ink);margin-top:0}.prose{font-family:'Roboto Serif',Georgia,serif;font-size:1.0625rem;line-height:1.75;max-width:var(--measure)}.prose h2,.prose h3,.prose h4{font-family:Manrope,sans-serif}.prose h2{font-size:1.95rem;margin:2.1em 0 .85em}.prose h3{font-size:1.35rem;margin:1.8em 0 .8em}.prose p{margin:0 0 1.35em}.prose li{margin:.45em 0}.prose strong{font-weight:650}.prose code{font-family:ui-monospace,monospace;font-size:.88em;overflow-wrap:anywhere;background:var(--surface);padding:.15em .3em}.prose pre{background:var(--surface);padding:22px;overflow:auto;font-size:.9rem;border-radius:8px}.prose pre code{padding:0;white-space:pre}.prose table{font-family:Manrope,sans-serif;font-size:.84rem;line-height:1.6;border-collapse:collapse;width:100%;min-width:540px;font-variant-numeric:tabular-nums}.prose td,.prose th{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:14px 16px 14px 0}.prose th{font-weight:650;background:var(--surface)}.table-scroll{overflow-x:auto;margin:30px 0;max-width:100%}.table-scroll:focus-visible{outline-offset:2px}.prose figure{margin:32px 0;padding:24px;background:var(--surface);font-family:Manrope,sans-serif}.prose figcaption{margin-top:16px}.prose .flow,.prose .diagram,.prose .ops-flow{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.prose .flow span,.prose .diagram span,.prose .ops-flow span{background:var(--white);padding:12px;font-size:.85rem}.prose blockquote,.prose .example,.prose .callout{background:var(--surface);margin:28px 0;padding:24px;font-size:.96rem}.breadcrumbs{padding-top:36px;font-size:.78rem;display:flex;gap:12px;flex-wrap:wrap;color:var(--muted)}.breadcrumbs a{color:var(--muted)}.article-intro{max-width:1050px;padding:28px 0 38px}.article-intro h1{margin:0 0 25px;font-size:clamp(2.3rem,4.4vw,4.45rem)}.article-intro .lead{max-width:65ch;font-size:1.2rem;line-height:1.7;color:var(--muted)}.article-meta{display:flex;gap:24px;font-size:.78rem;flex-wrap:wrap;color:var(--muted)}.article-image{max-width:1060px;margin-bottom:55px}.article-image img{width:100%;height:325px;object-fit:cover;border-radius:12px}.reading-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 180px;gap:45px;padding-bottom:70px}.toc{font-size:.78rem;line-height:1.5}.toc details{position:sticky;top:24px}.toc summary{font-size:.9rem;font-weight:650;margin-bottom:20px;cursor:pointer}.toc a{color:var(--muted);text-decoration:none;display:block;margin:0 0 14px}.margin-notes{font-size:.8rem;color:var(--muted)}.margin-notes h2{font-size:1.03rem;letter-spacing:0;margin-top:0;color:var(--ink)}.margin-notes a{display:block;margin:12px 0}.sources{margin-top:50px;border-top:1px solid var(--line);padding-top:24px;font-family:Manrope,sans-serif;font-size:.82rem}.sources summary,.glossary summary{font-weight:650;cursor:pointer;padding:10px 0;font-size:.95rem}.sources h2{font-size:1.3rem;margin:0 0 20px}.sources ol{padding-left:20px}.sources a{overflow-wrap:anywhere}.glossary{font-family:Manrope,sans-serif;background:var(--surface);padding:15px 22px;margin:28px 0}.glossary dl{font-size:.86rem}.glossary dt{font-weight:650;margin-top:14px}.glossary dd{margin:4px 0 0}.checklist{font-family:Manrope,sans-serif;background:var(--surface);padding:26px;margin:35px 0;font-size:.9rem}.checklist h2{font-size:1.4rem;margin:0 0 20px}.checklist label{display:flex;gap:12px;margin:12px 0;align-items:flex-start;cursor:pointer}.checklist input{accent-color:var(--copper);width:18px;height:18px;flex-shrink:0;margin-top:5px}.checklist-status{font-size:.78rem;color:var(--muted);margin-top:20px}.related{border-top:1px solid var(--line);padding:40px 0}.related h2{font-size:1.7rem}.related-links{display:flex;gap:20px;flex-wrap:wrap}.archive-intro{padding:58px 0 20px;max-width:850px}.archive-intro h1{margin:0 0 20px}.archive-list{padding-bottom:65px;max-width:1000px}.archive-list article{padding:28px 0;border-top:1px solid var(--line)}.archive-list h2{font-size:1.6rem;margin:0 0 12px}.archive-list p{max-width:70ch;color:var(--muted)}.archive-list a{color:var(--ink);text-decoration:none}.site-footer{padding:42px 0;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer-inner nav{display:flex;justify-content:flex-end;gap:20px;flex-wrap:wrap}.footer-inner a{color:var(--muted)}.search-page{padding:55px 0;min-height:65vh}.search-page form{display:flex;gap:12px;max-width:650px}.search-page h1{font-size:3rem}.empty{padding:30px 0;color:var(--muted)}
@media(hover:hover) and (pointer:fine){.site-nav a:hover,.dossier-row a:hover,.library-table a:hover,.archive-list a:hover,.toc a:hover{color:var(--copper)}}
@media(min-width:1500px){.hero-copy h1{font-size:5.3rem}}
@media(max-width:1100px){.wrap{padding:0 30px}.site-nav{gap:14px}.hero{grid-template-columns:120px 1fr 1fr;gap:25px;padding-top:55px}.hero-copy h1{font-size:4rem}.hero-media img{height:400px}.reading-layout{grid-template-columns:155px minmax(0,1fr);gap:32px}.margin-notes{grid-column:2;display:flex;gap:22px;flex-wrap:wrap}.margin-notes h2{width:100%}}
@media(max-width:800px){.wrap{padding:0 24px}.site-header{padding:19px 0}.brand{font-size:1.22rem}.brand svg{width:26px;height:32px}.site-nav{display:none}.nav-mobile{display:block;font-size:.85rem;position:relative}.nav-mobile summary{cursor:pointer;padding:9px 12px}.nav-mobile nav{position:absolute;right:0;top:46px;background:var(--white);padding:18px 24px;width:240px;box-shadow:0 12px 35px rgba(35,40,42,.12);z-index:10;border-radius:8px}.nav-mobile a{display:block;padding:8px 0;color:var(--ink);text-decoration:none}.hero{grid-template-columns:1fr 1fr;gap:28px;padding-top:45px;padding-bottom:45px}.hero-index{grid-column:1/-1;display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:0}.hero-index h2{display:none}.hero-index a{padding:0;font-size:.78rem}.hero-copy h1{font-size:3.1rem}.hero-copy p{font-size:1rem}.hero-media img{height:340px}.dossier-main{gap:30px}.dossier-main h3{font-size:1.8rem}.dossier-main img{height:280px}.dossier-row{grid-template-columns:1fr;gap:8px}.dossier-list{gap:0 30px}.request-intro{gap:30px}.request-intro h2{font-size:2rem}.editorial-home{grid-template-columns:1fr;gap:15px}.editorial-home aside{max-width:60ch}.reading-layout{grid-template-columns:minmax(0,1fr)}.toc details{position:static}.toc details:not([open]) summary{margin-bottom:0}.margin-notes{grid-column:1}.article-image img{height:300px}.article-intro{padding-top:24px}.article-intro .lead{font-size:1.1rem}.footer-inner{grid-template-columns:1fr;gap:20px}.footer-inner nav{justify-content:flex-start}}
@media(max-width:560px){body{font-size:16px}.wrap{padding:0 20px}.hero{grid-template-columns:1fr;padding-top:30px;gap:25px}.hero-index{gap:17px;margin-bottom:3px}.hero-copy h1{font-size:3rem;max-width:12ch;margin-bottom:20px}.hero-copy p{max-width:39ch}.hero-media img{height:250px}.hero-media figcaption{font-size:.7rem}.section-title{display:block}.section-title>a{display:inline-block;margin-top:15px;font-size:.9rem}.dossiers{padding-top:35px;padding-bottom:38px}.dossier-main{grid-template-columns:1fr;gap:24px}.dossier-main img{height:215px}.dossier-main h3{font-size:1.9rem}.dossier-list{grid-template-columns:1fr;margin-top:25px}.dossier-row{grid-template-columns:82px 1fr;gap:15px}.dossier-row small{font-size:.7rem}.dossier-row h3{font-size:1.08rem}.request-section{padding:38px 0}.request-intro{grid-template-columns:1fr;gap:18px;margin-bottom:22px}.request-intro h2{max-width:20ch}.request-intro p{margin:0}.request-steps{grid-template-columns:1fr 1fr;gap:8px}.request-steps button{padding:12px 8px}.request-panels{font-size:.93rem}.library{padding:40px 0}.library-search{gap:8px}.library-search input{padding:12px;width:50%}.library-search .button{padding:12px 14px}.library-table td:first-child{display:none}.library-table th:first-child{display:none}.library-table td:last-child{width:48px}.library-table td{padding:17px 0}.library-table a{font-size:.95rem}.library-table p{font-size:.8rem}.products-strip{padding:38px 0}.product-rows{grid-template-columns:1fr;margin-top:20px}.editorial-home{padding-top:40px;padding-bottom:45px}.prose{font-size:1rem;line-height:1.75;max-width:100%}.prose h2{font-size:1.6rem}.prose h3{font-size:1.2rem}.prose blockquote,.prose .example,.prose .callout{padding:20px;margin:22px 0}.prose figure{padding:20px}.article-intro h1{font-size:2.3rem;overflow-wrap:anywhere}.article-image img{height:210px}.article-image{margin-bottom:30px}.reading-layout{gap:25px;padding-bottom:40px}.breadcrumbs{padding-top:25px;font-size:.73rem}.article-meta{gap:12px}.archive-intro{padding:35px 0 20px}.archive-intro h1{font-size:2.5rem}.search-page h1{font-size:2.5rem}.search-page form{flex-wrap:wrap}.footer-inner nav{gap:15px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.site-nav,.nav-mobile,.preview-notice,.toc,.margin-notes,.site-footer,.checklist,.related{display:none}.wrap{padding:0}.reading-layout{display:block}.prose{max-width:none}a{color:inherit}.article-image img{height:180px}.table-scroll{overflow:visible}.prose table{min-width:0}}

.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.motion-preference{display:flex;gap:8px;align-items:center;font-size:.85rem;line-height:1.5}.motion-preference input{width:18px;height:18px;accent-color:var(--copper)}.no-js .motion-preference{display:none}.motion-off *{animation:none!important;transition:none!important;scroll-behavior:auto!important}

.prose,.editorial-home>*{min-width:0}.prose :not(pre)>code{overflow-wrap:anywhere;word-break:break-word}

.footer-brand{max-width:70ch;margin-bottom:26px;font-size:.85rem;color:var(--muted)}.footer-brand p{margin:0 0 8px}.preferred-source{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:26px;padding:24px 28px;border:1px solid var(--line);border-radius:8px;background:var(--surface);margin-bottom:28px}.preferred-source h2{font-size:1.05rem;line-height:1.45;letter-spacing:0;margin:0 0 6px;overflow-wrap:anywhere}.preferred-source p{font-size:.88rem;line-height:1.6;max-width:65ch;color:var(--muted);margin:0}.preferred-source__link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid var(--copper);border-radius:8px;background:var(--white);color:var(--copper);font-size:.9rem;font-weight:650;text-decoration:none;line-height:1.5;text-align:center}.preferred-source__link:hover{background:var(--copper);color:var(--white)}.footer-inner{align-items:center}.footer-inner .motion-preference{justify-self:end}
@media(max-width:800px){.preferred-source{grid-template-columns:minmax(0,1fr);gap:18px;padding:22px}.preferred-source__link{justify-self:start}.footer-inner .motion-preference{justify-self:start}}
@media(max-width:560px){.preferred-source{padding:20px}.preferred-source h2{font-size:1rem}.preferred-source__link{width:100%;min-height:48px}.footer-brand{font-size:.8rem}}