/* Typography matched to mol.ruhr style.css + header-unified.css, 30.10.2026.
   Shop-specific elements use the corresponding heading, copy or form scale. */
body{font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.8}
button,input,select,textarea{font-family:inherit}
em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
h1{font-size:clamp(48px,5.5vw,86px);font-weight:500;line-height:1.07;letter-spacing:-4px}
h1 em{font-size:.85em;letter-spacing:-3px;white-space:normal}
h2{font-size:clamp(32px,3.45vw,52px);font-weight:500;line-height:1.15;letter-spacing:-1.8px}
h3{font-size:29px;font-weight:500;line-height:1.3;letter-spacing:-.8px}
p{line-height:1.8}
.eyebrow,.section-label{font-size:10px;font-weight:600;letter-spacing:1.6px;line-height:1.5}
.section-label>span+span{font-size:9px;font-weight:400;letter-spacing:1.3px}
.hero-top>span:last-child{font-size:11px;line-height:1.5}
.hero p{font-size:18px;line-height:1.8}
.hero-bottom{font-size:11px;line-height:1.6}
.button{font-size:13px;font-weight:600;line-height:1.5}
.button span{font-size:23px;font-weight:400;line-height:1}
.section-heading p,.plan-intro,.process-grid p,.faq details p,.order-panel p{font-size:17px;line-height:1.8}
.plan h3{font-size:29px;line-height:1.3;letter-spacing:-.8px}
.plan-top .eyebrow,.order-panel .eyebrow{font-size:10px;line-height:1.5}
.badge,.status-pill,td small{font-size:12px;line-height:1.6}
.price{font-size:clamp(32px,3.45vw,52px);font-weight:500;line-height:1.15;letter-spacing:-1.8px}
.price small,.billing,.fine-print{font-size:14px;line-height:1.7;letter-spacing:normal}
.features{line-height:1.9}
.features li{font-size:16px;line-height:1.9}
.domain-prices strong{font-size:29px;font-weight:500;line-height:1.3}
.domain-prices span{font-size:17px;line-height:1.8}
.process-grid article>span{font-size:11px;line-height:1.6}
.process-grid h3{font-size:20px;letter-spacing:-.4px;line-height:1.3}
.faq summary{font-size:23px;font-weight:500;line-height:1.5;letter-spacing:-.5px}
.text-link,.text-button{font-size:16px;line-height:1.6}
.text-link{font-weight:400}
.panel h2,.narrow h2{font-size:30px;font-weight:500;letter-spacing:-.8px;line-height:1.3}
.panel label,.domain-search>label{font-size:15px;font-weight:400;line-height:1.5}
input:not([type=checkbox]),select,textarea{font-size:16px;line-height:1.5}
.checkout-title h1,.narrow h1{font-size:clamp(36px,4.5vw,56px);line-height:1.1;letter-spacing:-2px}
.checkout-title>p,.preview-notice{font-size:14px;line-height:1.7}
.summary{font-size:17px;line-height:1.8}
.summary .total{font-size:23px;line-height:1.3;letter-spacing:-.5px}
.notice,.legal-text{font-size:17px;line-height:1.8}
.narrow h3{font-size:23px;line-height:1.3;letter-spacing:-.5px}
table,.admin-pre{font-size:16px;line-height:1.8}
.admin-pre{font-family:Arial,Helvetica,sans-serif}
.footer-brand,footer>div{font-size:14px;line-height:1.6}
.legal-dialog h2{font-size:clamp(25px,5vw,36px);line-height:1.15;letter-spacing:-1px}
.legal-dialog h3{font-size:17px;font-weight:600;line-height:1.45;letter-spacing:normal}
.legal-dialog p,.legal-dialog .legal-text{font-size:16px;line-height:1.8}
.legal-dialog .eyebrow{font-size:10px;line-height:1.5}
.legal-dialog .dialog-close{font-size:30px;line-height:1}
.browser-bar{font-size:7px;line-height:1.5}
.art-content>.eyebrow{font-size:6px;letter-spacing:1.5px}
.art-content strong{font-size:25px;line-height:1.15;font-weight:400;letter-spacing:-1px}
.art-chips span{font-size:10px;line-height:1.5}
.art-badge{font-size:12px;font-weight:600;line-height:1.5}
@media(min-width:721px) and (max-width:1000px){h1{letter-spacing:-2.5px}h1 em{letter-spacing:-2px}}
@media(max-width:720px){
 body{font-size:16px;line-height:1.75}
 h1{font-size:clamp(39px,8.1vw,60px);line-height:1.12;letter-spacing:-2px}
 h1 em{font-size:.86em;letter-spacing:-1.5px}
 h2{font-size:34px;letter-spacing:-1.3px}
 h3,.plan h3,.faq summary{font-size:23px;letter-spacing:-.7px}
 p{line-height:1.75}
 .hero p{font-size:17px;line-height:1.75}
 .hero-top .eyebrow{font-size:8px;letter-spacing:1.4px}
 .hero-bottom{font-size:9px;line-height:1.6}
 .section-label{font-size:8px;letter-spacing:1.3px}
 .section-label>span+span{display:none}
 .button,.hero .button,.admin-heading .button{font-size:12px;line-height:1.5}
 .section-heading p,.plan-intro,.process-grid p,.faq details p,.order-panel p,.domain-prices span{font-size:16px;line-height:1.75}
 .features li{font-size:16px;line-height:1.8}
 .price{font-size:34px;line-height:1.15;letter-spacing:-1.3px}
 .price small,.billing,.fine-print,.checkout-title>p,.preview-notice{font-size:14px;line-height:1.7}
 .domain-prices strong{font-size:23px}
 .process-grid h3{font-size:21px;letter-spacing:-.4px}
 .text-link,.text-button{font-size:15px;line-height:1.6}
 .panel h2,.narrow h2{font-size:27px;line-height:1.3}
 .checkout-title h1,.narrow h1,.admin-heading h1{font-size:33px;letter-spacing:-1.2px;line-height:1.1}
 .summary,.notice,.legal-text{font-size:16px;line-height:1.75}
 .summary .total{font-size:22px}
 .legal-dialog p,.legal-dialog .legal-text{font-size:16px;line-height:1.75}
 .legal-dialog .eyebrow{font-size:10px;line-height:1.5}
 .footer-brand,footer>div{font-size:14px;line-height:1.6}
}