/* Reisedepeschen – einheitliches Schriftsystem, Version 1.0.0
 * Drei Textschriftschnitte für Website und Editor-Inhalt.
 * Stand: 11.11.2026, 17:05 Uhr (Berlin)
 */
:is(body.rd-schriften-system, .editor-styles-wrapper), .editor-styles-wrapper {
 --rd-schrift-titel: Allan, sans-serif;
 --rd-schrift-ui: "Brandon Text", sans-serif;
 --rd-schrift-text: "Franziska Pro", Georgia, serif;
 --rd-gewicht-titel: 700;
 --rd-gewicht-ui: 420;
 --rd-gewicht-text: 450;
 --rd-t-h1: clamp(2.5rem, 6vw, 4rem);
 --rd-t-h2: clamp(2rem, 4vw, 3rem);
 --rd-t-h3: clamp(1.625rem, 2.6vw, 2.25rem);
 --rd-t-lead: 1.375rem;
 --rd-t-text: 1.1875rem;
 --rd-t-small: 1rem;
 --rd-t-ui-l: 1.375rem;
 --rd-t-ui-m: 1.125rem;
 --rd-t-ui: 1rem;
 --rd-t-ui-s: .875rem;
}
/* Integration: Klasse nur am Website-Body bzw. Editor-Inhaltsbereich setzen.
   Nicht auf wp-admin, Zahlungsanbieter-Iframes oder Icon-Schriften anwenden.
   Bestehende konkurrierende Fontregeln vorher ersetzen, nicht nur überdecken. */
:is(body.rd-schriften-system, .editor-styles-wrapper) {
 font-family:var(--rd-schrift-text); font-weight:var(--rd-gewicht-text);
 font-size:var(--rd-t-text); line-height:1.6;
 font-synthesis:style; /* Kursiv bei Bedarf erzeugen; kein künstliches Fett. */
 --wp--preset--font-family--allan:var(--rd-schrift-titel);
 --wp--preset--font-family--brandon-text:var(--rd-schrift-ui);
 --wp--preset--font-family--franziska-pro:var(--rd-schrift-text);
}
:is(body.rd-schriften-system, .editor-styles-wrapper) :is(h1,h2,h3,.rd-titel) {
 font-family:var(--rd-schrift-titel);font-weight:700;font-style:normal;
 line-height:1.12;letter-spacing:0;text-transform:none;
}
:is(body.rd-schriften-system, .editor-styles-wrapper) h1{font-size:var(--rd-t-h1)}
:is(body.rd-schriften-system, .editor-styles-wrapper) h2{font-size:var(--rd-t-h2)}
:is(body.rd-schriften-system, .editor-styles-wrapper) h3{font-size:var(--rd-t-h3);line-height:1.2}
:is(body.rd-schriften-system, .editor-styles-wrapper) :is(h4,h5,h6,.rd-ui,.rd-meta,.rd-preis,button,input,select,textarea,label,nav,th) {
 font-family:var(--rd-schrift-ui);font-weight:420;font-style:normal;line-height:1.35;
}
:is(body.rd-schriften-system, .editor-styles-wrapper) h4{font-size:var(--rd-t-ui-m)}
:is(body.rd-schriften-system, .editor-styles-wrapper) :is(h5,h6){font-size:var(--rd-t-ui)}
:is(body.rd-schriften-system, .editor-styles-wrapper) :is(button,input,select,textarea,label,nav,.rd-ui){font-size:var(--rd-t-ui)}
:is(body.rd-schriften-system, .editor-styles-wrapper) :is(strong,b){font-family:var(--rd-schrift-ui);font-weight:420}
:is(body.rd-schriften-system, .editor-styles-wrapper) :is(h1,h2,h3) :is(strong,b){font-family:inherit;font-weight:inherit}
:is(body.rd-schriften-system, .editor-styles-wrapper) em, :is(body.rd-schriften-system, .editor-styles-wrapper) i:not([class]){font-style:italic}
:is(body.rd-schriften-system, .editor-styles-wrapper) .rd-lead{font-size:var(--rd-t-lead);line-height:1.5}
:is(body.rd-schriften-system, .editor-styles-wrapper) .rd-meta{font-size:var(--rd-t-ui-s);line-height:1.45}
:is(body.rd-schriften-system, .editor-styles-wrapper) .rd-preis{font-size:var(--rd-t-ui-l)}
:is(body.rd-schriften-system, .editor-styles-wrapper) :is(figcaption,.rd-kleingedruckt){font-size:var(--rd-t-small);line-height:1.5}
:is(body.rd-schriften-system, .editor-styles-wrapper) .rd-lesetext{max-width:66ch}
:is(body.rd-schriften-system, .editor-styles-wrapper) :is(h1,h2,h3,h4,h5,h6) a{font-family:inherit;font-weight:inherit}

