/*
Theme Name: Rollerfahrer
Description: Ein klares, modernes Block-Theme für Roller, Ausfahrten und Werkstattgeschichten. Mit responsiven Vorlagen, lokalem Design und dem WordPress Website-Editor.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Author: Rollerfahrer
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rollerfahrer
Tags: blog, photography, portfolio, block-patterns, full-site-editing, wide-blocks, custom-colors, custom-logo, editor-style
*/
:root{color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;-webkit-text-size-adjust:100%}img{max-width:100%;height:auto}a{text-underline-offset:.22em}h1,h2,h3{overflow-wrap:anywhere}p{overflow-wrap:break-word}.wp-site-blocks>header{position:relative;z-index:10}.rf-header{border-bottom:1px solid #d7e0eb}.rf-mark{display:flex;align-items:center;gap:10px}.rf-mark:before{content:'↗';display:grid;place-items:center;background:#1675ed;color:white;width:36px;height:36px;border-radius:10px;font-size:24px;font-weight:700}.rf-eyebrow{font-size:11px!important;letter-spacing:.2em;text-transform:uppercase;font-weight:700}.rf-eyebrow:before{content:'';display:inline-block;width:7px;height:7px;background:#1675ed;margin-right:10px;border-radius:50%}.rf-hero{background:#111e30 url('assets/scooter.svg') no-repeat right center;background-size:auto 100%;position:relative;overflow:hidden}.rf-hero h1{font-size:clamp(44px,6.6vw,92px)!important;line-height:1.02;letter-spacing:-.055em;max-width:760px}.rf-hero p{max-width:490px}.rf-hero .wp-block-group{position:relative}.rf-hero .rf-eyebrow{color:#87baff}.rf-hero .wp-block-buttons{margin-top:32px}.rf-hero .wp-block-button.is-style-outline .wp-block-button__link{color:#eaf2ff;border-color:#567089}.rf-topics .wp-block-column{padding:30px;border:1px solid #d7e0eb;border-radius:14px;background:#fff}.rf-topics h3{font-size:24px;letter-spacing:-.04em}.rf-topics .rf-eyebrow{color:#1675ed}.rf-topics .wp-block-column p{font-size:14px}.rf-topics a{font-weight:600}.rf-section{padding-block:72px}.rf-divider{border-top:1px solid #d7e0eb}.rf-posts .wp-block-post{padding:0 0 24px;border-bottom:1px solid #d7e0eb;min-width:0}.rf-posts .wp-block-post-featured-image{margin:0 0 20px;overflow:hidden;border-radius:12px;background:#dfe7f1}.rf-posts .wp-block-post-featured-image img{aspect-ratio:4/3;object-fit:cover;transition:transform .3s}.rf-posts .wp-block-post-featured-image a:hover img{transform:scale(1.025)}.rf-posts .wp-block-post-title a{text-decoration:none}.rf-posts .wp-block-post-title{font-size:25px;letter-spacing:-.04em}.rf-posts .wp-block-post-excerpt{font-size:15px;color:#56667b}.rf-posts .wp-block-post-date{font-size:12px;color:#56667b}.rf-story{border-radius:16px;overflow:hidden}.rf-footer{border-top:1px solid #d7e0eb;color:#56667b;font-size:13px}.wp-block-navigation__responsive-container.is-menu-open{padding:28px}.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{min-width:44px;min-height:44px}.wp-block-button__link{min-height:46px}.wp-block-gallery{gap:16px!important}.wp-block-gallery img{border-radius:10px}.wp-block-post-content figure{max-width:100%}input,textarea,select{max-width:100%;font:inherit}input:not([type=checkbox]):not([type=radio]),textarea{padding:12px;border:1px solid #b9c7d8;border-radius:6px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #1675ed;outline-offset:4px}.wp-block-post-navigation-link{overflow-wrap:anywhere}.rf-empty{padding:28px;background:#e6edf5;border-radius:12px}
@media(max-width:1000px){.rf-hero{background-position:calc(100% + 180px) center}.rf-hero h1{max-width:630px}.rf-topics{flex-wrap:wrap!important}.rf-topics>.wp-block-column{flex-basis:calc(50% - 12px)!important}.rf-posts .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.rf-hero{background-image:linear-gradient(120deg,#111e30,#1c3657)!important}.rf-hero h1{font-size:clamp(40px,10vw,64px)!important}.rf-hero{padding-top:56px!important;padding-bottom:64px!important}.rf-section{padding-block:44px}.rf-topics>.wp-block-column{flex-basis:100%!important}.rf-posts .wp-block-post-template{grid-template-columns:minmax(0,1fr)!important}.rf-header{padding-top:16px!important;padding-bottom:16px!important}.rf-story{padding:28px!important}.rf-footer .wp-block-group{gap:18px}.wp-block-navigation{font-size:15px}.wp-block-buttons{gap:12px}.wp-block-button__link{padding:14px 20px}.rf-hero .wp-block-button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
