/*
Theme Name: rootcloud Architekturjournal
Version: 1.0.0
Author: iSearch GmbH
Description: Eigenes schlankes Theme für rootcloud.de.
License: GPL-2.0-or-later
*/
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{--canvas:#f5f6fa;--surface:#fff;--ink:#293049;--muted:#5d687f;--line:#d7dce7;--accent:#4357b3;--tint:#e9edf9;--radius:12px;--shell:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:17px;line-height:1.7}a{color:var(--accent);text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}button,input{font:inherit}button,.button{cursor:pointer}a,button,input,summary{touch-action:manipulation}::selection{background:#cdd5f3;color:var(--ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%;height:auto}svg{max-width:100%}h1,h2,h3{line-height:1.15;letter-spacing:-.025em;font-weight:500;text-wrap:balance;margin:0 0 24px}h1{font-size:clamp(36px,4.2vw,60px);max-width:20ch}h2{font-size:clamp(28px,3vw,42px)}h3{font-size:26px}p{margin:0 0 20px}strong{font-weight:700}figure{margin:0}figcaption{font-size:12px;color:var(--muted);line-height:1.5;margin-top:10px}.lead{font-size:21px;line-height:1.65;max-width:65ch}.skip-link{position:absolute;top:-70px;left:16px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:12px}.site-header{max-width:var(--shell);padding:27px 40px;margin:auto;display:flex;align-items:center;gap:48px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:650;font-size:25px;letter-spacing:-.035em}.site-header nav{display:flex;gap:28px;margin-left:auto}.site-header nav a,.header-check{color:var(--ink);font-size:15px;text-decoration:none}.site-header nav a:hover{text-decoration:underline}.header-check{padding:9px 15px;border:1px solid var(--line);border-radius:7px}.review-bar{background:#e9edf5;color:var(--muted);font-size:12px;padding:7px 24px;text-align:center}.home-hero{max-width:var(--shell);margin:auto;padding:68px 40px 84px;display:grid;grid-template-columns:34% 1fr;gap:40px;align-items:start}.hero-copy{padding-top:14px}.hero-copy h1{font-size:clamp(36px,4.2vw,59px);line-height:1.09;max-width:13ch;margin-bottom:28px}.hero-copy>p:not(.lead){font-size:15px;color:var(--muted)}.button{display:inline-flex;background:var(--accent);color:#fff;text-decoration:none;padding:14px 21px;border:0;border-radius:7px;font-size:15px;font-weight:600;align-items:center;justify-content:center}.button:hover{background:#35479a}.hero-copy .button{margin-top:10px}.architecture{min-width:0}.architecture-picture{position:relative}.architecture-picture img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius)}.architecture-parts{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:24px}.architecture-parts details{border-bottom:1px solid var(--line);padding:13px 0;font-size:14px;align-self:start}.architecture-parts summary{font-weight:600;cursor:pointer;font-size:15px;min-height:28px}.architecture-parts p{padding-top:10px;margin:0}.section{max-width:var(--shell);margin:auto;padding:76px 40px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line)}.intro p:not(.lead){max-width:65ch;color:var(--muted)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading p{font-size:14px;color:var(--muted)}.topic-index{display:grid;grid-template-columns:1fr 1fr;gap:0 56px}.topic-index>a{display:block;text-decoration:none;color:var(--ink);padding:28px 0;border-top:1px solid var(--line)}.topic-index h3{margin-bottom:14px}.topic-index p{margin-bottom:18px;color:var(--muted)}.topic-index span{color:var(--accent);font-size:15px}.topic-index a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.wide-feature{max-width:var(--shell);margin:30px auto;display:grid;grid-template-columns:58% 1fr;background:var(--surface);align-items:center}.wide-feature figure img{aspect-ratio:3/2;object-fit:cover}.wide-feature figcaption{padding:0 20px 12px}.wide-feature>div{padding:45px}.wide-feature h2{font-size:36px;max-width:16ch}.wide-feature .lead{font-size:18px}.product-overview{display:grid;grid-template-columns:1fr 1fr;gap:64px}.product-overview>div>p{color:var(--muted);font-size:15px}.product-line{display:block;padding:22px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}.product-line strong{display:block;font-size:22px;font-weight:550}.product-line span{display:block;font-size:15px;color:var(--muted);margin-top:10px}.product-line:hover strong{text-decoration:underline}.text-link{display:inline-block;margin-top:34px;font-weight:600}.index-item{display:grid;grid-template-columns:140px 1.1fr 1.3fr 50px;gap:24px;align-items:baseline;padding:28px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}.item-kind{font-size:13px;color:var(--muted)}.item-title{font-size:23px;font-weight:550;line-height:1.4}.item-dek{font-size:15px;line-height:1.65;color:var(--muted)}.item-link{color:var(--accent);font-size:14px}.index-item:hover .item-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.check-strip{max-width:calc(var(--shell) - 80px);margin:50px auto 100px;background:var(--tint);padding:40px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-radius:var(--radius)}.check-strip h2{font-size:30px}.check-strip p{max-width:65ch;margin:0}.check-strip .button{flex-shrink:0}.site-footer{max-width:var(--shell);margin:auto;padding:54px 40px 60px;display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.site-footer p{margin-top:20px}.site-footer nav{display:flex;flex-wrap:wrap;gap:15px 24px}.site-footer nav a{color:var(--ink)}.article-header,.page-heading{max-width:1080px;margin:auto;padding:65px 40px 38px}.article-header h1{margin:24px 0;max-width:22ch}.article-header .lead{max-width:65ch}.article-meta{font-size:13px;color:var(--muted)}.article-visual{max-width:1000px;margin:0 auto 54px;padding:0 40px}.article-visual img{width:100%;max-height:430px;object-fit:cover;border-radius:var(--radius)}.article-layout{display:grid;grid-template-columns:210px minmax(0,760px);gap:55px;max-width:1100px;margin:auto;padding:0 40px 85px}.toc{font-size:13px;align-self:start}.toc h2{font-size:18px;letter-spacing:0;margin-bottom:20px}.toc nav{display:flex;flex-direction:column;gap:12px}.toc a{color:var(--muted);line-height:1.5}.article-body{font-size:18px;line-height:1.8;min-width:0}.article-body h2{font-size:32px;margin:58px 0 22px;scroll-margin-top:35px}.article-body h3{font-size:24px;margin:36px 0 16px}.article-body p,.article-body li{max-width:70ch}.article-body li{margin-bottom:12px}.article-body ul,.article-body ol{padding-left:25px}.article-body figure{margin:32px 0;padding:26px;background:var(--surface);border-radius:var(--radius)}.article-body figure figcaption{font-size:14px}.table-scroll,.table-wrap,.wp-block-table{max-width:100%;overflow-x:auto;margin:30px 0}.article-body table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6;margin:0;display:table}.article-body th,.article-body td{padding:15px 18px;border-bottom:1px solid var(--line);text-align:left;min-width:135px;vertical-align:top}.article-body th{background:var(--tint);font-weight:650}.article-body blockquote{margin:28px 0;padding:24px;background:var(--tint);border-radius:var(--radius)}.flow-diagram,.flow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:15px}.flow-diagram>span,.flow>span{padding:12px 15px;background:var(--tint);border-radius:6px}.merchant,.sources,.related{margin-top:50px;padding-top:6px;border-top:1px solid var(--line)}.sources{font-size:15px;line-height:1.7}.sources a{overflow-wrap:anywhere}.page{max-width:1100px;margin:auto;padding-bottom:90px}.page-content{max-width:840px;padding:0 40px;margin:auto}.page-heading h1{max-width:25ch}.page-content>.topic-index{font-size:16px}.search-form{margin:35px 0 50px}.search-form label{display:block;font-size:14px;margin-bottom:8px}.search-form>div{display:flex;gap:10px;max-width:600px}.search-form input{min-width:0;width:100%;background:#fff;border:1px solid var(--line);border-radius:6px;padding:12px 15px;color:var(--ink)}.search-form button{background:var(--accent);border:0;color:#fff;border-radius:6px;padding:12px 22px}.archive h1{max-width:24ch}.checklist{padding-left:0!important;list-style:none}.checklist li{padding:15px 0;border-bottom:1px solid var(--line)}.checklist label{display:flex;gap:13px;align-items:flex-start;cursor:pointer}.checklist input{margin-top:9px;accent-color:var(--accent);width:20px;height:20px;flex-shrink:0}.checklist input:checked+span{color:var(--muted);text-decoration:line-through}.print-button{padding:12px 20px;background:var(--accent);border:0;border-radius:7px;color:#fff;margin:20px 0}.diagram-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diagram-grid>div{background:var(--tint);padding:20px;border-radius:8px}.diagram-grid p{font-size:15px;margin:10px 0 0}.responsibility{margin:40px 0}.responsibility details{border-top:1px solid var(--line);padding:20px 0}.responsibility summary{font-weight:600;cursor:pointer}.responsibility p{margin-top:20px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1000px){.site-header{gap:22px}.site-header nav{gap:18px}.header-check{display:none}.home-hero{grid-template-columns:36% 1fr;gap:28px}.hero-copy h1{font-size:43px}.lead{font-size:19px}.index-item{grid-template-columns:105px 1fr 1.1fr}.item-link{display:none}.wide-feature>div{padding:30px}.wide-feature h2{font-size:30px}.article-layout{grid-template-columns:170px minmax(0,1fr);gap:30px}}
@media(max-width:760px){body{font-size:16px}.site-header{padding:22px 22px;display:block}.site-header .brand{font-size:24px}.site-header nav{margin-top:18px;gap:20px;flex-wrap:wrap}.review-bar{text-align:left;font-size:11px;padding:8px 22px}.home-hero{padding:36px 22px 52px;display:flex;flex-direction:column;gap:30px}.hero-copy{padding:0}.hero-copy h1{font-size:43px;max-width:15ch}.hero-copy .lead{max-width:32ch}.architecture{width:100%}.architecture-parts{gap:0 20px;margin-top:16px}.architecture-parts summary{font-size:14px}.architecture-parts details{font-size:13px}.section{padding:48px 22px}.intro{display:block}.intro h2{margin-bottom:28px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{margin-bottom:15px}.topic-index{grid-template-columns:1fr;gap:0}.topic-index>a{padding:25px 0}.wide-feature{display:block;margin:20px 0}.wide-feature>div{padding:32px 22px}.wide-feature h2{max-width:20ch}.product-overview{grid-template-columns:1fr;gap:45px}.index-item{grid-template-columns:1fr;gap:8px;padding:22px 0}.item-title{font-size:23px}.item-kind{font-size:12px}.item-dek{font-size:15px}.check-strip{margin:30px 22px 60px;display:block;padding:27px}.check-strip h2{font-size:29px}.check-strip .button{margin-top:24px}.site-footer{padding:35px 22px 40px;grid-template-columns:1fr;gap:15px}.site-footer nav{gap:12px 20px}.article-header,.page-heading{padding:40px 22px 28px}.article-header h1,.page-heading h1{font-size:38px}.article-visual{padding:0 22px;margin-bottom:32px}.article-layout{display:block;padding:0 22px 60px}.toc{padding:20px 0 25px;border-bottom:1px solid var(--line);margin-bottom:30px}.toc nav{gap:10px}.article-body{font-size:17px;line-height:1.8}.article-body h2{font-size:29px;margin-top:44px}.article-body h3{font-size:23px}.article-body figure{padding:18px}.page-content{padding:0 22px}.page{padding-bottom:55px}.diagram-grid{grid-template-columns:1fr}.search-form>div{gap:6px}.search-form button{padding:12px 16px}}
@media(max-width:360px){.hero-copy h1{font-size:37px}.site-header nav{gap:12px}.site-header nav a{font-size:14px}.architecture-parts{grid-template-columns:1fr}.article-header h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:#fff;color:#000;font-size:12pt}.site-header,.review-bar,.site-footer,.toc,.print-button,.button,.article-visual{display:none}.page,.page-content,.article-layout{display:block;max-width:none;padding:0}.page-heading{padding:0}.article-body h2{break-after:avoid;font-size:20pt}.checklist li{break-inside:avoid}a{color:#000}h1{font-size:28pt}.checklist input:checked+span{text-decoration:none}}
.architecture-model{position:relative}.architecture-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.architecture-connectors path{stroke:#5d687f;stroke-width:2;fill:none}.architecture-tag{position:absolute;background:var(--canvas);color:var(--ink);font-size:12px;line-height:1.35;font-weight:600;padding:5px 7px;border-radius:3px;max-width:44%}.tag-request{left:3%;top:3%}.tag-app{right:3%;top:27%}.tag-data{left:3%;top:69%}.tag-backup{right:3%;bottom:3%}@media(max-width:760px){.architecture-tag{font-size:11px;padding:4px 5px}.architecture-connectors path{stroke-width:3}}