/* Bestehende Presets behalten ihre Funktion, ohne weitere Fontdateien. */
:is(body.rd-schriften-system,.editor-styles-wrapper){
 --wp--preset--font-family--lora:var(--rd-schrift-text);
 --wp--preset--font-family--brandon-grotesque:var(--rd-schrift-ui);
 --wp--preset--font-family--system:var(--rd-schrift-ui);
}
:is(body.rd-schriften-system,.editor-styles-wrapper) :is(.has-lora-font-family,.has-franziska-pro-font-family){font-family:var(--rd-schrift-text)!important;font-weight:450;}
:is(body.rd-schriften-system,.editor-styles-wrapper) :is(.has-brandon-text-font-family,.has-brandon-grotesque-font-family,.has-system-font-family,.is-brandon-text-small p,.is-brandon-text-medium){font-family:var(--rd-schrift-ui)!important;font-weight:420;}
:is(body.rd-schriften-system,.editor-styles-wrapper) .has-allan-font-family{font-family:var(--rd-schrift-titel)!important;font-weight:700;}
:is(body.rd-schriften-system,.editor-styles-wrapper) :is(.is-style-basti-post-title-border a,.em.em-list .em-item .em-item-info h3.em-item-title a){font-family:var(--rd-schrift-titel);font-weight:700;}
:is(body.rd-schriften-system,.editor-styles-wrapper) :is(.em,.em a){--font-family:var(--rd-schrift-text)!important;}
:is(body.rd-schriften-system,.editor-styles-wrapper) :is(.wc-block-mini-cart__drawer,.wc-block-components-formatted-money-amount,.wc-block-components-product-metadata p,.wc-block-cart-item__remove-link,.wc-block-cart-items__header th,.woocommerce .price){font-family:var(--rd-schrift-ui)!important;font-weight:420!important;}
:is(body.rd-schriften-system,.editor-styles-wrapper) :is(.wp-block-button__link,.wp-element-button,.wp-block-navigation,.rd-bc,.yoast-breadcrumbs,.rd-ko strong){font-family:var(--rd-schrift-ui);font-weight:420;}
/* Die kleine H1 auf der Startseite ist ein redaktionelles Etikett. */
body.home.rd-schriften-system h1{font-family:var(--rd-schrift-ui);font-weight:420;font-size:var(--rd-t-ui);letter-spacing:.1em;line-height:1.4;}

/* Verbindliche Rollen für im Bestand ausdrücklich überschriebene Komponenten. */
:is(body.rd-schriften-system,.editor-styles-wrapper) :is(h1,h2,h3,h1 a,h2 a,h3 a,.text-animation-1){font-family:var(--rd-schrift-titel)!important;font-weight:700!important;}
:is(body.rd-schriften-system,.editor-styles-wrapper) :is(h4,h5,h6,.rd-nlb__hinweis,.em-item-meta-line,.em-item-read-more,.wc-block-components-totals-item__label,.wc-block-components-totals-item__description){font-family:var(--rd-schrift-ui)!important;font-weight:420!important;}
:is(body.rd-schriften-system,.editor-styles-wrapper) .em-item-desc{font-family:var(--rd-schrift-text)!important;font-weight:450!important;}
body.home.rd-schriften-system h1{font-family:var(--rd-schrift-ui)!important;font-weight:420!important;}

/* 1.0.3: Mobile Headerbreite und geometrische CSS-Uebergaenge korrigieren. */
/* 1.0.4: Originale Desktop-Uebergaenge erhalten; Touch weiterhin reduziert. */
@media (hover: none), (pointer: coarse){
body.rd-schriften-system :is(a,button){transition-property:color,background-color,opacity,transform!important;}
}
@media(max-width:1210px){
body.rd-schriften-system header > .wp-block-columns.desktop-hide{display:grid!important;grid-template-columns:minmax(0,1fr) 36px 24px 40px;gap:8px;box-sizing:border-box;}
body.rd-schriften-system header > .desktop-hide > .wp-block-column{min-width:0!important;width:auto!important;margin:0!important;}
body.rd-schriften-system header > .desktop-hide .wp-block-site-logo img{max-width:100%;height:auto;}
body.rd-schriften-system header > .desktop-hide .wc-block-mini-cart__button{box-sizing:border-box;width:40px;min-height:40px;padding:8px;font-size:16px;}
}


/* 1.0.5: Verlinkte Bilder ohne Link-Unterstreichung, auch bei Hover und Fokus. */
body.rd-schriften-system a:has(> img, > picture),
body.rd-schriften-system a:has(> img, > picture):is(:hover,:focus,:active){
text-decoration:none!important;
box-shadow:none!important;
}

/* 1.0.6: BookFriday mobil in der Reihenfolge Text, Bild, Button. */
@media(max-width:781px){
body.home.rd-schriften-system .wp-block-columns:has(img.wp-image-80849){display:flex!important;flex-direction:column;align-items:stretch!important;gap:0!important;}
body.home.rd-schriften-system .wp-block-columns:has(img.wp-image-80849)>.wp-block-column{display:contents!important;}
body.home.rd-schriften-system .wp-block-columns:has(img.wp-image-80849)>.wp-block-column>figure{order:1;margin:24px 0 0!important;}
body.home.rd-schriften-system .wp-block-columns:has(img.wp-image-80849)>.wp-block-column>.wp-block-buttons{order:2;margin-top:24px!important;}
}
